@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/components/IconPicker/plugins/iconsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_ColorPicker","_DelayedOnChange","_","_IconPickerTab","_IconPickerPresenterProvider","_config","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledColorPicker","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","IconSvg","_useIcon","useIcon","icon","size","createElement","width","height","viewBox","concat","color","dangerouslySetInnerHTML","__html","value","style","verticalAlign","IconColorPicker","_ref","onChange","DelayedOnChange","_ref2","ColorPicker","align","Color","_ref3","isSimpleIcon","type","IconTab","observer","presenter","useIconPicker","selectedIcon","vm","_useState","useState","_useState2","_slicedToArray2","setColor","useEffect","onColorChange","setIcon","_objectSpread2","onIconSelect","closeMenu","IconPickerTab","cellDecorator","cell","actions","SimpleIconPlugin","exports","IconPickerConfig","IconType","Icon","element","Tab"],"sources":["iconsPlugin.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport styled from \"@emotion/styled\";\n\nimport { ColorPicker } from \"@webiny/ui/ColorPicker\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nimport { useIcon } from \"..\";\nimport { IconPickerTab } from \"../IconPickerTab\";\nimport { useIconPicker } from \"../IconPickerPresenterProvider\";\nimport { IconPickerConfig } from \"../config\";\nimport { Icon } from \"../types\";\n\nconst StyledColorPicker = styled.div`\n    [data-role=\"color-picker-swatch\"] {\n        width: 30px;\n        height: 30px;\n        > div {\n            width: inherit;\n        }\n    }\n`;\n\n/**\n * NOTE: Avoid using `@emotion/styled` in icon renderer components across all plugins.\n * This is crucial for serializing component rendering into a string value as plain HTML,\n * which is necessary for usage in the website application. Please use inline styles here\n * to ensure proper serialization.\n */\n\ninterface SimpleIcon extends Icon {\n    color: string;\n}\n\nconst IconSvg = () => {\n    const { icon, size } = useIcon<SimpleIcon>();\n\n    return (\n        <svg\n            width={size}\n            height={size}\n            viewBox={`0 0 ${icon.width || 512} 512`}\n            color={icon?.color || \"inherit\"}\n            dangerouslySetInnerHTML={{ __html: icon.value || \"\" }}\n            style={{\n                verticalAlign: \"middle\"\n            }}\n        />\n    );\n};\n\ninterface IconColorPickerProps {\n    color: string;\n    onChange: (value: string) => void;\n}\n\nconst IconColorPicker = ({ color, onChange }: IconColorPickerProps) => {\n    return (\n        <DelayedOnChange value={color} onChange={onChange}>\n            {({ value, onChange }) => (\n                <StyledColorPicker>\n                    <ColorPicker align={\"right\"} value={value} onChange={onChange} />\n                </StyledColorPicker>\n            )}\n        </DelayedOnChange>\n    );\n};\n\nconst Color = styled.span<{ color: string }>`\n    color: ${({ color }) => color};\n`;\n\n/**\n * @see https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates\n */\nconst isSimpleIcon = (icon: Icon | null): icon is SimpleIcon => {\n    if (!icon) {\n        return false;\n    }\n    return icon.type === \"icon\";\n};\n\nconst IconTab = observer(() => {\n    const presenter = useIconPicker();\n    const { selectedIcon } = presenter.vm;\n\n    const [color, setColor] = useState(\"inherit\");\n\n    useEffect(() => {\n        if (color === \"inherit\" && isSimpleIcon(selectedIcon)) {\n            setColor(selectedIcon.color);\n        }\n    }, [selectedIcon]);\n\n    const onColorChange = (color: string) => {\n        setColor(color);\n\n        if (isSimpleIcon(selectedIcon)) {\n            presenter.setIcon({ ...selectedIcon, color });\n        }\n    };\n\n    const onIconSelect = (icon: Icon) => {\n        // Set icon and assign current color.\n        presenter.setIcon({ ...icon, color });\n        presenter.closeMenu();\n    };\n\n    return (\n        <IconPickerTab\n            label={\"Icons\"}\n            onChange={onIconSelect}\n            cellDecorator={cell => <Color color={color}>{cell}</Color>}\n            actions={<IconColorPicker color={color} onChange={onColorChange} />}\n        />\n    );\n});\n\nexport const SimpleIconPlugin = () => {\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconType name={\"icon\"}>\n                <IconPickerConfig.IconType.Icon element={<IconSvg />} />\n                <IconPickerConfig.IconType.Tab element={<IconTab />} />\n            </IconPickerConfig.IconType>\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","observer","DelayedOnChange","ColorPicker","useIcon","IconPickerTab","useIconPicker","IconPickerConfig","IconSvg","icon","size","createElement","width","height","viewBox","color","dangerouslySetInnerHTML","__html","value","style","verticalAlign","IconColorPicker","onChange","align","isSimpleIcon","type","IconTab","presenter","selectedIcon","vm","setColor","onColorChange","setIcon","onIconSelect","closeMenu","label","cellDecorator","cell","actions","SimpleIconPlugin","IconType","name","Icon","element","Tab"],"sources":["iconsPlugin.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DelayedOnChange, ColorPicker } from \"@webiny/admin-ui\";\n\nimport { useIcon } from \"..\";\nimport { IconPickerTab } from \"../IconPickerTab\";\nimport { useIconPicker } from \"../IconPickerPresenterProvider\";\nimport { IconPickerConfig } from \"../config\";\nimport { Icon } from \"../types\";\n\n/**\n * NOTE: Avoid using `@emotion/styled` in icon renderer components across all plugins.\n * This is crucial for serializing component rendering into a string value as plain HTML,\n * which is necessary for usage in the website application. Please use inline styles here\n * to ensure proper serialization.\n */\n\ninterface SimpleIcon extends Icon {\n    color: string;\n}\n\nconst IconSvg = () => {\n    const { icon, size } = useIcon<SimpleIcon>();\n\n    return (\n        <svg\n            width={size}\n            height={size}\n            viewBox={`0 0 ${icon.width || 512} 512`}\n            color={icon?.color || \"inherit\"}\n            dangerouslySetInnerHTML={{ __html: icon.value || \"\" }}\n            style={{\n                verticalAlign: \"middle\",\n                width: \"100%\",\n                height: \"100%\"\n            }}\n        />\n    );\n};\n\ninterface IconColorPickerProps {\n    color: string;\n    onChange: (value: string) => void;\n}\n\nconst IconColorPicker = ({ color, onChange }: IconColorPickerProps) => {\n    return (\n        <DelayedOnChange value={color} onChange={onChange}>\n            {({ value, onChange }) => (\n                <ColorPicker align={\"end\"} value={value} onChange={onChange} />\n            )}\n        </DelayedOnChange>\n    );\n};\n\n/**\n * @see https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates\n */\nconst isSimpleIcon = (icon: Icon | null): icon is SimpleIcon => {\n    if (!icon) {\n        return false;\n    }\n    return icon.type === \"icon\";\n};\n\nconst IconTab = observer(() => {\n    const presenter = useIconPicker();\n    const { selectedIcon } = presenter.vm;\n\n    const [color, setColor] = useState(\"inherit\");\n\n    useEffect(() => {\n        if (color === \"inherit\" && isSimpleIcon(selectedIcon)) {\n            setColor(selectedIcon.color);\n        }\n    }, [selectedIcon]);\n\n    const onColorChange = (color: string) => {\n        setColor(color);\n\n        if (isSimpleIcon(selectedIcon)) {\n            presenter.setIcon({ ...selectedIcon, color });\n        }\n    };\n\n    const onIconSelect = (icon: Icon) => {\n        // Set icon and assign current color.\n        presenter.setIcon({ ...icon, color });\n        presenter.closeMenu();\n    };\n\n    return (\n        <IconPickerTab\n            value={\"icon\"}\n            label={\"Icons\"}\n            onChange={onIconSelect}\n            cellDecorator={cell => <span style={{ color }}>{cell}</span>}\n            actions={<IconColorPicker color={color} onChange={onColorChange} />}\n        />\n    );\n});\n\nexport const SimpleIconPlugin = () => {\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconType name={\"icon\"}>\n                <IconPickerConfig.IconType.Icon element={<IconSvg />} />\n                <IconPickerConfig.IconType.Tab element={<IconTab />} />\n            </IconPickerConfig.IconType>\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/types.d.ts

@@ -17,6 +17,6 @@ type CategoryNameRow = {
 };
 export type IconPickerGridRow = IconsRow | CategoryNameRow;
 export declare enum ICON_PICKER_SIZE {
-    SMALL = "small"
+    SMALL = "sm"
 }
 export {};

package/components/IconPicker/types.js

@@ -1,14 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ICON_PICKER_SIZE = void 0;
 /**
  * We want to have an abstract type, which does not define specifics of each possible icon (like color or skin tone).
  */
-var ICON_PICKER_SIZE = exports.ICON_PICKER_SIZE = /*#__PURE__*/function (ICON_PICKER_SIZE) {
-  ICON_PICKER_SIZE["SMALL"] = "small";
+
+export let ICON_PICKER_SIZE = /*#__PURE__*/function (ICON_PICKER_SIZE) {
+  ICON_PICKER_SIZE["SMALL"] = "sm";
   return ICON_PICKER_SIZE;
 }({});
 

package/components/IconPicker/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["ICON_PICKER_SIZE","exports"],"sources":["types.ts"],"sourcesContent":["/**\n * We want to have an abstract type, which does not define specifics of each possible icon (like color or skin tone).\n */\nexport type Icon = {\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    type: \"icon\" | \"emoji\" | \"custom\" | (string & {});\n    name: string;\n    value?: string;\n    [key: string]: any;\n};\n\ntype IconsRow = {\n    type: \"icons\";\n    icons: Icon[];\n};\n\ntype CategoryNameRow = {\n    type: \"category-name\";\n    name: string;\n};\n\nexport type IconPickerGridRow = IconsRow | CategoryNameRow;\n\nexport enum ICON_PICKER_SIZE {\n    SMALL = \"small\"\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAFA,IAuBYA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA","ignoreList":[]}
+{"version":3,"names":["ICON_PICKER_SIZE"],"sources":["types.ts"],"sourcesContent":["/**\n * We want to have an abstract type, which does not define specifics of each possible icon (like color or skin tone).\n */\nexport type Icon = {\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    type: \"icon\" | \"emoji\" | \"custom\" | (string & {});\n    name: string;\n    value?: string;\n    [key: string]: any;\n};\n\ntype IconsRow = {\n    type: \"icons\";\n    icons: Icon[];\n};\n\ntype CategoryNameRow = {\n    type: \"category-name\";\n    name: string;\n};\n\nexport type IconPickerGridRow = IconsRow | CategoryNameRow;\n\nexport enum ICON_PICKER_SIZE {\n    SMALL = \"sm\"\n}\n"],"mappings":"AAAA;AACA;AACA;;AAqBA,WAAYA,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA","ignoreList":[]}

package/components/LexicalEditor/LexicalEditor.js

@@ -1,36 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LexicalEditor = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireDefault(require("react"));
-var _ = require("./..");
-var _lexicalEditor = require("@webiny/lexical-editor");
-var _appTheme = require("@webiny/app-theme");
-var imagesOnly = ["image/*"];
-var LexicalEditor = exports.LexicalEditor = function LexicalEditor(props) {
-  var _useTheme = (0, _appTheme.useTheme)(),
-    theme = _useTheme.theme;
-  var editorTheme = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+import React from "react";
+import { FileManager } from "./..";
+import { RichTextEditor as BaseEditor } from "@webiny/lexical-editor";
+import { useTheme } from "@webiny/app-theme";
+const imagesOnly = ["image/*"];
+export const LexicalEditor = props => {
+  const {
+    theme
+  } = useTheme();
+  const editorTheme = {
     styles: {},
-    emotionMap: {}
-  }, theme), props.theme || {});
-  return /*#__PURE__*/_react.default.createElement(_.FileManager, {
+    emotionMap: {},
+    ...theme,
+    ...(props.theme || {})
+  };
+  return /*#__PURE__*/React.createElement(FileManager, {
     accept: imagesOnly
-  }, function (_ref) {
-    var showFileManager = _ref.showFileManager;
-    return /*#__PURE__*/_react.default.createElement(_lexicalEditor.RichTextEditor, Object.assign({}, props, {
-      theme: editorTheme,
-      toolbarActionPlugins: [].concat((0, _toConsumableArray2.default)(props.toolbarActionPlugins || []), [{
-        targetAction: "image-action",
-        plugin: showFileManager
-      }])
-    }));
-  });
+  }, ({
+    showFileManager
+  }) => /*#__PURE__*/React.createElement(BaseEditor, Object.assign({}, props, {
+    theme: editorTheme,
+    toolbarActionPlugins: [...(props.toolbarActionPlugins || []), {
+      targetAction: "image-action",
+      plugin: showFileManager
+    }]
+  })));
 };
 
 //# sourceMappingURL=LexicalEditor.js.map

