@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.1

package/components/LexicalEditor/lexicalValueWithHtml.js

@@ -0,0 +1,36 @@
+import { createLexicalStateTransformer } from "@webiny/lexical-converter";
+const transformerCache = new Map();
+const getOrCreate = editorConfigRef => {
+  if (!editorConfigRef.current) {
+    return undefined;
+  }
+  const id = editorConfigRef.current.editorId;
+  if (!transformerCache.has(id)) {
+    const transformer = createLexicalStateTransformer({
+      editorConfig: {
+        nodes: editorConfigRef.current.nodes,
+        theme: editorConfigRef.current.theme
+      }
+    });
+    transformerCache.set(id, transformer);
+  }
+  return transformerCache.get(id);
+};
+export const lexicalValueWithHtml = (editorConfigRef, onChange) => {
+  return value => {
+    const transformer = getOrCreate(editorConfigRef);
+    if (!transformer) {
+      onChange({
+        state: value,
+        html: ""
+      });
+      return;
+    }
+    onChange({
+      state: value,
+      html: transformer.toHtml(value)
+    });
+  };
+};
+
+//# sourceMappingURL=lexicalValueWithHtml.js.map

package/components/LexicalEditor/lexicalValueWithHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createLexicalStateTransformer","transformerCache","Map","getOrCreate","editorConfigRef","current","undefined","id","editorId","has","transformer","editorConfig","nodes","theme","set","get","lexicalValueWithHtml","onChange","value","state","html","toHtml"],"sources":["lexicalValueWithHtml.ts"],"sourcesContent":["import { createLexicalStateTransformer } from \"@webiny/lexical-converter\";\nimport { RichTextEditor } from \"@webiny/lexical-editor\";\n\ntype LexicalStateTransformer = ReturnType<typeof createLexicalStateTransformer>;\n\nexport type RichTextValueWithHtml = {\n    state: string;\n    html: string;\n};\n\nexport type EditorConfigRef = React.MutableRefObject<RichTextEditor.InitialConfig | undefined>;\n\nconst transformerCache = new Map<string, LexicalStateTransformer>();\n\nconst getOrCreate = (editorConfigRef: EditorConfigRef) => {\n    if (!editorConfigRef.current) {\n        return undefined;\n    }\n\n    const id = editorConfigRef.current.editorId;\n\n    if (!transformerCache.has(id)) {\n        const transformer = createLexicalStateTransformer({\n            editorConfig: {\n                nodes: editorConfigRef.current.nodes,\n                theme: editorConfigRef.current.theme\n            }\n        });\n\n        transformerCache.set(id, transformer);\n    }\n\n    return transformerCache.get(id);\n};\n\nexport const lexicalValueWithHtml = (\n    editorConfigRef: EditorConfigRef,\n    onChange: (value: RichTextValueWithHtml) => void\n) => {\n    return (value: string) => {\n        const transformer = getOrCreate(editorConfigRef);\n\n        if (!transformer) {\n            onChange({\n                state: value,\n                html: \"\"\n            });\n            return;\n        }\n\n        onChange({\n            state: value,\n            html: transformer.toHtml(value)\n        });\n    };\n};\n"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,2BAA2B;AAYzE,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAAkC,CAAC;AAEnE,MAAMC,WAAW,GAAIC,eAAgC,IAAK;EACtD,IAAI,CAACA,eAAe,CAACC,OAAO,EAAE;IAC1B,OAAOC,SAAS;EACpB;EAEA,MAAMC,EAAE,GAAGH,eAAe,CAACC,OAAO,CAACG,QAAQ;EAE3C,IAAI,CAACP,gBAAgB,CAACQ,GAAG,CAACF,EAAE,CAAC,EAAE;IAC3B,MAAMG,WAAW,GAAGV,6BAA6B,CAAC;MAC9CW,YAAY,EAAE;QACVC,KAAK,EAAER,eAAe,CAACC,OAAO,CAACO,KAAK;QACpCC,KAAK,EAAET,eAAe,CAACC,OAAO,CAACQ;MACnC;IACJ,CAAC,CAAC;IAEFZ,gBAAgB,CAACa,GAAG,CAACP,EAAE,EAAEG,WAAW,CAAC;EACzC;EAEA,OAAOT,gBAAgB,CAACc,GAAG,CAACR,EAAE,CAAC;AACnC,CAAC;AAED,OAAO,MAAMS,oBAAoB,GAAGA,CAChCZ,eAAgC,EAChCa,QAAgD,KAC/C;EACD,OAAQC,KAAa,IAAK;IACtB,MAAMR,WAAW,GAAGP,WAAW,CAACC,eAAe,CAAC;IAEhD,IAAI,CAACM,WAAW,EAAE;MACdO,QAAQ,CAAC;QACLE,KAAK,EAAED,KAAK;QACZE,IAAI,EAAE;MACV,CAAC,CAAC;MACF;IACJ;IAEAH,QAAQ,CAAC;MACLE,KAAK,EAAED,KAAK;MACZE,IAAI,EAAEV,WAAW,CAACW,MAAM,CAACH,KAAK;IAClC,CAAC,CAAC;EACN,CAAC;AACL,CAAC","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,SAAAA,mBAACC,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/NavigationPrompt.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+interface NavigationPromptProps {
+    when: boolean | (() => boolean);
+    message: React.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+}
+export declare const NavigationPrompt: (({ when, message, confirmLabel, cancelLabel }: NavigationPromptProps) => null) & {
+    original: ({ when, message, confirmLabel, cancelLabel }: NavigationPromptProps) => null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ when, message, confirmLabel, cancelLabel }: NavigationPromptProps) => null) & {
+        original: ({ when, message, confirmLabel, cancelLabel }: NavigationPromptProps) => null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ when, message, confirmLabel, cancelLabel }: NavigationPromptProps) => null) & {
+        original: ({ when, message, confirmLabel, cancelLabel }: NavigationPromptProps) => null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/components/NavigationPrompt.js

@@ -0,0 +1,39 @@
+import { useEffect, useRef } from "react";
+import { useRouter } from "@webiny/app";
+import { makeDecoratable } from "@webiny/react-composition";
+import { useDialogs } from "./Dialogs/useDialogs.js";
+export const NavigationPrompt = makeDecoratable("NavigationPrompt", ({
+  when,
+  message,
+  confirmLabel,
+  cancelLabel
+}) => {
+  const whenRef = useRef(when);
+  const router = useRouter();
+  const dialogs = useDialogs();
+
+  // Update the ref synchronously on every render to ensure we always have the latest value
+  whenRef.current = when;
+  useEffect(() => {
+    router.onRouteExit(transition => {
+      const condition = whenRef.current;
+      const shouldConfirm = typeof condition === "function" ? condition() : condition;
+      if (shouldConfirm) {
+        dialogs.showDialog({
+          title: "Confirm Navigation",
+          content: message,
+          acceptLabel: confirmLabel ?? "Yes!",
+          cancelLabel: cancelLabel ?? "No, stay here.",
+          onAccept: () => {
+            transition.continue();
+          }
+        });
+      } else {
+        transition.continue();
+      }
+    });
+  }, []);
+  return null;
+});
+
+//# sourceMappingURL=NavigationPrompt.js.map

package/components/NavigationPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useRouter","makeDecoratable","useDialogs","NavigationPrompt","when","message","confirmLabel","cancelLabel","whenRef","router","dialogs","current","onRouteExit","transition","condition","shouldConfirm","showDialog","title","content","acceptLabel","onAccept","continue"],"sources":["NavigationPrompt.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useRouter } from \"@webiny/app\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\ninterface NavigationPromptProps {\n    when: boolean | (() => boolean);\n    message: React.ReactNode;\n    confirmLabel?: string;\n    cancelLabel?: string;\n}\n\nexport const NavigationPrompt = makeDecoratable(\n    \"NavigationPrompt\",\n    ({ when, message, confirmLabel, cancelLabel }: NavigationPromptProps) => {\n        const whenRef = useRef(when);\n        const router = useRouter();\n        const dialogs = useDialogs();\n\n        // Update the ref synchronously on every render to ensure we always have the latest value\n        whenRef.current = when;\n\n        useEffect(() => {\n            router.onRouteExit(transition => {\n                const condition = whenRef.current;\n                const shouldConfirm = typeof condition === \"function\" ? condition() : condition;\n\n                if (shouldConfirm) {\n                    dialogs.showDialog({\n                        title: \"Confirm Navigation\",\n                        content: message,\n                        acceptLabel: confirmLabel ?? \"Yes!\",\n                        cancelLabel: cancelLabel ?? \"No, stay here.\",\n                        onAccept: () => {\n                            transition.continue();\n                        }\n                    });\n                } else {\n                    transition.continue();\n                }\n            });\n        }, []);\n\n        return null;\n    }\n);\n"],"mappings":"AAAA,SAAgBA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,UAAU;AASnB,OAAO,MAAMC,gBAAgB,GAAGF,eAAe,CAC3C,kBAAkB,EAClB,CAAC;EAAEG,IAAI;EAAEC,OAAO;EAAEC,YAAY;EAAEC;AAAmC,CAAC,KAAK;EACrE,MAAMC,OAAO,GAAGT,MAAM,CAACK,IAAI,CAAC;EAC5B,MAAMK,MAAM,GAAGT,SAAS,CAAC,CAAC;EAC1B,MAAMU,OAAO,GAAGR,UAAU,CAAC,CAAC;;EAE5B;EACAM,OAAO,CAACG,OAAO,GAAGP,IAAI;EAEtBN,SAAS,CAAC,MAAM;IACZW,MAAM,CAACG,WAAW,CAACC,UAAU,IAAI;MAC7B,MAAMC,SAAS,GAAGN,OAAO,CAACG,OAAO;MACjC,MAAMI,aAAa,GAAG,OAAOD,SAAS,KAAK,UAAU,GAAGA,SAAS,CAAC,CAAC,GAAGA,SAAS;MAE/E,IAAIC,aAAa,EAAE;QACfL,OAAO,CAACM,UAAU,CAAC;UACfC,KAAK,EAAE,oBAAoB;UAC3BC,OAAO,EAAEb,OAAO;UAChBc,WAAW,EAAEb,YAAY,IAAI,MAAM;UACnCC,WAAW,EAAEA,WAAW,IAAI,gBAAgB;UAC5Ca,QAAQ,EAAEA,CAAA,KAAM;YACZP,UAAU,CAACQ,QAAQ,CAAC,CAAC;UACzB;QACJ,CAAC,CAAC;MACN,CAAC,MAAM;QACHR,UAAU,CAACQ,QAAQ,CAAC,CAAC;MACzB;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CACJ,CAAC","ignoreList":[]}

