The most complete React Library Component for drag’n’drop files. Image and video previews. File validation. Multilanguage. Server side support.

Overview

🚀 Spanish README

Dropzone UI

The best, most complete and easy to use, React file upload library.

Live demo and code generator : dropzone-ui.com

❤️ it ?, support us by giving a on :octocat: Github :D

license npm latest package Rate on Openbase kandi X-Ray Node.js CI Build Status Language grade: JavaScript Total alerts Known Vulnerabilities Package Quality install size Average time to resolve an issue PRs Welcome GitHub Repo stars

Key Features

  • File validation: Validate files before uploading.
  • 🎨 File Image previews: See a thumbnail preview
  • 🖼️ Full screen image previews: Add more interacion with a full screen preview of images
  • 🎥 Full screen video previews. Play the video before uploading. new-feature
  • 👀 status visualization: validation and upload status is shown on a Tooltip or on Info Layer.
  • ✈️ File upload: Upload valid files to a server.
  • 🎭 Out of the box design and style.
  • 🍰 Easy to use. Probably, this is the killer feature you are looking for in a package.

Main Content

Ordered by use:

Sample result:

On Drag, Drop, Upload and full screen preview. (also changing view mode from grid to list).

dropone-ui-preview

  • More previews here.

  • Did you like the project? Please don't forget to give us a star on :octocat: GitHub :D

Code generator

Want to generate the code that fits your needs? Just interact with the code generator here.

Requirement

@dropzone-ui/react is based on React Hooks. It requires react v16.8+.

@dropzone-ui/react uses axios for uploading files. It requires axios v0.24.0+.

Installation

@dropzone-ui/react is available as an npm package.

For uploading files, peer dependency axios must be also installed together with dropzone-ui.

// with npm
npm i @dropzone-ui/react axios
// with yarn
yarn add @dropzone-ui/react axios

Usage and examples

Here is a quick example to get you started, it's all you need:

import * as React from "react";
import ReactDOM from "react-dom";
import { Dropzone, FileItem } from "@dropzone-ui/react";
Function App() {
  const [files, setFiles] = React.useState([]);
  const updateFiles = (incommingFiles) => {
    setFiles(incommingFiles);
  };
  return (
    <Dropzone onChange={updateFiles} value={files}>
      {files.map((file) => (
        <FileItem {...file} preview />
      ))}
    </Dropzone>
  );
}

ReactDOM.render(<App />, document.querySelector("#app"));

Yes, it's really all you need to get started as you can see in these live and interactive demos:

Name Codesandbox link
Dropzone Basic example Edit Button
Dropzone Complete example Edit Button
File item props Edit Button
VideoPreview new-feature Edit Button
FileItem alwaysActive Prop new-feature Edit Button
FileItem resultOnTooltip Prop new-feature Edit Button
FileItem with no image preview Edit Button
InputFileButton & FileItemContainer Edit Button
localización: multilanguage example Edit Button
File Item imageUrl and synthetic files Edit Button
Default previews extensive list Edit Button
headerClassName & footerClassName Edit Button

Uploading

Dropzone-ui provides a way to upload files to a server. However, in case you want to make your own upload function, you can take the files that Dropzone onChange event returns.

For uploading files through dropzone-ui, you should follow at least this guidelines:

  • Server Endpoint should get the file from req.files.file.
  • Server Response should follow the DropzoneUIResponse structure for returning a response.

Server example

Bellow, there is an example built in Express.js wich you can use to create your own server side implementation. Other languages implementations are in construction.

The complete code can be found here.

server
const express = require("express");
const fileUpload = require("express-fileupload");
// ... some code
app.post("/upload-my-file", async (req, res) => {
  try {
    if (!req.files) {
      res.send({
        success: false,
        message: "There was no file found in request",
        payload: {},
      });
    } else {
      //Use the name of the input field (i.e. "file") to retrieve the uploaded file
      let file = req.files.file;
      //Use the mv() method to place the file in upload directory (i.e. "uploads")
      file.mv("./uploads/" + file.name);
      //send response
      res.send({
        success: true,
        message: "File was uploaded successfuly",
        payload: {
          name: file.name,
          mimetype: file.mimetype,
          size: file.size,
          path: "/files/uploads/",
          url: "https://my-ftp-server.com/bjYJGFYgjfVGHVb",
        },
      });
    }
  } catch (err) {
    res.status(500).send({
      status: false,
      message: "Unexpected problem",
      payload: {},
    });
  }
});

Localization

Dropzone-ui is available in different languages. So far, we only support English, Spanish, French and Portuguese. In next releases this list will be increased.

Language Code Example
English 🇺🇸 🇬🇧 EN-en localization="EN-en"
Spanish 🇵🇪 🇲🇽 🇦🇷 🇪🇸 ES-es localization="ES-es"
Fench 🇫🇷 FR-fr localization="FR-fr"
Italian 🇮🇹 IT-it localization="IT-it"
Portuguese 🇧🇷 🇵🇹 PT-pt localization="PT-pt"
Russian 🇷🇺 RU-ru localization="RU-ru"
Chinese(simplified) 🇨🇳 ZH-cn localization="ZH-cn"
Chinese(traditional) 🇨🇳 ZH-hk localization="ZH-hk"

Dropzone UI react Components API

Dropzone API

Props