package/components/LexicalEditor/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_","_lexicalEditor","_appTheme","imagesOnly","LexicalEditor","exports","props","_useTheme","useTheme","theme","editorTheme","_objectSpread2","default","styles","emotionMap","createElement","FileManager","accept","_ref","showFileManager","RichTextEditor","Object","assign","toolbarActionPlugins","concat","_toConsumableArray2","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"~/components\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { useTheme } from \"@webiny/app-theme\";\nimport { EditorTheme } from \"@webiny/lexical-theme\";\n\ninterface LexicalEditorProps extends Omit<RichTextEditorProps, \"theme\"> {\n    theme?: Partial<EditorTheme>;\n}\n\nconst imagesOnly = [\"image/*\"];\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { theme } = useTheme();\n\n    const editorTheme: EditorTheme = {\n        styles: {},\n        emotionMap: {},\n        ...theme,\n        ...(props.theme || {})\n    };\n\n    return (\n        <FileManager accept={imagesOnly}>\n            {({ showFileManager }) => (\n                <BaseEditor\n                    {...props}\n                    theme={editorTheme}\n                    toolbarActionPlugins={[\n                        ...(props.toolbarActionPlugins || []),\n                        { targetAction: \"image-action\", plugin: showFileManager }\n                    ]}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAOA,IAAMI,UAAU,GAAG,CAAC,SAAS,CAAC;AAEvB,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,KAAyB,EAAK;EACxD,IAAAC,SAAA,GAAkB,IAAAC,kBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAMC,WAAwB,OAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA;IAC1BC,MAAM,EAAE,CAAC,CAAC;IACVC,UAAU,EAAE,CAAC;EAAC,GACXL,KAAK,GACJH,KAAK,CAACG,KAAK,IAAI,CAAC,CAAC,CACxB;EAED,oBACIZ,MAAA,CAAAe,OAAA,CAAAG,aAAA,CAACf,CAAA,CAAAgB,WAAW;IAACC,MAAM,EAAEd;EAAW,GAC3B,UAAAe,IAAA;IAAA,IAAGC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAA,oBACftB,MAAA,CAAAe,OAAA,CAAAG,aAAA,CAACd,cAAA,CAAAmB,cAAU,EAAAC,MAAA,CAAAC,MAAA,KACHhB,KAAK;MACTG,KAAK,EAAEC,WAAY;MACnBa,oBAAoB,KAAAC,MAAA,KAAAC,mBAAA,CAAAb,OAAA,EACZN,KAAK,CAACiB,oBAAoB,IAAI,EAAE,IACpC;QAAEG,YAAY,EAAE,cAAc;QAAEC,MAAM,EAAER;MAAgB,CAAC;IAC3D,EACL,CAAC;EAAA,CAEG,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FileManager","RichTextEditor","BaseEditor","useTheme","imagesOnly","LexicalEditor","props","theme","editorTheme","styles","emotionMap","createElement","accept","showFileManager","Object","assign","toolbarActionPlugins","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"~/components\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { useTheme } from \"@webiny/app-theme\";\nimport { EditorTheme } from \"@webiny/lexical-theme\";\n\ninterface LexicalEditorProps extends Omit<RichTextEditorProps, \"theme\"> {\n    theme?: Partial<EditorTheme>;\n}\n\nconst imagesOnly = [\"image/*\"];\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { theme } = useTheme();\n\n    const editorTheme: EditorTheme = {\n        styles: {},\n        emotionMap: {},\n        ...theme,\n        ...(props.theme || {})\n    };\n\n    return (\n        <FileManager accept={imagesOnly}>\n            {({ showFileManager }) => (\n                <BaseEditor\n                    {...props}\n                    theme={editorTheme}\n                    toolbarActionPlugins={[\n                        ...(props.toolbarActionPlugins || []),\n                        { targetAction: \"image-action\", plugin: showFileManager }\n                    ]}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AACpB,SAASC,cAAc,IAAIC,UAAU,QAAQ,wBAAwB;AAErE,SAASC,QAAQ,QAAQ,mBAAmB;AAO5C,MAAMC,UAAU,GAAG,CAAC,SAAS,CAAC;AAE9B,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE5B,MAAMK,WAAwB,GAAG;IAC7BC,MAAM,EAAE,CAAC,CAAC;IACVC,UAAU,EAAE,CAAC,CAAC;IACd,GAAGH,KAAK;IACR,IAAID,KAAK,CAACC,KAAK,IAAI,CAAC,CAAC;EACzB,CAAC;EAED,oBACIR,KAAA,CAAAY,aAAA,CAACX,WAAW;IAACY,MAAM,EAAER;EAAW,GAC3B,CAAC;IAAES;EAAgB,CAAC,kBACjBd,KAAA,CAAAY,aAAA,CAACT,UAAU,EAAAY,MAAA,CAAAC,MAAA,KACHT,KAAK;IACTC,KAAK,EAAEC,WAAY;IACnBQ,oBAAoB,EAAE,CAClB,IAAIV,KAAK,CAACU,oBAAoB,IAAI,EAAE,CAAC,EACrC;MAAEC,YAAY,EAAE,cAAc;MAAEC,MAAM,EAAEL;IAAgB,CAAC;EAC3D,EACL,CAEI,CAAC;AAEtB,CAAC","ignoreList":[]}

