@webiny/ui 5.21.0 → 5.22.0-beta.3

package/Accordion/Accordion.stories.js

@@ -4,7 +4,7 @@ import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample
 import readme from "./README.md";
 import { Accordion } from "./Accordion";
 import { AccordionItem } from "./AccordionItem";
-import { ReactComponent as SettingsIcon } from "@svgr/webpack!./icons/round-settings-24px.svg";
+import { ReactComponent as SettingsIcon } from "./icons/round-settings-24px.svg";
 var story = storiesOf("Components/Accordion", module);
 story.add("usage", function () {
   return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {

package/Accordion/AccordionItem.js

@@ -8,8 +8,8 @@ import { Icon } from "../Icon";
 import styled from "@emotion/styled";
 import { css } from "emotion";
 import { Typography } from "../Typography";
-import { ReactComponent as UpArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_up-24px.svg";
-import { ReactComponent as DownArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_down-24px.svg";
+import { ReactComponent as UpArrow } from "./icons/round-keyboard_arrow_up-24px.svg";
+import { ReactComponent as DownArrow } from "./icons/round-keyboard_arrow_down-24px.svg";
 import classNames from "classnames";
 var Content = /*#__PURE__*/styled("div", {
   target: "eypjd5u0",

package/AutoComplete/AutoComplete.d.ts

@@ -8,6 +8,7 @@ export declare type Props = AutoCompleteBaseProps & {
     placement?: Placement;
     onChange?: (value: any, selection: any) => void;
     loading?: boolean;
+    noResultFound?: Function;
 };
 declare type State = {
     inputValue: string;

package/AutoComplete/AutoComplete.js

@@ -144,7 +144,7 @@ var AutoComplete = /*#__PURE__*/function (_React$Component) {
           className: classNames("autocomplete__options-list", listStyles)
         }, getMenuProps()), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
           use: "body2"
-        }, "No results."))));
+        }, "No results."), this.props.noResultFound)));
       }
 
       return /*#__PURE__*/React.createElement(Elevation, {

package/AutoComplete/MultiAutoComplete.d.ts

@@ -21,6 +21,7 @@ export declare type MultiAutoCompleteProps = AutoCompleteBaseProps & {
      * Render list item when `useMultipleSelectionList` is used.
      */
     renderListItemLabel?: Function;
+    noResultFound?: Function;
 };
 declare type State = {
     inputValue: string;

package/AutoComplete/MultiAutoComplete.js

@@ -22,13 +22,13 @@ import { Elevation } from "../Elevation";
 import { Typography } from "../Typography";
 import { autoCompleteStyle, suggestionList } from "./styles";
 import { FormElementMessage } from "../FormElementMessage";
-import { ReactComponent as BaselineCloseIcon } from "@svgr/webpack!./icons/baseline-close-24px.svg";
-import { ReactComponent as PrevIcon } from "@svgr/webpack!./icons/navigate_before-24px.svg";
-import { ReactComponent as NextIcon } from "@svgr/webpack!./icons/navigate_next-24px.svg";
-import { ReactComponent as PrevAllIcon } from "@svgr/webpack!./icons/skip_previous-24px.svg";
-import { ReactComponent as NextAllIcon } from "@svgr/webpack!./icons/skip_next-24px.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!./icons/baseline-close-24px.svg";
-import { ReactComponent as ReorderIcon } from "@svgr/webpack!./icons/reorder_black_24dp.svg";
+import { ReactComponent as BaselineCloseIcon } from "./icons/baseline-close-24px.svg";
+import { ReactComponent as PrevIcon } from "./icons/navigate_before-24px.svg";
+import { ReactComponent as NextIcon } from "./icons/navigate_next-24px.svg";
+import { ReactComponent as PrevAllIcon } from "./icons/skip_previous-24px.svg";
+import { ReactComponent as NextAllIcon } from "./icons/skip_next-24px.svg";
+import { ReactComponent as DeleteIcon } from "./icons/baseline-close-24px.svg";
+import { ReactComponent as ReorderIcon } from "./icons/reorder_black_24dp.svg";
 import { css } from "emotion";
 import { ListItemGraphic } from "../List";
 var style = {
@@ -260,7 +260,7 @@ export var MultiAutoComplete = /*#__PURE__*/function (_React$Component) {
           className: classNames("multi-autocomplete__options-list", listStyles)
         }, getMenuProps()), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
           use: "body2"
-        }, "No results."))));
+        }, "No results."), this.props.noResultFound)));
       }
 
       var renderItem = this.props.renderItem;

package/Button/Button.stories.js

@@ -3,7 +3,7 @@ import { storiesOf } from "@storybook/react";
 import { withKnobs, text, boolean } from "@storybook/addon-knobs";
 import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
 import readme from "./../Button/README.md";
-import { ReactComponent as CloudIcon } from "@svgr/webpack!./assets/baseline-cloud_done-24px.svg";
+import { ReactComponent as CloudIcon } from "./assets/baseline-cloud_done-24px.svg";
 import { ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon } from "./Button";
 var story = storiesOf("Components/Button", module);
 story.addDecorator(withKnobs);