Name Type Default Description
accept string undefined The accept attribute value is a string that defines the file types the Dropzone should accept. This string is a comma-separated list of unique file type specifiers, wich is compared with the file attributes in order to determine whether that file is valid or not: "image/*, application/pdf, .psd". More info on MDN .
behaviour "add" | "replace" "add" The behaviour on drop files. "add" option will make Dropzone to add files to the current file list. "replace" option will make Dropzone to replace the current list of files
children node true The content of the component. Normally a list of FileItem components or a label
clickable boolean true If true, the dropzone component itself will be clickable
config Object { headers: { "content-type": "multipart/form-data;", }, } Extra configuration for uploading, normally an object with headers or bearer token-
disableScroll new-feature boolean undefined if present or true, removes scrolls and sets the Dropzone content (FileItemContainer) in a grid view. It also disables maxHeight prop. Only minHeight prop will work. This feature was added to work together with resultOnTooltip prop of FileItem. If not present or false , FileItemContainer will set csss property "overflow" as "auto".
fakeUploading boolean undefined If true, this flag will make dropzone to simulate a server upload. Use only in development.
footer boolean true if true, shows the dropzone footer
footerClassName string undefined if given, css styles for fotter will be overriden.footer
header boolean true if true, shows the dropzone header
headerClassName string undefined if given, css styles for header will be overriden.
label string "Drop your files here" Label to place when no files selected
localization "EN-en" | "ES-es" | "FR-fr" | "PT-pt"| "RU-ru"| "ZH-cn"| "ZH-hk" "EN-en" The language to present labels. So far, only English, Portuguese, French,Russian, Chinese (simplifyed and traditional) and Spanish are suported.
method "POST" | "PUT" | "PATCH" "POST" The method for uploading.
maxFiles number undefined Max number of files to be accepted. If the value is 1, click event dialog will allow just a select a single file. (multiple prop on input tag will be false). If not set, vlidation will not consider a max amount of files and user will be allowed to drop or select Infinity files.
maxFileSize number undefined max file size allowed in bytes. if not preent, will not be considered on validating the file
minHeight string "280px" The min height of the container in string format. e.g. '50vh' , '20%', '40em', '1rem' . This not consider the space for Footer and Header.
maxHeight string "450px" The max height of the container in string format. e.g. '50vh' , '20%', '40em', '1rem'. This not consider the space for Footer and Header.
onChange (files: FileValidated[] ) => void undefined Probably one of the most important methods. The onChange event occurs when the value of the file list is changed. Returns as first paramater a list of FileValidated . This event is also triggered when upload starts and when upload finishes for each file in order to update the props on very FIleItem
onChangeView Function undefined Event that ocurs when view mode has changed. First parameter is the current view mode.
onDrop (filesDropped: FileValidated[])=> void undefined The onDrop event occurs when files are dropped indide the Dropzone or selected from file dialog. Normally used for retrieving the new files dropped as a list of FileValidated
onUploadStart (files: FileValidated[]) => void undefined This event is triggered when upload process starts. Returns as first parameter the list of FileValidated that will be uploaded. Unlike Onchange, onUploadStart will only return a list of files thta are candidates to be uploaded, in case they are valid or upload status is "error"
onUploadFinish onUploadFinish?: ( responses: FileDuiResponse[] ) => void; undefined This event returns as first aparameter the list of responses for each file after upload process. Responses are instances of FileDuiResponse.
uploadOnDrop boolean false If true, onDrop event will return the list of files, but also will upload the files if url was set, and also config
url string undefined The url endpoint to upload the files. Server response must match DropzoneUIResponse structure
validator (f: File) => CustomValidateFileResponse undefined Must be a function that recieves as first parameter a File Object instance and must return a CustomValidateFileResponse object with 2 fields: valid (boolean value) and errors a string array of errors. This function will be used instead of the default validator.
view "grid" | "list" "grid" grid will display files in a grid layout. list will display files in a horizontal list. Convenient for saving space in page. If not given, Dropzone component will show "change view" button. If view is given, it´ll be hidden.
value FIleValidated[] [ ] The current list of Files

FileItem API

Props