package/components/LexicalEditor/index.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LexicalEditor", {
-  enumerable: true,
-  get: function get() {
-    return _LexicalEditor.LexicalEditor;
-  }
-});
-var _LexicalEditor = require("./LexicalEditor");
+export { LexicalEditor } from "./LexicalEditor";
 
 //# sourceMappingURL=index.js.map

package/components/LexicalEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LexicalEditor","require"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditor } from \"./LexicalEditor\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["LexicalEditor"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditor } from \"./LexicalEditor\";\n"],"mappings":"AAAA,SAASA,aAAa","ignoreList":[]}

package/components/MultiImageUpload.d.ts

@@ -9,5 +9,5 @@ interface MultiImageUploadProps {
     };
     [key: string]: any;
 }
-declare const MultiImageUpload: ({ imagePreviewProps, ...multiImageUploadProps }: MultiImageUploadProps) => React.JSX.Element;
+declare const MultiImageUpload: ({ props }: MultiImageUploadProps) => React.JSX.Element;
 export default MultiImageUpload;

package/components/MultiImageUpload.js

@@ -1,39 +1,16 @@
-"use strict";
+import * as React from "react";
+import { MultiFilePicker } from "@webiny/admin-ui";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _Image = require("@webiny/app/components/Image");
-var _ImageUpload = require("@webiny/ui/ImageUpload");
-var _excluded = ["imagePreviewProps"];
 /**
  * TODO @ts-refactor
  */
 