package/components/NotAuthorizedError/NotAuthorizedError.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const NotAuthorizedError: () => React.JSX.Element;

package/components/NotAuthorizedError/NotAuthorizedError.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Link, Text } from "@webiny/admin-ui";
+import authErrorImg from "./SecureRouteError.svg";
+export const NotAuthorizedError = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "h-full flex flex-col items-center justify-center text-center gap-xs"
+  }, /*#__PURE__*/React.createElement("img", {
+    width: 200,
+    height: 200,
+    src: authErrorImg,
+    alt: "Not Authorized",
+    className: "mb-xl"
+  }), /*#__PURE__*/React.createElement(Text, null, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(Text, null, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(Link, {
+    to: "/"
+  }, "Take me back.")));
+};
+
+//# sourceMappingURL=NotAuthorizedError.js.map

package/components/NotAuthorizedError/NotAuthorizedError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Link","Text","authErrorImg","NotAuthorizedError","createElement","className","width","height","src","alt","to"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\n\nexport const NotAuthorizedError = () => {\n    return (\n        <div className={\"flex-1\"}>\n            <div className={\"h-full flex flex-col items-center justify-center text-center gap-xs\"}>\n                <img\n                    width={200}\n                    height={200}\n                    src={authErrorImg}\n                    alt=\"Not Authorized\"\n                    className={\"mb-xl\"}\n                />\n                <Text>You are not authorized to view this route.</Text>\n                <Text>Please contact your administrator to request access.</Text>\n                <Link to=\"/\">Take me back.</Link>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,OAAOC,YAAY;AAEnB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAsE,gBAClFN,KAAA,CAAAK,aAAA;IACIE,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,GAAG,EAAEN,YAAa;IAClBO,GAAG,EAAC,gBAAgB;IACpBJ,SAAS,EAAE;EAAQ,CACtB,CAAC,eACFN,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,4CAAgD,CAAC,eACvDF,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,sDAA0D,CAAC,eACjEF,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACU,EAAE,EAAC;EAAG,GAAC,eAAmB,CAC/B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/NotAuthorizedError/SecureRouteError.svg