package/Button/CopyButton/CopyButton.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "onCopy"];
 import * as React from "react";
-import { ReactComponent as CopyToClipboardIcon } from "@svgr/webpack!../assets/file_copy-24px.svg";
+import { ReactComponent as CopyToClipboardIcon } from "../assets/file_copy-24px.svg";
 import { IconButton } from "../index";
 import { useCallback } from "react";
 

package/Button/IconButton/IconButton.stories.js

@@ -2,8 +2,8 @@ import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
 import readme from "./README.md";
-import { ReactComponent as CloudIcon } from "@svgr/webpack!./../assets/baseline-cloud_done-24px.svg";
-import { ReactComponent as MoreIcon } from "@svgr/webpack!./../assets/round-more_vert-24px.svg";
+import { ReactComponent as CloudIcon } from "./../assets/baseline-cloud_done-24px.svg";
+import { ReactComponent as MoreIcon } from "./../assets/round-more_vert-24px.svg";
 import { Menu, MenuItem } from "./../../Menu/index";
 import { IconButton } from "./IconButton";
 var story = storiesOf("Components/Button", module);

package/Chips/Chips.stories.js

@@ -2,8 +2,8 @@ import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
 import readme from "./README.md";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./icons/baseline-done-24px.svg";
-import { ReactComponent as BaselineEmailIcon } from "@svgr/webpack!./icons/baseline-email-24px.svg";
+import { ReactComponent as BaselineDoneIcon } from "./icons/baseline-done-24px.svg";
+import { ReactComponent as BaselineEmailIcon } from "./icons/baseline-email-24px.svg";
 import { Chip, ChipIcon, Chips } from "./index";
 var story = storiesOf("Components/Chips", module);
 story.add("usage", function () {

package/Icon/Icon.stories.js

@@ -2,10 +2,10 @@ import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
 import readme from "./../Icon/README.md";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./svg/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./svg/baseline-cloud_done-24px.svg";
-import { ReactComponent as BaselineDeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
+import { ReactComponent as AutoRenewIcon } from "./svg/baseline-autorenew-24px.svg";
+import { ReactComponent as CloudDoneIcon } from "./svg/baseline-cloud_done-24px.svg";
+import { ReactComponent as BaselineDeleteIcon } from "./svg/baseline-delete-24px.svg";
+import { ReactComponent as BaselineDoneIcon } from "./svg/baseline-done-24px.svg";
 import { Icon } from "./Icon";
 var story = storiesOf("Components/Icon", module);
 story.add("usage", function () {

package/ImageEditor/toolbar/crop.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ReactComponent as CropIcon } from "@svgr/webpack!./icons/crop.svg";
+import { ReactComponent as CropIcon } from "./icons/crop.svg";
 import { IconButton } from "../../Button";
 import { Tooltip } from "../../Tooltip";
 import Cropper from "cropperjs";

package/ImageEditor/toolbar/filter.js

@@ -7,7 +7,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _debounce from "lodash/debounce";
 import React from "react";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!./icons/filter.svg";
+import { ReactComponent as FilterIcon } from "./icons/filter.svg";
 import { Slider } from "../../Slider";
 import { IconButton, ButtonDefault } from "../../Button";
 import { Tooltip } from "../../Tooltip";

package/ImageEditor/toolbar/flip.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ReactComponent as FlipIcon } from "@svgr/webpack!./icons/flip.svg";
+import { ReactComponent as FlipIcon } from "./icons/flip.svg";
 import Cropper from "cropperjs";
 import "cropperjs/dist/cropper.css";
 import { IconButton, ButtonDefault } from "../../Button";

package/ImageEditor/toolbar/rotate.js

@@ -7,7 +7,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from "react";
-import { ReactComponent as RotateRight } from "@svgr/webpack!./icons/rotateRight.svg";
+import { ReactComponent as RotateRight } from "./icons/rotateRight.svg";
 import { Slider } from "../../Slider";
 import { Tooltip } from "../../Tooltip";
 import { IconButton } from "../../Button";

package/ImageUpload/Image.js

@@ -5,9 +5,9 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import * as React from "react";
 import classNames from "classnames";
-import { ReactComponent as AddImageIcon } from "@svgr/webpack!./icons/round-add_photo_alternate-24px.svg";
-import { ReactComponent as RemoveImageIcon } from "@svgr/webpack!./icons/round-close-24px.svg";
-import { ReactComponent as EditImageIcon } from "@svgr/webpack!./icons/round-edit-24px.svg";
+import { ReactComponent as AddImageIcon } from "./icons/round-add_photo_alternate-24px.svg";
+import { ReactComponent as RemoveImageIcon } from "./icons/round-close-24px.svg";
+import { ReactComponent as EditImageIcon } from "./icons/round-edit-24px.svg";
 import { Typography } from "../Typography";
 import { CircularProgress } from "../Progress";
 import { AddImageIconWrapper, AddImageWrapper, AddImageWrapperRound, EditImage, ImagePreviewWrapper, RemoveImage } from "./styled";