-var MultiImageUpload = function MultiImageUpload(_ref) {
-  var imagePreviewProps = _ref.imagePreviewProps,
-    multiImageUploadProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_ImageUpload.MultiImageUpload
-  /**
-   * TODO @ts-refactor
-   * It appears that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?
-   */
-  // @ts-expect-error
-  , Object.assign({
-    renderImagePreview: function renderImagePreview(renderImageProps) {
-      return /*#__PURE__*/React.createElement(_Image.Image, Object.assign({
-        transform: {
-          width: 300
-        }
-      }, imagePreviewProps, renderImageProps));
-    }
-  }, multiImageUploadProps));
+// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.
+const MultiImageUpload = ({
+  props
+}) => {
+  return /*#__PURE__*/React.createElement(MultiFilePicker, props);
 };
-var _default = exports.default = MultiImageUpload;
+export default MultiImageUpload;
 
 //# sourceMappingURL=MultiImageUpload.js.map

package/components/MultiImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_Image","_ImageUpload","_excluded","MultiImageUpload","_ref","imagePreviewProps","multiImageUploadProps","_objectWithoutProperties2","default","createElement","Object","assign","renderImagePreview","renderImageProps","Image","transform","width","_default","exports"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}: MultiImageUploadProps) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appears that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-expect-error\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAgF,IAAAG,SAAA;AAEhF;AACA;AACA;;AAQA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAGO;EAAA,IAFzBC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACdC,qBAAqB,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EAExB,oBACIL,KAAA,CAAAY,aAAA,CAACR,YAAA,CAAAE;EACG;AACZ;AACA;AACA;EACY;EAAA,EAAAO,MAAA,CAAAC,MAAA;IACAC,kBAAkB,EAAE,SAApBA,kBAAkBA,CAAGC,gBAAqC,EAAK;MAC3D,oBACIhB,KAAA,CAAAY,aAAA,CAACT,MAAA,CAAAc,KAAK,EAAAJ,MAAA,CAAAC,MAAA;QACFI,SAAS,EAAE;UAAEC,KAAK,EAAE;QAAI;MAAE,GACtBX,iBAAiB,EACjBQ,gBAAgB,CACvB,CAAC;IAEV;EAAE,GACEP,qBAAqB,CAC5B,CAAC;AAEV,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAV,OAAA,GACaL,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","MultiFilePicker","MultiImageUpload","props","createElement"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\n\n// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.\nconst MultiImageUpload = ({ props }: MultiImageUploadProps) => {\n    return <MultiFilePicker {...props} />;\n};\n\nexport default MultiImageUpload;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,kBAAkB;;AAElD;AACA;AACA;;AASA;AACA,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC3D,oBAAOH,KAAA,CAAAI,aAAA,CAACH,eAAe,EAAKE,KAAQ,CAAC;AACzC,CAAC;AAED,eAAeD,gBAAgB","ignoreList":[]}

package/components/OptionsMenu/OptionsMenu.d.ts

@@ -4,6 +4,7 @@ export interface OptionsMenuProps {
         name: string;
         element: React.ReactElement;
     }[];
+    trigger?: React.ReactElement;
     ["data-testid"]?: string;
 }
 export declare const OptionsMenu: (props: OptionsMenuProps) => React.JSX.Element | null;

package/components/OptionsMenu/OptionsMenu.js

@@ -1,29 +1,23 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionsMenu = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _more_vert = require("@material-design-icons/svg/outlined/more_vert.svg");
-var _Button = require("@webiny/ui/Button");
-var _useOptionsMenuItem = require("./useOptionsMenuItem");
-var _OptionsMenu = require("./OptionsMenu.styled");
-var OptionsMenu = exports.OptionsMenu = function OptionsMenu(props) {
+import React, { Fragment } from "react";
+import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
+import { IconButton, DropdownMenu } from "@webiny/admin-ui";
+import { OptionsMenuItemProvider } from "./useOptionsMenuItem";
+export const OptionsMenu = props => {
   if (!props.actions.length) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_OptionsMenu.Menu, {
-    handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null),
-      "data-testid": props["data-testid"] || "more-options-icon"
-    })
-  }, props.actions.map(function (action) {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: action.name
-    }, /*#__PURE__*/_react.default.createElement(_useOptionsMenuItem.OptionsMenuItemProvider, null, action.element));
-  }));
+  const trigger = props.trigger || /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
+    size: "sm",
+    iconSize: "lg",
+    variant: "ghost",
+    "data-testid": props["data-testid"] || "more-options-icon"
+  });
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: trigger
+  }, props.actions.map(action => /*#__PURE__*/React.createElement(Fragment, {
+    key: action.name
+  }, /*#__PURE__*/React.createElement(OptionsMenuItemProvider, null, action.element))));
 };
 
 //# sourceMappingURL=OptionsMenu.js.map