@@ -0,0 +1 @@
+<svg id="ffa0e257-4b46-4632-a8d6-93195cbf254d" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="895.68" height="517.48" viewBox="0 0 895.68 517.48"><defs><linearGradient id="74471b12-b6be-488b-b2aa-2815e91483d9" x1="790.94" y1="640.76" x2="790.94" y2="264.76" gradientTransform="translate(1229.99 -336.2) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="f5c756da-9879-448e-9194-9478f83d355f" x1="785.97" y1="446.14" x2="785.97" y2="321.91" gradientTransform="translate(1166.67 -399.94) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="5c9be04e-db0f-4829-87c1-2cfa193e30b8" x1="660.92" y1="518.19" x2="660.92" y2="494.17" gradientTransform="translate(1146.84 -172.9) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="b92f3a53-b4d2-4abd-916c-aeb632188996" x1="433.66" y1="605.23" x2="433.66" y2="235.23" gradientTransform="translate(13.58 8.51)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="44577794-7f8e-40ae-89fc-019e5bfac17e" x1="428.36" y1="413.71" x2="428.36" y2="291.46" gradientTransform="translate(-1.05 11.3)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="666bb7d3-84d0-4835-ad07-c313c2384f21" x1="295.22" y1="484.61" x2="295.22" y2="460.98" gradientTransform="translate(28.38 37.45)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="59939605-05af-4a9a-9980-f700897f3f8b" x1="455.07" y1="464.48" x2="455.07" y2="10.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13" x1="449.07" y1="229.48" x2="449.07" y2="79.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="45b0c09d-2995-447e-8cb2-7f6b59b5e20c" x1="298.07" y1="316.48" x2="298.07" y2="287.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="e5b0a96a-81f6-4370-afe3-5a7d6a35b55e" x1="457.07" y1="517.48" x2="457.07" y2="364.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="a1850e5a-cf77-4889-926a-0125112ab273" x1="611.23" y1="564.74" x2="611.23" y2="464.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="66998849-614e-4d8a-b9ff-f14bbc588ed8" x1="611.23" y1="660.74" x2="611.23" y2="602.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/></defs><title>safe</title><rect x="792.23" y="49.92" width="19.88" height="470.41" transform="translate(247.6 844.09) rotate(-81.36)" fill="#f5f5f5"/><rect x="589.23" y="209.59" width="376" height="490.29" transform="translate(58.72 963.57) rotate(-81.36)" fill="url(#74471b12-b6be-488b-b2aa-2815e91483d9)"/><rect x="603.48" y="229.23" width="342.87" height="470.41" transform="translate(47.16 969.52) rotate(-81.36)" fill="#f5f5f5"/><circle cx="580.99" cy="251.51" r="4.86" transform="translate(92.88 596.86) rotate(-81.36)" fill="#ff5252"/><circle cx="594.2" cy="253.52" r="4.86" transform="translate(102.12 611.62) rotate(-81.36)" fill="#ff0"/><circle cx="607.41" cy="255.53" r="4.86" transform="translate(111.36 626.39) rotate(-81.36)" fill="#69f0ae"/><rect x="720.53" y="174.84" width="124.23" height="422.38" transform="translate(131.25 910.54) rotate(-81.36)" fill="url(#f5c756da-9879-448e-9194-9478f83d355f)"/><rect x="576.36" y="328.95" width="413.27" height="115.12" transform="translate(-85.2 -304.51) rotate(8.64)" fill="#fa5a28"/><rect x="628.65" y="473.94" width="24.02" height="28.16" transform="translate(-90.24 856.82) rotate(-81.36)" fill="url(#5c9be04e-db0f-4829-87c1-2cfa193e30b8)"/><rect x="627.88" y="477.73" width="26.5" height="19.88" transform="translate(-71.61 -282.05) rotate(8.64)" fill="#fa5a28"/><rect x="622.77" y="511.3" width="26.5" height="19.88" transform="translate(-66.63 -280.9) rotate(8.64)" fill="#ff5252"/><rect x="617.67" y="544.87" width="26.5" height="19.88" transform="translate(-61.64 -279.75) rotate(8.64)" fill="#ff9800"/><rect x="696.41" y="506.51" width="213.67" height="11.59" transform="translate(-66.07 -306.13) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="691.31" y="540.08" width="213.67" height="11.59" transform="translate(-61.09 -304.98) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="686.21" y="573.65" width="213.67" height="11.59" transform="translate(-56.1 -303.83) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="159.15" y="254.51" width="500.84" height="19.56" transform="translate(-199.95 -95.55) rotate(-12.6)" fill="#f5f5f5"/><rect x="186.23" y="243.74" width="522" height="370" transform="translate(-234.92 -83.38) rotate(-12.6)" fill="url(#b92f3a53-b4d2-4abd-916c-aeb632188996)"/><rect x="198.08" y="269.78" width="500.84" height="337.4" transform="translate(-237.01 -82.86) rotate(-12.6)" fill="#f5f5f5"/><ellipse cx="177.11" cy="316.25" rx="5.17" ry="4.78" transform="translate(-216.88 -145.01) rotate(-12.6)" fill="#ff5252"/><ellipse cx="191" cy="313.15" rx="5.17" ry="4.78" transform="translate(-215.87 -142.05) rotate(-12.6)" fill="#ff0"/><ellipse cx="204.88" cy="310.05" rx="5.17" ry="4.78" transform="translate(-214.86 -139.1) rotate(-12.6)" fill="#69f0ae"/><rect x="202.46" y="302.76" width="449.7" height="122.25" transform="translate(-221.25 -89.28) rotate(-12.6)" fill="url(#44577794-7f8e-40ae-89fc-019e5bfac17e)"/><rect x="207.83" y="307.54" width="440" height="113.28" transform="translate(-221.3 -89.16) rotate(-12.6)" fill="#fa5a28"/><rect x="308.61" y="498.42" width="29.98" height="23.63" transform="translate(-255.67 -108.38) rotate(-12.6)" fill="url(#666bb7d3-84d0-4835-ad07-c313c2384f21)"/><rect x="309.83" y="499.96" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -255.56, -108.32)" fill="#fa5a28"/><rect x="317.12" y="532.57" width="28.22" height="19.56" transform="translate(-262.49 -105.94) rotate(-12.6)" fill="#ff5252"/><rect x="324.41" y="565.18" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -269.43, -103.57)" fill="#ff9800"/><rect x="380.57" y="465.95" width="227.49" height="11.41" transform="translate(-243.14 -72.07) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="387.86" y="498.56" width="227.49" height="11.41" transform="translate(-250.08 -69.69) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="395.15" y="531.17" width="227.49" height="11.41" transform="translate(-257.02 -67.32) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="170.07" y="18.48" width="568" height="24" fill="#f5f5f5"/><rect x="159.07" y="10.48" width="592" height="454" fill="url(#59939605-05af-4a9a-9980-f700897f3f8b)"/><rect x="170.07" y="42.48" width="568" height="414" fill="#fff"/><circle cx="183.94" cy="30.48" r="5.87" fill="#ff5252"/><circle cx="200.07" cy="30.48" r="5.87" fill="#ff0"/><circle cx="216.2" cy="30.48" r="5.87" fill="#69f0ae"/><rect x="194.07" y="79.48" width="510" height="150" fill="url(#6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13)"/><rect x="200.07" y="85.48" width="499" height="139" fill="#fa5a28"/><rect x="281.07" y="287.48" width="34" height="29" fill="url(#45b0c09d-2995-447e-8cb2-7f6b59b5e20c)"/><rect x="282.57" y="289.48" width="32" height="24" fill="#fa5a28"/><rect x="282.57" y="330.48" width="32" height="24" fill="#ff5252"/><rect x="282.57" y="371.48" width="32" height="24" fill="#ff9800"/><rect x="367.57" y="294.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="335.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="376.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="364.07" y="364.48" width="186" height="153" fill="url(#e5b0a96a-81f6-4370-afe3-5a7d6a35b55e)"/><path d="M559.15,531.41a52.08,52.08,0,0,1,104.17,0v33.33H677.9V531.41a66.67,66.67,0,1,0-133.33,0v33.33h14.58Z" transform="translate(-152.16 -191.26)" fill="url(#a1850e5a-cf77-4889-926a-0125112ab273)"/><path d="M561.23,530.74a50,50,0,0,1,100,0v32h14v-32a64,64,0,0,0-128,0v32h14Z" transform="translate(-152.16 -191.26)" fill="#fff"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fa5a28"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fff"/><rect x="372.07" y="397.48" width="174" height="86" fill="#fa5a28"/><path d="M624,615.5a12.76,12.76,0,1,0-22,8.74v27.22a9.28,9.28,0,0,0,18.56,0V624.24A12.7,12.7,0,0,0,624,615.5Z" transform="translate(-152.16 -191.26)" fill="url(#66998849-614e-4d8a-b9ff-f14bbc588ed8)"/><path d="M622.23,617.74a11,11,0,1,0-19,7.53v23.47a8,8,0,1,0,16,0V625.27A11,11,0,0,0,622.23,617.74Z" transform="translate(-152.16 -191.26)" opacity="0.2"/></svg>