Name Type Default Description
alwaysActive new-feature boolean false Flag that makes all buttons visible. If false, the buttons and info will be visible on hover
file File undefined The actual File object instance
errors string[] undefined The list of errors according to the validation criteria or custom validation function given.
elevation new-feature "1" | "2" | "3" | "4" | 1 | 2 | 3 | 4 | false undefined Shadow depth for the FileItem container.
hd boolean undefined If present, preview on full screen will be presented in the real image resolution
id string | number undefined identifier for the file
info boolean false If present, the info layer and the info button will ve visible
imageUrl string undefined A string base64 representation or web url of the image that will be set to the "src" prop of an <img/> tag <img src={imageUrl} />. If given, FileItem componnet will use this image instead of reading the image file.
localization "EN-en" | "ES-es" | "FR-fr" | "PT-pt"| "RU-ru"| "ZH-cn"| "ZH-hk" "EN-en" The language to present labels. So far, only English, Portuguese, French,Russian, Chinese (simplifyed and traditional) and Spanish are suported.
onDelete (id: number | string | undefined) => void undefined This event is triggered when close button is pressed or clicked. Returns as first parameter the if of the corresponding FileItem . If not given, "delete" button will not be visible.
onSee Function undefined This event is triggered when "see" button is pressed or clicked. Returns as first parameter the image url in string format. Normally used in FullScreenPeview component. If hd present, will return the image url in the real quality. Otherwise, will return a minimized image with less resolution in order to save memory.
onWatch new-feature Function undefined This event is triggered when "play" button is pressed or clicked. Returns as first parameter the video file object. Normally used in VideoPreview component.
preview boolean false If present, and if onSee present, "see" button will be visible and on click will trigger onSee function
resultOnTooltip new-feature boolean undefined Where to display result of validation: on InfoLayer or in Tooltip when user hovers the FileItem.
uploadMessage string undefined The message to display when server responds. The server response should follow the structure of an instance of DropzoneUIResponse
uploadStatus undefined | "uploading" | "success" | "error" undefined The status of the upload process
valid boolean false whether to show a "valid" or "rejected" message ("valid", "denied"). By default valid is false (if not present, it's false too)This value will affect preview behaviour. If not valid, the preview will not be shown, nor the view button even when onSee and preview props are present. The functionality to allow to show preview despite of a not valid image file, is a feature that will be added in future releases.

FullScreenPreview API

Props

Name Type Default Description
imgSource string undefined The url string representation of the image
onClose Function undefined A function that describes the close behaviour
openImage boolean false Flag that indicates whether to open the image preview or close it

VideoPreview API

Props

Name Type Default Description
videoSource string undefined The video source in string format or File object. When a File object is given VideoPreview component will check if video type is included in the supported formats. (video/mp4, video/ogg, video/webm). Normally used with FileItem component when returns this value in onWatch handler.
onClose Function undefined A function that describes the close behaviour
openVideo boolean undefined Flag that indicates whether to open the video preview or close it
autoplay boolean undefined Flag that indicates whether to play automatically the video or not.
controls boolean undefined Flag that indicates whether to display the controls in the video player or not.

FileItemContainer API

Props

Name Type Default Description
children node true The content of he component. Normally a list of FileItem. By default Dropzone component already uses this component for containing the FileItem list children.
view "grid" | "list" "grid" grid will display files in a grid layout. list will display files in a horizontal list. Convenient for saving space in page.
disableScroll new-feature boolean undefined if present or true, removes scrolls and sets the FileItemContainer in a grid view. It also disables maxHeight prop. Only minHeight prop will work. This feature was added to work together with resultOnTooltip prop of FileItem.

InputButton API

Props

Name Type Default Description
accept string undefined The accept attribute value is a string that defines the file types the InputButton should accept. This string is a comma-separated list of unique file type specifiers, wich is compared with the file attributes in order to determine whether that file is valid or not: "image/*, application/pdf, .psd". More info on MDN .
color string "#071e25" The main color for the button. (e.g. "#FFFFFF", "rgb(255,12,45)")
disabled boolean false whether the button will be disabled or not
id string undefined the id of the component
label string "Browse ..." If given, this label will be showed inside the button
maxFileSize number undefined max file size allowed in bytes
multiple boolean false whether to accept multiple files or not
onChange Function undefined What to do after selecting the files. Returns the File[] as first parameter
style React.CSSProperties {} the in-line style object
text "uppercase" | "capitalize" | "lowercase" | "none" "capitalize" The text transform for the text inside the button label
textColor string "white" The font color in case variant is "contained"
validator (f: File) => CustomValidateFileResponse undefined Must be a function that recieves as first parameter a File Object instance and must return a CustomValidateFileResponse object with 2 fields: valid (boolean value) and errors a string array of errors. This function will be used instead of the default validator.
variant "text" | "outlined" | "contained" "contained" The variant of the button

Special Types Api

FileValidated

This is the file structure that is used in onChange event from Dropzone. This object contains all the required props to work dynamically with FileItem component.

export enum UPLOADSTATUS {
    uploading = "uploading",
    success = "success",
    error = "error"
}
export interface FileValidated {
    file: File;
    valid: boolean;
    id: number| string | undefined;
    errors?: string[];
    uploadMessage?: string;
    uploadStatus?: undefined | UPLOADSTATUS;
}

FileDuiResponse

This is the object structure for responses thatcomes from server when Dropzone onUploadFinish event is triggeed. This event returns an array of FileDuiResponse objects

export interface FileDuiResponse {
  id: number | string | undefined;
  serverResponse: DropzoneUIResponse | {};
}

DropzoneUIResponse

This is the response structure for each file that server must send when Dropzone perfoms the upload process.

export interface DropzoneUIResponse {
  status: boolean;
  message: string;
  payload: any;
}

UploadPromiseAxiosResponse

This is the response object after uploading each file.

export interface UploadPromiseAxiosResponse {
  serverResponse: FileDuiResponse;
  uploadedFile: FileValidated;
}

CustomValidateFileResponse

This is the response structure for each file that server must send when Dropzone performs the upload process.

export interface CustomValidateFileResponse {
  valid: boolean;
  errors?: string[];
}

Supporters

Special thanks to these amazing people :

👏 Stargazers

Stargazers repo roster for @dropzone-ui/dropzone-ui-react

👏 Forkers

Forkers repo roster for @dropzone-ui/dropzone-ui-react

More Previews

Image full screen preview

Image full screen preview

Video full screen preview

Video full screen preview

License

This project is licensed under the terms of the MIT license.

Animated footer bars


Back to top

Comments
  • React 18 Support

    React 18 Support

    Will there be an update to DropZone UI React to support React 18? Currently I am trying to upgrade my project to use 18 but I am unable to due to dropzone using react 17. I really like using DropZone UI and hope it will be upgraded soon.

    opened by alexbegt 6
  • Last deleted item always comming back

    Last deleted item always comming back

    Everytime I select multiple itens just for view, not upload, and I delete them to select new ones, the last deleted file comes back with selected files. e.g.: I select files: 'a', 'b', 'c', and I delete all, being 'c' the last one deleted. Then I select 'd' and 'e', in this new selection, file 'c' appears in the list too.

    Anyone has already seen something like this? And how could I solve it? Note: I used the complete example to make a custom dropzone. In my case, the file list appears above dropzone, not inside.

    opened by LeninBoccardo 5
  • Unable to upload the same picture with behaviour

    Unable to upload the same picture with behaviour "replace" after deleting it

    Describe the bug I wanna to upload one picture. Then I delete it and then I would like to upload it again. It doesn't work. I need to upload another picture and then I'll be able to upload the picture I wanted.

    To Reproduce Steps to reproduce the behavior:

    1. Go to https://codesandbox.io/s/complete-946hz?file=/src/index.js
    2. Click on the dropzone
    3. Upload one picture as for example then try to upload the same picture
    4. You can't upload the same picture

    Expected behavior I would like to add a picture, then remove it add the same picture.

    Desktop (please complete the following information):

    • OS: windows 10
    • Browser: chrome
    • Version: 97
    good first issue 
    opened by MrLexisDev 4
  • The content in the children prop should be visible always

    The content in the children prop should be visible always

    The content in the children's prop should be visible always so you can add custom content when there are no items. This would allow you to add a image and anything else you want to the dropzone when it loads. However, the children's prop only shows once you select items to upload.

    • Prop Name: children
    • Prop Type: Node
    • Prop Desc: The content of the component. Normally a list of FileItem components or a label
    opened by cannontechnology 3
  • Footer and Header className prop

    Footer and Header className prop

    Is your feature request related to a problem? Please describe. We need a className prop for header/footer to be added to "dz-ui-header" "and dz-ui-footer".

    Describe the solution you'd like Add headerClassName footerClassName to specify custom className for header and footer like

    <Dropzone
        headerClassName={"headerCustomClass"}
        footerClassName={"footerCustomClass"}
    >
      ...
    </Dropzone>
    

    Additional context I tried to specify more than 10 file types with "accept" prop, and the width of the footer is too long, we have a custom css class to wrap the words to prevent line goes offscreen, but there is no way to add our custom class to footer. You can see an example in the following image: image

    opened by davidbejarcaceres 2
  • Can't use Dropzone in React 18 Typescript

    Can't use Dropzone in React 18 Typescript

    Describe the bug Whenever I try to use Dropzone component with children it shows

    Property 'children' does not exist on type 'IntrinsicAttributes & DropzoneProps'

    To Reproduce Steps to reproduce the behavior:

    1. Just try to use in project with React 18 and Typescript.

    Expected behavior It should allow me to use the Dropzone

    Screenshots

    Screenshot 2022-09-17 at 12 23 20 PM

    Desktop (please complete the following information):

    • OS: Mac
    • Browser: Any
    • Version: 6.7.10
    opened by rnkdsh 2
  • Bump @testing-library/jest-dom from 5.16.1 to 5.16.4

    Bump @testing-library/jest-dom from 5.16.1 to 5.16.4

    Bumps @testing-library/jest-dom from 5.16.1 to 5.16.4.

    Release notes

    Sourced from @​testing-library/jest-dom's releases.

    v5.16.4

    5.16.4 (2022-04-05)

    Bug Fixes

    • Support unenclosed inner text for details elements in to be visible (#396) (af18453)

    v5.16.3

    5.16.3 (2022-03-24)

    Bug Fixes

    • clarify toHaveFocus message when using .not (#447) (6988a67)

    v5.16.2

    5.16.2 (2022-02-03)

    Bug Fixes

    • add custom element support to toBeDisabled (#368) (8162115)
    Commits
    • af18453 fix: Support unenclosed inner text for details elements in to be visible (#396)
    • 6988a67 fix: clarify toHaveFocus message when using .not (#447)
    • 4d0ceeb docs: add ashleyryan as a contributor for code, ideas (#434)
    • 1f389f8 docs: add astorije as a contributor for code, ideas (#433)
    • 8162115 fix: add custom element support to toBeDisabled (#368)
    • 3094eb1 docs: add cbroeren as a contributor for doc (#432)
    • 43a420a docs: Fix wrong toHaveValue example (#431)
    • See full diff in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • Axios is required.

    Axios is required.

    Hi there, as always, this is an amazing development you have over here. But I'm currently developing an application with the Backend using TypeGraphql so no need for axios. And I did not had it installed in the front-end but suddenly when I was implementing the dropzone component I got this error:

    image

    Which kind of force me to install axios.

    Is there any chance we can make the package 'axios' independent ?

    I placed it as a bug, but if is not up to you guys, feel free to close it.

    Let me know if I can help you somehow.

    @JinSSJ3 you already have my email so feel free to drop any question and if you like to pair also let me know.

    Regards,

    Pablo.

    opened by mateusmx 2
  • Bump @storybook/react from 6.4.9 to 6.4.15

    Bump @storybook/react from 6.4.9 to 6.4.15

    Bumps @storybook/react from 6.4.9 to 6.4.15.

    Release notes

    Sourced from @​storybook/react's releases.

    v6.4.15

    Bug Fixes

    • Angular: Fix runCompodoc for Windows, local Compodoc, and user specified tsconfig (#16728)
    • Core: Fix negated glob support (#17328)

    Maintenance

    • Build: Upgrade main yarn (#17323)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    v6.4.14

    Bug Fixes

    • CLI: Add --no-manager-cache to build-storybook (#17300)
    • CSF3: Remove path from autoTitle browser code (#17185)
    • Addon-docs: Fix docs.disable parameter on DocsPage (#17256)
    • Core: Fix issue with recursive glob with prior special chars (#17252)
    • Webpack: Fix for process fallback using require.resolve (#17249)

    Dependency Upgrades

    • Upgrade compodoc for colors.js bug (#17266)
    • Upgrade jscodeshift dependency for colors.js bug (#17265)
    • Restore prettier >= 2.2.1 to satisfy previous constraints (#17257)

    v6.4.13

    Bug Fixes

    • Core: Fix staticDirs favicon handling by refactor (#17241)
    • Angular: Fix 13.1 and add CI test cases (#17206)
    • Core: Fix __namedExportsOrder warning from preview.js (#17240)
    • Webpack5: Fix manager.js process references (#17213)

    Dependency Upgrades

    • React: Remove react-dev-utils (#17022)
    • Fix prettier transpile problems (#17239)

    v6.4.12

    Bug Fixes

    • Angular: Fix for renamed method in angular 13.1 (#17032)

    v6.4.10

    Bug Fixes

    • Core: Fix process.env assignment (#17174)
    • Angular: Fix angular 13.1 JIT error and HMR reload (#17131)
    • Router: Fix navigating to hash links (#17134)

    ... (truncated)

    Changelog

    Sourced from @​storybook/react's changelog.

    6.4.15 (January 28, 2022)

    Bug Fixes

    • Angular: Fix runCompodoc for Windows, local Compodoc, and user specified tsconfig (#16728)
    • Core: Fix negated glob support (#17328)

    Maintenance

    • Build: Upgrade main yarn (#17323)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    6.5.0-alpha.24 (January 28, 2022)

    Bug Fixes

    • Core: Fix negated glob support (#17328)

    Maintenance

    • CLI/Svelte: Revert template stories from svelte-native to CSF (#17340)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    6.5.0-alpha.23 (January 25, 2022)

    Features

    • Vue: Add CSF3 default render function (#17279)

    Bug Fixes

    • Core: Rename generated-stories-entry to cjs extension so require works (#16727)
    • Addon-docs: Fix BuilderConfig can be an object (#17320)

    Maintenance

    • Core: Remove useless unfetch (#17306)
    • Build: Regen lockfile (#17283)

    Dependency Upgrades

    • Upgrade node-fetch to latest version (#17317)

    6.4.14 (January 21, 2022)

    Bug Fixes

    • CLI: Add --no-manager-cache to build-storybook (#17300)
    • CSF3: Remove path from autoTitle browser code (#17185)
    • Addon-docs: Fix docs.disable parameter on DocsPage (#17256)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • Bump @storybook/node-logger from 6.4.9 to 6.4.15

    Bump @storybook/node-logger from 6.4.9 to 6.4.15

    Bumps @storybook/node-logger from 6.4.9 to 6.4.15.

    Release notes

    Sourced from @​storybook/node-logger's releases.

    v6.4.15

    Bug Fixes

    • Angular: Fix runCompodoc for Windows, local Compodoc, and user specified tsconfig (#16728)
    • Core: Fix negated glob support (#17328)

    Maintenance

    • Build: Upgrade main yarn (#17323)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    v6.4.14

    Bug Fixes

    • CLI: Add --no-manager-cache to build-storybook (#17300)
    • CSF3: Remove path from autoTitle browser code (#17185)
    • Addon-docs: Fix docs.disable parameter on DocsPage (#17256)
    • Core: Fix issue with recursive glob with prior special chars (#17252)
    • Webpack: Fix for process fallback using require.resolve (#17249)

    Dependency Upgrades

    • Upgrade compodoc for colors.js bug (#17266)
    • Upgrade jscodeshift dependency for colors.js bug (#17265)
    • Restore prettier >= 2.2.1 to satisfy previous constraints (#17257)

    v6.4.13

    Bug Fixes

    • Core: Fix staticDirs favicon handling by refactor (#17241)
    • Angular: Fix 13.1 and add CI test cases (#17206)
    • Core: Fix __namedExportsOrder warning from preview.js (#17240)
    • Webpack5: Fix manager.js process references (#17213)

    Dependency Upgrades

    • React: Remove react-dev-utils (#17022)
    • Fix prettier transpile problems (#17239)

    v6.4.12

    Bug Fixes

    • Angular: Fix for renamed method in angular 13.1 (#17032)

    v6.4.10

    Bug Fixes

    • Core: Fix process.env assignment (#17174)
    • Angular: Fix angular 13.1 JIT error and HMR reload (#17131)
    • Router: Fix navigating to hash links (#17134)

    ... (truncated)

    Changelog

    Sourced from @​storybook/node-logger's changelog.

    6.4.15 (January 28, 2022)

    Bug Fixes

    • Angular: Fix runCompodoc for Windows, local Compodoc, and user specified tsconfig (#16728)
    • Core: Fix negated glob support (#17328)

    Maintenance

    • Build: Upgrade main yarn (#17323)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    6.5.0-alpha.24 (January 28, 2022)

    Bug Fixes

    • Core: Fix negated glob support (#17328)

    Maintenance

    • CLI/Svelte: Revert template stories from svelte-native to CSF (#17340)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    6.5.0-alpha.23 (January 25, 2022)

    Features

    • Vue: Add CSF3 default render function (#17279)

    Bug Fixes

    • Core: Rename generated-stories-entry to cjs extension so require works (#16727)
    • Addon-docs: Fix BuilderConfig can be an object (#17320)

    Maintenance

    • Core: Remove useless unfetch (#17306)
    • Build: Regen lockfile (#17283)

    Dependency Upgrades

    • Upgrade node-fetch to latest version (#17317)

    6.4.14 (January 21, 2022)

    Bug Fixes

    • CLI: Add --no-manager-cache to build-storybook (#17300)
    • CSF3: Remove path from autoTitle browser code (#17185)
    • Addon-docs: Fix docs.disable parameter on DocsPage (#17256)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • Bump @storybook/addon-essentials from 6.4.9 to 6.4.15

    Bump @storybook/addon-essentials from 6.4.9 to 6.4.15

    Bumps @storybook/addon-essentials from 6.4.9 to 6.4.15.

    Release notes

    Sourced from @​storybook/addon-essentials's releases.

    v6.4.15

    Bug Fixes

    • Angular: Fix runCompodoc for Windows, local Compodoc, and user specified tsconfig (#16728)
    • Core: Fix negated glob support (#17328)

    Maintenance

    • Build: Upgrade main yarn (#17323)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    v6.4.14

    Bug Fixes

    • CLI: Add --no-manager-cache to build-storybook (#17300)
    • CSF3: Remove path from autoTitle browser code (#17185)
    • Addon-docs: Fix docs.disable parameter on DocsPage (#17256)
    • Core: Fix issue with recursive glob with prior special chars (#17252)
    • Webpack: Fix for process fallback using require.resolve (#17249)

    Dependency Upgrades

    • Upgrade compodoc for colors.js bug (#17266)
    • Upgrade jscodeshift dependency for colors.js bug (#17265)
    • Restore prettier >= 2.2.1 to satisfy previous constraints (#17257)

    v6.4.13

    Bug Fixes

    • Core: Fix staticDirs favicon handling by refactor (#17241)
    • Angular: Fix 13.1 and add CI test cases (#17206)
    • Core: Fix __namedExportsOrder warning from preview.js (#17240)
    • Webpack5: Fix manager.js process references (#17213)

    Dependency Upgrades

    • React: Remove react-dev-utils (#17022)
    • Fix prettier transpile problems (#17239)

    v6.4.12

    Bug Fixes

    • Angular: Fix for renamed method in angular 13.1 (#17032)

    v6.4.10

    Bug Fixes

    • Core: Fix process.env assignment (#17174)
    • Angular: Fix angular 13.1 JIT error and HMR reload (#17131)
    • Router: Fix navigating to hash links (#17134)

    ... (truncated)

    Changelog

    Sourced from @​storybook/addon-essentials's changelog.

    6.4.15 (January 28, 2022)

    Bug Fixes

    • Angular: Fix runCompodoc for Windows, local Compodoc, and user specified tsconfig (#16728)
    • Core: Fix negated glob support (#17328)

    Maintenance

    • Build: Upgrade main yarn (#17323)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    6.5.0-alpha.24 (January 28, 2022)

    Bug Fixes

    • Core: Fix negated glob support (#17328)

    Maintenance

    • CLI/Svelte: Revert template stories from svelte-native to CSF (#17340)
    • CLI: Add version update argument to generate-sb-packages-versions utility (#17356)

    6.5.0-alpha.23 (January 25, 2022)

    Features

    • Vue: Add CSF3 default render function (#17279)

    Bug Fixes

    • Core: Rename generated-stories-entry to cjs extension so require works (#16727)
    • Addon-docs: Fix BuilderConfig can be an object (#17320)

    Maintenance

    • Core: Remove useless unfetch (#17306)
    • Build: Regen lockfile (#17283)

    Dependency Upgrades

    • Upgrade node-fetch to latest version (#17317)

    6.4.14 (January 21, 2022)

    Bug Fixes

    • CLI: Add --no-manager-cache to build-storybook (#17300)
    • CSF3: Remove path from autoTitle browser code (#17185)
    • Addon-docs: Fix docs.disable parameter on DocsPage (#17256)

    ... (truncated)

    Commits
    • 63a20d7 v6.4.15
    • 699023e Update root, peer deps, version.ts/json to 6.4.15 [ci skip]
    • c29183a Update git head to 6.4.14, update yarn.lock
    • cf71c9f v6.4.14
    • b216914 Update root, peer deps, version.ts/json to 6.4.14 [ci skip]
    • 8166474 Update git head to 6.4.13, update yarn.lock
    • d0c1e8a v6.4.13
    • ad95877 Update root, peer deps, version.ts/json to 6.4.13 [ci skip]
    • 180e481 Update git head to 6.4.12, update yarn.lock
    • 9ce1a3b v6.4.12
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • Bump @typescript-eslint/eslint-plugin from 5.37.0 to 5.48.0

    Bump @typescript-eslint/eslint-plugin from 5.37.0 to 5.48.0

    Bumps @typescript-eslint/eslint-plugin from 5.37.0 to 5.48.0.

    Release notes

    Sourced from @​typescript-eslint/eslint-plugin's releases.

    v5.48.0

    5.48.0 (2023-01-02)

    Bug Fixes

    Features

    • eslint-plugin: specify which method is unbound and added test case (#6281) (cf3ffdd)

    v5.47.1

    5.47.1 (2022-12-26)

    Bug Fixes

    • ast-spec: correct some incorrect ast types (#6257) (0f3f645)
    • eslint-plugin: [member-ordering] correctly invert optionalityOrder (#6256) (ccd45d4)

    v5.47.0

    5.47.0 (2022-12-19)

    Features

    • eslint-plugin: [no-floating-promises] add suggestion fixer to add an 'await' (#5943) (9e35ef9)

    v5.46.1

    5.46.1 (2022-12-12)

    Note: Version bump only for package @​typescript-eslint/typescript-eslint

    v5.46.0

    5.46.0 (2022-12-08)

    Bug Fixes

    • eslint-plugin: [ban-types] update message to suggest object instead of Record<string, unknown> (#6079) (d91a5fc)

    Features

    • eslint-plugin: [prefer-nullish-coalescing] logic and test for strict null checks (#6174) (8a91cbd)

    v5.45.1

    5.45.1 (2022-12-05)

    ... (truncated)

    Changelog

    Sourced from @​typescript-eslint/eslint-plugin's changelog.

    5.48.0 (2023-01-02)

    Features

    • eslint-plugin: specify which method is unbound and added test case (#6281) (cf3ffdd)

    5.47.1 (2022-12-26)

    Bug Fixes

    • ast-spec: correct some incorrect ast types (#6257) (0f3f645)
    • eslint-plugin: [member-ordering] correctly invert optionalityOrder (#6256) (ccd45d4)

    5.47.0 (2022-12-19)

    Features

    • eslint-plugin: [no-floating-promises] add suggestion fixer to add an 'await' (#5943) (9e35ef9)

    5.46.1 (2022-12-12)

    Note: Version bump only for package @​typescript-eslint/eslint-plugin

    5.46.0 (2022-12-08)

    Bug Fixes

    • eslint-plugin: [ban-types] update message to suggest object instead of Record<string, unknown> (#6079) (d91a5fc)

    Features

    • eslint-plugin: [prefer-nullish-coalescing] logic and test for strict null checks (#6174) (8a91cbd)

    5.45.1 (2022-12-05)

    Bug Fixes

    • eslint-plugin: [keyword-spacing] unexpected space before/after in import type (#6095) (98caa92)
    • eslint-plugin: [no-shadow] add call and method signatures to ignoreFunctionTypeParameterNameValueShadow (#6129) (9d58b6b)
    • eslint-plugin: [prefer-optional-chain] collect MetaProperty type (#6083) (d7114d3)
    • eslint-plugin: [sort-type-constituents, sort-type-union-intersection-members] handle some required parentheses cases in the fixer (#6118) (5d49d5d)

    5.45.0 (2022-11-28)

    Bug Fixes

    • eslint-plugin: [array-type] --fix flag removes parentheses from type (#5997) (42b33af)
    • eslint-plugin: [keyword-spacing] prevent crash on no options (#6073) (1f19998)
    • eslint-plugin: [member-ordering] support private fields (#5859) (f02761a)
    • eslint-plugin: [prefer-readonly] report if a member's property is reassigned (#6043) (6e079eb)

    ... (truncated)

    Commits
    • 4ab9bd7 chore: publish v5.48.0
    • cf3ffdd feat(eslint-plugin): specify which method is unbound and added test case (#6281)
    • 6ffce79 chore: publish v5.47.1
    • 0f3f645 fix(ast-spec): correct some incorrect ast types (#6257)
    • ccd45d4 fix(eslint-plugin): [member-ordering] correctly invert optionalityOrder (#6256)
    • a2c08ba chore: publish v5.47.0
    • 9e35ef9 feat(eslint-plugin): [no-floating-promises] add suggestion fixer to add an 'a...
    • 6b3ed1d docs: fixed typo "foo.property" (#6180)
    • c943b84 chore: publish v5.46.1
    • 47241bb docs: overhaul branding and add new logo (#6147)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • Bump eslint-plugin-jest from 25.7.0 to 27.2.0

    Bump eslint-plugin-jest from 25.7.0 to 27.2.0

    Bumps eslint-plugin-jest from 25.7.0 to 27.2.0.

    Release notes

    Sourced from eslint-plugin-jest's releases.

    v27.2.0

    27.2.0 (2022-12-31)

    Features

    v27.1.7

    27.1.7 (2022-12-15)

    Bug Fixes

    v27.1.6

    27.1.6 (2022-11-24)

    Bug Fixes

    • ensure rule fixes produce valid code when function params and args have trailing commas (#1282) (8eca0b7)

    v27.1.5

    27.1.5 (2022-11-10)

    Performance Improvements

    • use Set instead of iterating, and deduplicate a function (#1278) (0e048f1)

    v27.1.4

    27.1.4 (2022-11-04)

    Performance Improvements

    • don't collect more info than needed when resolving jest functions (#1275) (e4a5674)

    v27.1.3

    27.1.3 (2022-10-18)

    Bug Fixes

    • no-restricted-jest-methods: don't crash on jest() (#1269) (4450daa)

    ... (truncated)

    Changelog

    Sourced from eslint-plugin-jest's changelog.

    27.2.0 (2022-12-31)

    Features

    27.1.7 (2022-12-15)

    Bug Fixes

    27.1.6 (2022-11-24)

    Bug Fixes

    • ensure rule fixes produce valid code when function params and args have trailing commas (#1282) (8eca0b7)

    27.1.5 (2022-11-10)

    Performance Improvements

    • use Set instead of iterating, and deduplicate a function (#1278) (0e048f1)

    27.1.4 (2022-11-04)

    Performance Improvements

    • don't collect more info than needed when resolving jest functions (#1275) (e4a5674)

    27.1.3 (2022-10-18)

    Bug Fixes

    • no-restricted-jest-methods: don't crash on jest() (#1269) (4450daa)

    27.1.2 (2022-10-14)

    Bug Fixes

    • valid-expect-in-promise: adjust grammar in rule message (#1264) (4494ed2)

    27.1.1 (2022-10-05)

    ... (truncated)

    Commits
    • b00b9b6 chore(release): 27.2.0 [skip ci]
    • ee43c3f feat: create require-typed-module-mocks rule (#1314)
    • 891fe1e chore(deps): update yarn to v3.3.1 (#1311)
    • fae0d2e chore: fix link in readme
    • 0958af4 chore(deps): lock file maintenance
    • 7fcf48f chore(deps): lock file maintenance
    • 42ce29f test(to-have-length): add optional chaining case (#1295)
    • 90f2d18 chore(release): 27.1.7 [skip ci]
    • 5d1b7a7 fix(prefer-spy-on): improve autofix (#1308)
    • f33b19e chore(deps): lock file maintenance
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • Bump @types/node from 17.0.45 to 18.11.18

    Bump @types/node from 17.0.45 to 18.11.18

    Bumps @types/node from 17.0.45 to 18.11.18.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • Bump @rollup/plugin-commonjs from 21.1.0 to 24.0.0

    Bump @rollup/plugin-commonjs from 21.1.0 to 24.0.0

    Bumps @rollup/plugin-commonjs from 21.1.0 to 24.0.0.

    Changelog

    Sourced from @​rollup/plugin-commonjs's changelog.

    v24.0.0

    2022-12-18

    Breaking Changes

    • fix: check if defaultIsModuleExports is auto for getDefaultExportFromCjs #1358

    v23.0.7

    2022-12-17

    Bugfixes

    • fix: produce code which works when __esModule is already defined #1379

    v23.0.6

    2022-12-17

    Bugfixes

    • fix: update magic-string #1373

    v23.0.5

    2022-12-15

    Bugfixes

    • fix: resolve export exports not found #1363

    v23.0.4

    2022-12-07

    Bugfixes

    v23.0.3

    2022-11-27

    Bugfixes

    • fix: correctly wrap a default class export from cjs module #1350

    v23.0.2

    ... (truncated)

    Commits
    • c4c26a5 chore(release): commonjs v24.0.0
    • 4766d93 fix(commonjs)!: check if defaultIsModuleExports is auto for getDefaultExportF...
    • 2c2fe9b chore(release): commonjs v23.0.7
    • dcb86a9 fix(commonjs): produce code which works when __esModule is already defined (#...
    • 18e6c31 chore(release): commonjs v23.0.6
    • f5aa3c3 fix(commonjs,dynamic-import-vars,inject,replace,strip): update magic-string (...
    • 75e9ff4 chore(release): commonjs v23.0.5
    • 39a39d7 fix(commonjs): resolve export exports not found (#1363)
    • 7b62557 chore(release): commonjs v23.0.4
    • a47c153 fix(commonjs): declaration tag @​default for ignoreTryCatch + fix some typos (...
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • Bump rollup-plugin-sass from 1.2.13 to 1.12.17

    Bump rollup-plugin-sass from 1.2.13 to 1.12.17

    Bumps rollup-plugin-sass from 1.2.13 to 1.12.17.

    Release notes

    Sourced from rollup-plugin-sass's releases.

    1.12.15

    Hi all,

    In this release we provide one bug fix (to a recently unnoticed duplicate css bug), and a test suite where we test out, and show, how to extract sass variables to resulting *.js modules.

    What's Changed

    Full Changelog: https://github.com/elycruz/rollup-plugin-sass/compare/1.12.14...1.12.15

    Thank you, and Happy Coding!

    • rollup-plugin-sass admins

    Dependency Updates and Watch Feature

    In this Release

    • dev-deps - Upgraded packages reported to having vulnerabilities to their safe versions.
    • dev-deps - Updated 'ava' version to allow builds on certain versions (there was a "moderate" vulnerability in ava that was blocking our package from being built on *nix systems see #97 ).
    • dev-deps - Updated typescript version and added 'downlevel-dts' version of the project's '*.d.ts' files (the whole typescript backward compatibility setup is now in place).
    • plugin - Updated our plugin's custom 'sass file' importer to enforce file load order in the defined 'async' importer - the async importer can sometimes load files out of order, which could result in sass content being compiled in incorrect order (when using the plugin's output (as a function) feature) - This enforces the load order by chaining each legacy importer done call to a promise (which chained, and awaited for, on subsequent importer calls).
    • plugin - Merged in changes related to #96 "Add sass files to rollup watch list" - forces files to be added to rollup's watch list, when rollup is running in 'watch' mode.

    Merged PRs

    Thank you to our Contributers!

    New Contributors

    Full Changelog: https://github.com/differui/rollup-plugin-sass/compare/1.2.12...1.12.13

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • Bump ts-loader from 9.3.1 to 9.4.2

    Bump ts-loader from 9.3.1 to 9.4.2

    Bumps ts-loader from 9.3.1 to 9.4.2.

    Release notes

    Sourced from ts-loader's releases.

    v9.4.2

    9.4.1

    v9.4.0

    Changelog

    Sourced from ts-loader's changelog.

    9.4.2

    9.4.1

    v9.4.0

    Commits
    • 5e7220b Use custom transformer when building solution references (#1550)
    • 87a9fff add missing comma in README.md (#1551)
    • 620ee79 Typescript 4 9 (#1547)
    • 3319b91 chore(deps): bump minimatch in /examples/project-references-example (#1530)
    • 60e5784 Fix anchor jumping in README.md (#1521)
    • 5c66d2b Update outdated LICENSE year (#1513)
    • 64a4136 Bump terser from 4.8.0 to 4.8.1 in /examples/project-references-example (#1489)
    • cf1d227 Bump lodash in /test/execution-tests/babel-codeSplitting (#1435)
    • e76abb0 Add Tests and Remarks Concerning the New .cts And .mts File Extensions (#...
    • d9fcbfd Hotfix: Disable enhanced-resolve (#1506)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
Releases(v6.7.20)
  • v6.7.20(Oct 10, 2022)

    🧪 New features

    <Dropzone/>: Added new props to override css styles in footer and header. The style rules must be added in a css or sass file like so:

    .dz-ui-footer.footer-extra-styles {
      overflow-y: auto;
      height: 35px;
    }
    
    .dz-ui-header.header-extra-styles {
      justify-content: center;
    }
    

    📚 Improved documentation.

    • Added documentation about new props on Dropzone component.
    Source code(tar.gz)
    Source code(zip)
  • v6.7.12(Sep 17, 2022)

  • v6.7.10(Sep 3, 2022)

    🐛 Fixes or improvements

    • Fixed bug that shows files as non valid when Dropzone props are set behaviour="replace" and user drops more files than the maxFiles prop.
    • Improved children prop behaviour: Since version 6.7.10 children prop has the highest priority and will show the children content if present even when thee is no dropped files.
    • Package now can be used in react 17 and 18 ⚛️ 🚀
    Source code(tar.gz)
    Source code(zip)
  • v6.4.0(Dec 13, 2021)

    🐛 Fixes or improvements

    • <FullScreenPreview/>: Improved media query style.

    📚 Improved documentation.

    • Added documentation about new prop on FileItem.
    • Added documentation about new component VideoPreview.

    🧪 New features

    • <FileItem/>: Added onWatch prop. This prop provides an event handler for allowing full screen video previews. It works like onSee prop. It returns as first parameter the file object. If onWatch is present, file is valid and file type is video, FileItem will display the play button.
    • <VideoPreview/>: :movie_camera: Added new componentVideoPreview. This component is quite similar to FullScreenPreview. As the name sugests, this component is meant to be used to show video previews. Supported videos are the default supported videos by a <video/> tag (mp4, ogg, webm). First prop videoSource can be a File object or a URI string representation. Works in the same way as FullScreenPreview, it rcieves a onClose prop and an open prop. It also recieves autoplay and controls props like classic html <video/> tag. video preview video preview 2
    Source code(tar.gz)
    Source code(zip)
  • v6.3.6(Dec 7, 2021)

    🧪 New features

    <FileItem/>:

    Added resultOnToolip prop. This prop provides another hover interaction. If present or true, FileItem will show the file validation status and the upload status on a nice tooltip. imagen Otherwhise, if not present, false or undefined, FileItem will display the result on the InfoLayer. imagen

    Special thanks to @mateusmx, 👏 who suggested this feature🧪.

    <Dropzone/>:

    Added disableScroll prop. This prop disables the css property overflow: auto in FileItemContainer inside Dropzone, when it displays the FileItem list inside of it. It also disables the maxHeight property and forces the view prop to be "grid". The purpose of this special prop is to allow FileItemContainer to grow at the same time FileItem list increases and prevent triggering scrollbars.

    When disableScroll is not present: imagen

    When disableScroll is present or true: imagen

    🐛 Fixes or improvements

    <Dropzone/>: Fixed issue in FileItemContainer that made it to overflow the size of Dropzone.
    

    📚 Improved documentation.

    • Added documentation about this new features
    Source code(tar.gz)
    Source code(zip)
  • v6.2.0(Nov 26, 2021)

    🧪 New features

    • Webpage in beta version was released. You can visit dropzone-ui.com. In there you can find a nice code generator.
    • <FileItem/>: Added alwaysActive prop. This prop provides hover interaction. If false (by default), FileItem will hide the main layer with all the buttons except the file validation status and the upload status. If true, main layer will be visible all the time.
    • <FileItem/>: Added elevation prop. This prop provides the user to decide about the shadow and border on the FileItem container.

    🐛 Fixes or improvements

    • <Dropzone/>: Fixed Spanish translation on footer.
    • <Dropzone/>: Hide "view" button when view prop is provided.
    • <Dropzone/>: Fix issue that hides dropzone label when FileItems are outside.
    • <Dropzone/>: Fixed minor issues on minHeight.
    • <FileItem/>: Hide "delete" button when onDelete prop is not provided
    • <FileItem/>: Change word-break css propertie from break-all to break-word;

    📚 Improved documentation.

    Source code(tar.gz)
    Source code(zip)
  • v5.3.0(Nov 4, 2021)

  • v3.0.1(Oct 11, 2021)

    • 🧪 Created the Localization support for ✨ English, Spanish, French and Portuguese ✨.
    • 🐛 Fixed small bugs.
    • 📚 Improved documentation.
    Source code(tar.gz)
    Source code(zip)
A Material-UI File Upload Dropzone

material-ui-dropzone @pandemicode/material-ui-dropzone a fork of Material-UI-Dropzone is a set of React components using Material-UI and is based on t

pandemicode.dev 5 Oct 10, 2022
Material style image with loading animation

Material UI Image Images are ugly until they're loaded. Materialize it with material image! It will fade in like the material image loading pattern su

Wertarbyte 214 Dec 22, 2022
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Material-UI 83.7k Jan 3, 2023
Material Design component library for Mithril and React

Polythene Material Design component library for Mithril and React. Can be used as general-purpose component library that includes dialogs, cards, noti

Arthur Clemens 593 Dec 27, 2022
Componentz: a MUI-based UI library that can provide simple and performatic ways to use components

Componentz Componentz is a MUI-based UI library that can provide simple and performatic ways to use components. The goal is not to replace the MUI, bu

Shoulders 9 Dec 14, 2022
Free and Open Source Admin for Tailwind CSS and React based on Google's Material Design.

Material Tailwind Dashboard React Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: Tailwind CSS

Creative Tim 83 Dec 25, 2022
This is Clone of Gmail web Application built in React, redux(state management), firebase(auth and realtime db), material-UI (for only icons and buttons)

Intro This is a Clone of Gmail web Application built in React, redux(state management), firebase(auth and realtime db), material-UI (only icons and bu

Mr.kouhadi 4 May 20, 2022
React-crud-localstorage - A simple CRUD using React, TypeScript, Vite, Material UI and localStorage

React CRUD A simple CRUD using localStorage for a product's list. Live demo here

Fellipe Utaka 2 Feb 22, 2022
React Bootstrap with Material Design - Powerful and free UI KIT

React Bootstrap with Material Design Built with React and Bootstrap 4. Absolutely no jQuery. 400+ material UI elements, 600+ material icons, 74 CSS an

MDBootstrap 1.3k Jan 3, 2023
A frontend framework for building admin SPAs on top of REST services, using React and Material Design.

admin-on-rest A frontend Framework for building admin applications running in the browser on top of REST services, using ES6, React and Material Desig

marmelab 399 Dec 21, 2022
React Material Design Icons – built with Pixo, Styled Components, and Styled System

React Material Design Icons Built with Pixo, Styled Components, and Styled System https://jxnblk.com/rmdi npm i rmdi // import icons individually for

Brent Jackson 132 Sep 16, 2022
A simple and powerful Datatable for React based on Material-UI Table with some additional features.

A simple and powerful Datatable for React based on Material-UI Table with some additional features.

Mehmet Baran 3.4k Jan 4, 2023
Online bicycle shop client made with React and Matarial UI

Bikerz Corner Firebase Site Link: Bikerz Corner Live https://bike-market-app.web.app/ Features This Webpage is made with React and Matarial UI User ne

null 2 Jan 6, 2022
CbrMarketPlatform Frontend - The CBR Market Platform designs using React.js and Material UI

CBR Market Platform, Frontend Greeting from Harold澂冰! An Introduction to the mar

Harold澂冰 2 Jun 20, 2022
Modular and customizable Material Design UI components for the web

Material Components for the web Material Components for the web helps developers execute Material Design. Developed by a core team of engineers and UX

Material Components 16.6k Dec 27, 2022
A boilerplate for start a developing with ReactJS, Material UI and TypeScript

This project was implemented with Create React App and is a boilerplate for start a developing with ReactJS, Material UI and TypeScript Features Suppo

Mohsen Lotfi 3 Feb 9, 2022
☄️React Material Admin is a React template built with Material-UI

React Material Admin — Material-UI Dashboard Template

Flatlogic 1.4k Dec 30, 2022
Material design for react, powered by materializecss

react-materialize Material design components for react, powered by materializecss. Install npm install [email protected] npm install react-material

React Materialize 1.4k Dec 24, 2022
A set of React components implementing Google's Material Design specification with the power of CSS Modules

React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra

React Toolbox 8.7k Dec 29, 2022