package/components/OptionsMenu/OptionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_more_vert","_Button","_useOptionsMenuItem","_OptionsMenu","OptionsMenu","exports","props","actions","length","default","createElement","Menu","handle","IconButton","icon","ReactComponent","map","action","Fragment","key","name","OptionsMenuItemProvider","element"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as MoreVerticalIcon } from \"@material-design-icons/svg/outlined/more_vert.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\n\nimport { OptionsMenuItemProvider } from \"./useOptionsMenuItem\";\n\nimport { Menu } from \"./OptionsMenu.styled\";\n\nexport interface OptionsMenuProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n    [\"data-testid\"]?: string;\n}\n\nexport const OptionsMenu = (props: OptionsMenuProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <Menu\n            handle={\n                <IconButton\n                    icon={<MoreVerticalIcon />}\n                    data-testid={props[\"data-testid\"] || \"more-options-icon\"}\n                />\n            }\n        >\n            {props.actions.map(action => (\n                <Fragment key={action.name}>\n                    <OptionsMenuItemProvider>{action.element}</OptionsMenuItemProvider>\n                </Fragment>\n            ))}\n        </Menu>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAUO,IAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK;EACpD,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,YAAA,CAAAQ,IAAI;IACDC,MAAM,eACFf,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAY,UAAU;MACPC,IAAI,eAAEjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,UAAA,CAAAe,cAAgB,MAAE,CAAE;MAC3B,eAAaT,KAAK,CAAC,aAAa,CAAC,IAAI;IAAoB,CAC5D;EACJ,GAEAA,KAAK,CAACC,OAAO,CAACS,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACrBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAqB,QAAQ;MAACC,GAAG,EAAEF,MAAM,CAACG;IAAK,gBACvBvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAmB,uBAAuB,QAAEJ,MAAM,CAACK,OAAiC,CAC5D,CAAC;EAAA,CACd,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Fragment","ReactComponent","MoreVerticalIcon","IconButton","DropdownMenu","OptionsMenuItemProvider","OptionsMenu","props","actions","length","trigger","createElement","icon","size","iconSize","variant","map","action","key","name","element"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { IconButton, DropdownMenu } from \"@webiny/admin-ui\";\nimport { OptionsMenuItemProvider } from \"./useOptionsMenuItem\";\n\nexport interface OptionsMenuProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n    trigger?: React.ReactElement;\n    [\"data-testid\"]?: string;\n}\n\nexport const OptionsMenu = (props: OptionsMenuProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    const trigger = props.trigger || (\n        <IconButton\n            icon={<MoreVerticalIcon />}\n            size={\"sm\"}\n            iconSize={\"lg\"}\n            variant={\"ghost\"}\n            data-testid={props[\"data-testid\"] || \"more-options-icon\"}\n        />\n    );\n\n    return (\n        <DropdownMenu trigger={trigger}>\n            {props.actions.map(action => (\n                <Fragment key={action.name}>\n                    <OptionsMenuItemProvider>{action.element}</OptionsMenuItemProvider>\n                </Fragment>\n            ))}\n        </DropdownMenu>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,uBAAuB;AAWhC,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACpD,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,MAAMC,OAAO,GAAGH,KAAK,CAACG,OAAO,iBACzBX,KAAA,CAAAY,aAAA,CAACR,UAAU;IACPS,IAAI,eAAEb,KAAA,CAAAY,aAAA,CAACT,gBAAgB,MAAE,CAAE;IAC3BW,IAAI,EAAE,IAAK;IACXC,QAAQ,EAAE,IAAK;IACfC,OAAO,EAAE,OAAQ;IACjB,eAAaR,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,CAC5D,CACJ;EAED,oBACIR,KAAA,CAAAY,aAAA,CAACP,YAAY;IAACM,OAAO,EAAEA;EAAQ,GAC1BH,KAAK,CAACC,OAAO,CAACQ,GAAG,CAACC,MAAM,iBACrBlB,KAAA,CAAAY,aAAA,CAACX,QAAQ;IAACkB,GAAG,EAAED,MAAM,CAACE;EAAK,gBACvBpB,KAAA,CAAAY,aAAA,CAACN,uBAAuB,QAAEY,MAAM,CAACG,OAAiC,CAC5D,CACb,CACS,CAAC;AAEvB,CAAC","ignoreList":[]}

package/components/OptionsMenu/OptionsMenuItem.d.ts

@@ -5,5 +5,6 @@ export interface OptionsMenuItemProps {
     icon: React.ReactElement;
     label: string;
     ["data-testid"]?: string;
+    className?: string;
 }
 export declare const OptionsMenuItem: (props: OptionsMenuItemProps) => React.JSX.Element;

package/components/OptionsMenu/OptionsMenuItem.js

@@ -1,22 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionsMenuItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Icon = require("@webiny/ui/Icon");
-var _List = require("@webiny/ui/List");
-var _Menu = require("@webiny/ui/Menu");
-var OptionsMenuItem = exports.OptionsMenuItem = function OptionsMenuItem(props) {
-  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+import React from "react";
+import { DropdownMenu } from "@webiny/admin-ui";
+export const OptionsMenuItem = props => {
+  return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
     onClick: props.onAction,
     disabled: props.disabled ?? false,
-    "data-testid": props["data-testid"]
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: props.icon
-  })), props.label);
+    "data-testid": props["data-testid"],
+    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
+      label: props.label,
+      element: props.icon
+    }),
+    text: props.label,
+    className: props.className
+  });
 };
 
 //# sourceMappingURL=OptionsMenuItem.js.map