package/components/NotAuthorizedError/index.d.ts

@@ -0,0 +1 @@
+export { NotAuthorizedError } from "./NotAuthorizedError.js";

package/components/NotAuthorizedError/index.js

@@ -0,0 +1,3 @@
+export { NotAuthorizedError } from "./NotAuthorizedError.js";
+
+//# sourceMappingURL=index.js.map

package/components/NotAuthorizedError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NotAuthorizedError"],"sources":["index.ts"],"sourcesContent":["export { NotAuthorizedError } from \"./NotAuthorizedError.js\";\n"],"mappings":"AAAA,SAASA,kBAAkB","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.js";
+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.js\";\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

@@ -1,4 +1,5 @@
-import React, { HTMLAttributeAnchorTarget } from "react";
+import type { HTMLAttributeAnchorTarget } from "react";
+import React from "react";
 export interface OptionsMenuLinkProps {
     disabled?: boolean;
     icon: React.ReactElement;
@@ -6,5 +7,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 type { HTMLAttributeAnchorTarget } from \"react\";\nimport React 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":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,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.d.ts

@@ -1,4 +1,4 @@
-export * from "./OptionsMenu";
-export * from "./OptionsMenuItem";
-export * from "./OptionsMenuLink";
-export { useOptionsMenuItem } from "./useOptionsMenuItem";
+export * from "./OptionsMenu.js";
+export * from "./OptionsMenuItem.js";
+export * from "./OptionsMenuLink.js";
+export { useOptionsMenuItem } from "./useOptionsMenuItem.js";

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.js";
+export * from "./OptionsMenuItem.js";
+export * from "./OptionsMenuLink.js";
+export { useOptionsMenuItem } from "./useOptionsMenuItem.js";
 
 //# 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.js\";\nexport * from \"./OptionsMenuItem.js\";\nexport * from \"./OptionsMenuLink.js\";\nexport { useOptionsMenuItem } from \"./useOptionsMenuItem.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,kBAAkB","ignoreList":[]}

package/components/OptionsMenu/useOptionsMenuItem.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { OptionsMenuItem } from "./OptionsMenuItem";
-import { OptionsMenuLink } from "./OptionsMenuLink";
+import { OptionsMenuItem } from "./OptionsMenuItem.js";
+import { OptionsMenuLink } from "./OptionsMenuLink.js";
 export interface OptionsMenuItemProviderContext {
     OptionsMenuItem: typeof OptionsMenuItem;
     OptionsMenuLink: typeof OptionsMenuLink;