package/components/OptionsMenu/OptionsMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Icon","_List","_Menu","OptionsMenuItem","exports","props","default","createElement","MenuItem","onClick","onAction","disabled","ListItemGraphic","Icon","icon","label"],"sources":["OptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nexport interface OptionsMenuItemProps {\n    onAction: () => void;\n    disabled?: boolean;\n    icon: React.ReactElement;\n    label: string;\n    [\"data-testid\"]?: string;\n}\n\nexport const OptionsMenuItem = (props: OptionsMenuItemProps) => {\n    return (\n        <MenuItem\n            onClick={props.onAction}\n            disabled={props.disabled ?? false}\n            data-testid={props[\"data-testid\"]}\n        >\n            <ListItemGraphic>\n                <Icon icon={props.icon} />\n            </ListItemGraphic>\n            {props.label}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAUO,IAAMI,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAAK;EAC5D,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAM,QAAQ;IACLC,OAAO,EAAEJ,KAAK,CAACK,QAAS;IACxBC,QAAQ,EAAEN,KAAK,CAACM,QAAQ,IAAI,KAAM;IAClC,eAAaN,KAAK,CAAC,aAAa;EAAE,gBAElCR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAW,eAAe,qBACZf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAa,IAAI;IAACC,IAAI,EAAET,KAAK,CAACS;EAAK,CAAE,CACZ,CAAC,EACjBT,KAAK,CAACU,KACD,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DropdownMenu","OptionsMenuItem","props","createElement","Item","onClick","onAction","disabled","icon","Icon","label","element","text","className"],"sources":["OptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\n\nexport interface OptionsMenuItemProps {\n    onAction: () => void;\n    disabled?: boolean;\n    icon: React.ReactElement;\n    label: string;\n    [\"data-testid\"]?: string;\n    className?: string;\n}\n\nexport const OptionsMenuItem = (props: OptionsMenuItemProps) => {\n    return (\n        <DropdownMenu.Item\n            onClick={props.onAction}\n            disabled={props.disabled ?? false}\n            data-testid={props[\"data-testid\"]}\n            icon={<DropdownMenu.Item.Icon label={props.label} element={props.icon} />}\n            text={props.label}\n            className={props.className}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,kBAAkB;AAW/C,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,oBACIH,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACI,IAAI;IACdC,OAAO,EAAEH,KAAK,CAACI,QAAS;IACxBC,QAAQ,EAAEL,KAAK,CAACK,QAAQ,IAAI,KAAM;IAClC,eAAaL,KAAK,CAAC,aAAa,CAAE;IAClCM,IAAI,eAAET,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACI,IAAI,CAACK,IAAI;MAACC,KAAK,EAAER,KAAK,CAACQ,KAAM;MAACC,OAAO,EAAET,KAAK,CAACM;IAAK,CAAE,CAAE;IAC1EI,IAAI,EAAEV,KAAK,CAACQ,KAAM;IAClBG,SAAS,EAAEX,KAAK,CAACW;EAAU,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/OptionsMenu/OptionsMenuLink.d.ts

@@ -6,5 +6,6 @@ export interface OptionsMenuLinkProps {
     to: string;
     target?: HTMLAttributeAnchorTarget;
     ["data-testid"]?: string;
+    className?: string;
 }
 export declare const OptionsMenuLink: (props: OptionsMenuLinkProps) => React.JSX.Element;

package/components/OptionsMenu/OptionsMenuLink.js

@@ -1,40 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionsMenuLink = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Icon = require("@webiny/ui/Icon");
-var _List = require("@webiny/ui/List");
-var _Menu = require("@webiny/ui/Menu");
-var _reactRouter = require("@webiny/react-router");
-var MenuLinkItem = function MenuLinkItem(props) {
-  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    disabled: props.disabled ?? false,
-    "data-testid": props["data-testid"]
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: props.icon
-  })), props.label);
-};
-var OptionsMenuLink = exports.OptionsMenuLink = function OptionsMenuLink(props) {
-  if (props.disabled) {
-    return /*#__PURE__*/_react.default.createElement(MenuLinkItem, {
-      icon: props.icon,
-      label: props.label,
-      disabled: props.disabled,
-      "data-testid": props["data-testid"]
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+import React from "react";
+import { DropdownMenu } from "@webiny/admin-ui";
+export const OptionsMenuLink = props => {
+  return /*#__PURE__*/React.createElement(DropdownMenu.Link, {
     to: props.to,
-    target: props.target
-  }, /*#__PURE__*/_react.default.createElement(MenuLinkItem, {
-    icon: props.icon,
-    label: props.label,
-    "data-testid": props["data-testid"]
-  }));
+    disabled: props.disabled,
+    "data-testid": props["data-testid"],
+    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
+      label: props.label,
+      element: props.icon
+    }),
+    text: props.label,
+    className: props.className
+  });
 };
 
 //# sourceMappingURL=OptionsMenuLink.js.map

package/components/OptionsMenu/OptionsMenuLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Icon","_List","_Menu","_reactRouter","MenuLinkItem","props","default","createElement","MenuItem","disabled","ListItemGraphic","Icon","icon","label","OptionsMenuLink","exports","Link","to","target"],"sources":["OptionsMenuLink.tsx"],"sourcesContent":["import React, { HTMLAttributeAnchorTarget } from \"react\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\nimport { Link } from \"@webiny/react-router\";\n\nexport interface OptionsMenuLinkProps {\n    disabled?: boolean;\n    icon: React.ReactElement;\n    label: string;\n    to: string;\n    target?: HTMLAttributeAnchorTarget;\n    [\"data-testid\"]?: string;\n}\n\nconst MenuLinkItem = (props: Omit<OptionsMenuLinkProps, \"to\" | \"target\">) => {\n    return (\n        <MenuItem disabled={props.disabled ?? false} data-testid={props[\"data-testid\"]}>\n            <ListItemGraphic>\n                <Icon icon={props.icon} />\n            </ListItemGraphic>\n            {props.label}\n        </MenuItem>\n    );\n};\n\nexport const OptionsMenuLink = (props: OptionsMenuLinkProps) => {\n    if (props.disabled) {\n        return (\n            <MenuLinkItem\n                icon={props.icon}\n                label={props.label}\n                disabled={props.disabled}\n                data-testid={props[\"data-testid\"]}\n            />\n        );\n    }\n\n    return (\n        <Link to={props.to} target={props.target}>\n            <MenuLinkItem\n                icon={props.icon}\n                label={props.label}\n                data-testid={props[\"data-testid\"]}\n            />\n        </Link>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAWA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAkD,EAAK;EACzE,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAM,QAAQ;IAACC,QAAQ,EAAEJ,KAAK,CAACI,QAAQ,IAAI,KAAM;IAAC,eAAaJ,KAAK,CAAC,aAAa;EAAE,gBAC3ER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAS,eAAe,qBACZb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAW,IAAI;IAACC,IAAI,EAAEP,KAAK,CAACO;EAAK,CAAE,CACZ,CAAC,EACjBP,KAAK,CAACQ,KACD,CAAC;AAEnB,CAAC;AAEM,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIT,KAA2B,EAAK;EAC5D,IAAIA,KAAK,CAACI,QAAQ,EAAE;IAChB,oBACIZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACH,YAAY;MACTQ,IAAI,EAAEP,KAAK,CAACO,IAAK;MACjBC,KAAK,EAAER,KAAK,CAACQ,KAAM;MACnBJ,QAAQ,EAAEJ,KAAK,CAACI,QAAS;MACzB,eAAaJ,KAAK,CAAC,aAAa;IAAE,CACrC,CAAC;EAEV;EAEA,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,YAAA,CAAAa,IAAI;IAACC,EAAE,EAAEZ,KAAK,CAACY,EAAG;IAACC,MAAM,EAAEb,KAAK,CAACa;EAAO,gBACrCrB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACH,YAAY;IACTQ,IAAI,EAAEP,KAAK,CAACO,IAAK;IACjBC,KAAK,EAAER,KAAK,CAACQ,KAAM;IACnB,eAAaR,KAAK,CAAC,aAAa;EAAE,CACrC,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DropdownMenu","OptionsMenuLink","props","createElement","Link","to","disabled","icon","Item","Icon","label","element","text","className"],"sources":["OptionsMenuLink.tsx"],"sourcesContent":["import React, { HTMLAttributeAnchorTarget } from \"react\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\n\nexport interface OptionsMenuLinkProps {\n    disabled?: boolean;\n    icon: React.ReactElement;\n    label: string;\n    to: string;\n    target?: HTMLAttributeAnchorTarget;\n    [\"data-testid\"]?: string;\n    className?: string;\n}\n\nexport const OptionsMenuLink = (props: OptionsMenuLinkProps) => {\n    return (\n        <DropdownMenu.Link\n            to={props.to}\n            disabled={props.disabled}\n            data-testid={props[\"data-testid\"]}\n            icon={<DropdownMenu.Item.Icon label={props.label} element={props.icon} />}\n            text={props.label}\n            className={props.className}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqC,OAAO;AACxD,SAASC,YAAY,QAAQ,kBAAkB;AAY/C,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,oBACIH,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACI,IAAI;IACdC,EAAE,EAAEH,KAAK,CAACG,EAAG;IACbC,QAAQ,EAAEJ,KAAK,CAACI,QAAS;IACzB,eAAaJ,KAAK,CAAC,aAAa,CAAE;IAClCK,IAAI,eAAER,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACQ,IAAI,CAACC,IAAI;MAACC,KAAK,EAAER,KAAK,CAACQ,KAAM;MAACC,OAAO,EAAET,KAAK,CAACK;IAAK,CAAE,CAAE;IAC1EK,IAAI,EAAEV,KAAK,CAACQ,KAAM;IAClBG,SAAS,EAAEX,KAAK,CAACW;EAAU,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/OptionsMenu/index.js

@@ -1,53 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  useOptionsMenuItem: true
-};
-Object.defineProperty(exports, "useOptionsMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _useOptionsMenuItem.useOptionsMenuItem;
-  }
-});
-var _OptionsMenu = require("./OptionsMenu");
-Object.keys(_OptionsMenu).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _OptionsMenu[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _OptionsMenu[key];
-    }
-  });
-});
-var _OptionsMenuItem = require("./OptionsMenuItem");
-Object.keys(_OptionsMenuItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _OptionsMenuItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _OptionsMenuItem[key];
-    }
-  });
-});
-var _OptionsMenuLink = require("./OptionsMenuLink");
-Object.keys(_OptionsMenuLink).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _OptionsMenuLink[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _OptionsMenuLink[key];
-    }
-  });
-});
-var _useOptionsMenuItem = require("./useOptionsMenuItem");
+export * from "./OptionsMenu";
+export * from "./OptionsMenuItem";
+export * from "./OptionsMenuLink";
+export { useOptionsMenuItem } from "./useOptionsMenuItem";
 
 //# sourceMappingURL=index.js.map

package/components/OptionsMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_OptionsMenu","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_OptionsMenuItem","_OptionsMenuLink","_useOptionsMenuItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./OptionsMenu\";\nexport * from \"./OptionsMenuItem\";\nexport * from \"./OptionsMenuLink\";\nexport { useOptionsMenuItem } from \"./useOptionsMenuItem\";\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,gBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,gBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,gBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,gBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,gBAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,gBAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,gBAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,gBAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,mBAAA,GAAAf,OAAA","ignoreList":[]}
+{"version":3,"names":["useOptionsMenuItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./OptionsMenu\";\nexport * from \"./OptionsMenuItem\";\nexport * from \"./OptionsMenuLink\";\nexport { useOptionsMenuItem } from \"./useOptionsMenuItem\";\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,kBAAkB","ignoreList":[]}

package/components/OptionsMenu/useOptionsMenuItem.js

@@ -1,25 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useOptionsMenuItem = exports.OptionsMenuItemProvider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _OptionsMenuItem = require("./OptionsMenuItem");
-var _OptionsMenuLink = require("./OptionsMenuLink");
-var OptionsMenuItemContext = /*#__PURE__*/_react.default.createContext(undefined);
-var OptionsMenuItemProvider = exports.OptionsMenuItemProvider = function OptionsMenuItemProvider(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(OptionsMenuItemContext.Provider, {
+import React from "react";
+import { OptionsMenuItem } from "./OptionsMenuItem";
+import { OptionsMenuLink } from "./OptionsMenuLink";
+const OptionsMenuItemContext = /*#__PURE__*/React.createContext(undefined);
+export const OptionsMenuItemProvider = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(OptionsMenuItemContext.Provider, {
     value: {
-      OptionsMenuItem: _OptionsMenuItem.OptionsMenuItem,
-      OptionsMenuLink: _OptionsMenuLink.OptionsMenuLink
+      OptionsMenuItem,
+      OptionsMenuLink
     }
   }, children);
 };
-var useOptionsMenuItem = exports.useOptionsMenuItem = function useOptionsMenuItem() {
-  var context = _react.default.useContext(OptionsMenuItemContext);
+export const useOptionsMenuItem = () => {
+  const context = React.useContext(OptionsMenuItemContext);
   if (!context) {
     throw new Error("useOptionsMenuItem must be used within a OptionsMenuItemProvider");
   }

package/components/OptionsMenu/useOptionsMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_OptionsMenuItem","_OptionsMenuLink","OptionsMenuItemContext","React","createContext","undefined","OptionsMenuItemProvider","exports","_ref","children","default","createElement","Provider","value","OptionsMenuItem","OptionsMenuLink","useOptionsMenuItem","context","useContext","Error"],"sources":["useOptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenuItem } from \"./OptionsMenuItem\";\nimport { OptionsMenuLink } from \"./OptionsMenuLink\";\n\nexport interface OptionsMenuItemProviderContext {\n    OptionsMenuItem: typeof OptionsMenuItem;\n    OptionsMenuLink: typeof OptionsMenuLink;\n}\n\nconst OptionsMenuItemContext = React.createContext<OptionsMenuItemProviderContext | undefined>(\n    undefined\n);\n\ninterface OptionsMenuItemProviderProps {\n    children: React.ReactNode;\n}\n\nexport const OptionsMenuItemProvider = ({ children }: OptionsMenuItemProviderProps) => {\n    return (\n        <OptionsMenuItemContext.Provider value={{ OptionsMenuItem, OptionsMenuLink }}>\n            {children}\n        </OptionsMenuItemContext.Provider>\n    );\n};\n\nexport const useOptionsMenuItem = (): OptionsMenuItemProviderContext => {\n    const context = React.useContext(OptionsMenuItemContext);\n\n    if (!context) {\n        throw new Error(\"useOptionsMenuItem must be used within a OptionsMenuItemProvider\");\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAOA,IAAMG,sBAAsB,gBAAGC,cAAK,CAACC,aAAa,CAC9CC,SACJ,CAAC;AAMM,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAAE,IAAA,EAAmD;EAAA,IAA7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC9C,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,sBAAsB,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAEC,eAAe,EAAfA,gCAAe;MAAEC,eAAe,EAAfA;IAAgB;EAAE,GACxEN,QAC4B,CAAC;AAE1C,CAAC;AAEM,IAAMO,kBAAkB,GAAAT,OAAA,CAAAS,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAyC;EACpE,IAAMC,OAAO,GAAGd,cAAK,CAACe,UAAU,CAAChB,sBAAsB,CAAC;EAExD,IAAI,CAACe,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,kEAAkE,CAAC;EACvF;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","OptionsMenuItem","OptionsMenuLink","OptionsMenuItemContext","createContext","undefined","OptionsMenuItemProvider","children","createElement","Provider","value","useOptionsMenuItem","context","useContext","Error"],"sources":["useOptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenuItem } from \"./OptionsMenuItem\";\nimport { OptionsMenuLink } from \"./OptionsMenuLink\";\n\nexport interface OptionsMenuItemProviderContext {\n    OptionsMenuItem: typeof OptionsMenuItem;\n    OptionsMenuLink: typeof OptionsMenuLink;\n}\n\nconst OptionsMenuItemContext = React.createContext<OptionsMenuItemProviderContext | undefined>(\n    undefined\n);\n\ninterface OptionsMenuItemProviderProps {\n    children: React.ReactNode;\n}\n\nexport const OptionsMenuItemProvider = ({ children }: OptionsMenuItemProviderProps) => {\n    return (\n        <OptionsMenuItemContext.Provider value={{ OptionsMenuItem, OptionsMenuLink }}>\n            {children}\n        </OptionsMenuItemContext.Provider>\n    );\n};\n\nexport const useOptionsMenuItem = (): OptionsMenuItemProviderContext => {\n    const context = React.useContext(OptionsMenuItemContext);\n\n    if (!context) {\n        throw new Error(\"useOptionsMenuItem must be used within a OptionsMenuItemProvider\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,eAAe;AAOxB,MAAMC,sBAAsB,gBAAGH,KAAK,CAACI,aAAa,CAC9CC,SACJ,CAAC;AAMD,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EACnF,oBACIP,KAAA,CAAAQ,aAAA,CAACL,sBAAsB,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAET,eAAe;MAAEC;IAAgB;EAAE,GACxEK,QAC4B,CAAC;AAE1C,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGA,CAAA,KAAsC;EACpE,MAAMC,OAAO,GAAGZ,KAAK,CAACa,UAAU,CAACV,sBAAsB,CAAC;EAExD,IAAI,CAACS,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,kEAAkE,CAAC;EACvF;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}