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

package/components/IconPicker/config/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactProperties","_IconPackProvider","_IconType","_iconsPlugin","_emojisPlugin","_customPlugin","_app","_Emojis","_FontAwesomeIcons","base","createConfigurableComponent","IconPickerConfig","exports","Object","assign","Config","IconPack","IconType","IconPickerWithConfig","WithConfig","IconPickerConfigProvider","createProvider","Original","_ref","children","default","createElement","IconPackProvider","name","loader","_classCallCheck2","_createClass2","key","value","getIcons","useIconPickerConfig","config","useConfig","iconPackProviders","useMemo","iconTypes","map","provider","load","DefaultIcons","Fragment","SimpleIconPlugin","EmojiPlugin","CustomIconPlugin","Emojis","FontAwesomeIcons"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { IconPackProvider as IconPack } from \"./IconPackProvider\";\nimport { IconType } from \"./IconType\";\nimport { SimpleIconPlugin } from \"../plugins/iconsPlugin\";\nimport { EmojiPlugin } from \"../plugins/emojisPlugin\";\nimport { CustomIconPlugin } from \"../plugins/customPlugin\";\nimport { Icon } from \"../types\";\nimport { createProvider } from \"@webiny/app\";\nimport { Emojis } from \"./Emojis\";\nimport { FontAwesomeIcons } from \"./FontAwesomeIcons\";\n\nconst base = createConfigurableComponent<IconPickerConfig>(\"IconPicker\");\n\nexport const IconPickerConfig = Object.assign(base.Config, { IconPack, IconType });\nexport const IconPickerWithConfig = base.WithConfig;\n\nexport const IconPickerConfigProvider = createProvider(Original => {\n    return function IconPickerConfigProvider({ children }) {\n        return (\n            <IconPickerWithConfig>\n                <Original>{children}</Original>\n            </IconPickerWithConfig>\n        );\n    };\n});\n\nexport interface IconPackLoader {\n    (): Promise<Icon[]>;\n}\n\ninterface IconTypeInterface {\n    name: string;\n}\n\nexport { IconTypeInterface as IconType };\n\ninterface IconPickerConfig {\n    iconTypes: IconTypeInterface[];\n    iconPackProviders: {\n        name: string;\n        load: IconPackLoader;\n    }[];\n}\n\nexport interface IconPackProviderInterface {\n    name: string;\n    getIcons(): Promise<Icon[]>;\n}\n\nclass IconPackProvider implements IconPackProviderInterface {\n    public readonly name: string;\n    private readonly loader: IconPackLoader;\n\n    constructor(name: string, loader: IconPackLoader) {\n        this.name = name;\n        this.loader = loader;\n    }\n\n    getIcons(): Promise<Icon[]> {\n        return this.loader();\n    }\n}\n\nexport function useIconPickerConfig() {\n    const config = base.useConfig();\n\n    const iconPackProviders = config.iconPackProviders || [];\n\n    return useMemo(\n        () => ({\n            iconTypes: config.iconTypes || [],\n            iconPackProviders: iconPackProviders.map(\n                provider => new IconPackProvider(provider.name, provider.load)\n            )\n        }),\n        [config]\n    );\n}\n\nexport const DefaultIcons = () => {\n    return (\n        <>\n            <SimpleIconPlugin />\n            <EmojiPlugin />\n            <CustomIconPlugin />\n            <Emojis />\n            <FontAwesomeIcons />\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","createConfigurableComponent","IconPackProvider","IconPack","IconType","SimpleIconPlugin","EmojiPlugin","CustomIconPlugin","createProvider","Emojis","FontAwesomeIcons","base","IconPickerConfig","Object","assign","Config","IconPickerWithConfig","WithConfig","IconPickerConfigProvider","Original","children","createElement","constructor","name","loader","getIcons","useIconPickerConfig","config","useConfig","iconPackProviders","iconTypes","map","provider","load","DefaultIcons","Fragment"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { IconPackProvider as IconPack } from \"./IconPackProvider\";\nimport { IconType } from \"./IconType\";\nimport { SimpleIconPlugin } from \"../plugins/iconsPlugin\";\nimport { EmojiPlugin } from \"../plugins/emojisPlugin\";\nimport { CustomIconPlugin } from \"../plugins/customPlugin\";\nimport { Icon } from \"../types\";\nimport { createProvider } from \"@webiny/app\";\nimport { Emojis } from \"./Emojis\";\nimport { FontAwesomeIcons } from \"./FontAwesomeIcons\";\n\nconst base = createConfigurableComponent<IconPickerConfig>(\"IconPicker\");\n\nexport const IconPickerConfig = Object.assign(base.Config, { IconPack, IconType });\nexport const IconPickerWithConfig = base.WithConfig;\n\nexport const IconPickerConfigProvider = createProvider(Original => {\n    return function IconPickerConfigProvider({ children }) {\n        return (\n            <IconPickerWithConfig>\n                <Original>{children}</Original>\n            </IconPickerWithConfig>\n        );\n    };\n});\n\nexport interface IconPackLoader {\n    (): Promise<Icon[]>;\n}\n\ninterface IconTypeInterface {\n    name: string;\n}\n\nexport { IconTypeInterface as IconType };\n\ninterface IconPickerConfig {\n    iconTypes: IconTypeInterface[];\n    iconPackProviders: {\n        name: string;\n        load: IconPackLoader;\n    }[];\n}\n\nexport interface IconPackProviderInterface {\n    name: string;\n    getIcons(): Promise<Icon[]>;\n}\n\nclass IconPackProvider implements IconPackProviderInterface {\n    public readonly name: string;\n    private readonly loader: IconPackLoader;\n\n    constructor(name: string, loader: IconPackLoader) {\n        this.name = name;\n        this.loader = loader;\n    }\n\n    getIcons(): Promise<Icon[]> {\n        return this.loader();\n    }\n}\n\nexport function useIconPickerConfig() {\n    const config = base.useConfig();\n\n    const iconPackProviders = config.iconPackProviders || [];\n\n    return useMemo(\n        () => ({\n            iconTypes: config.iconTypes || [],\n            iconPackProviders: iconPackProviders.map(\n                provider => new IconPackProvider(provider.name, provider.load)\n            )\n        }),\n        [config]\n    );\n}\n\nexport const DefaultIcons = () => {\n    return (\n        <>\n            <SimpleIconPlugin />\n            <EmojiPlugin />\n            <CustomIconPlugin />\n            <Emojis />\n            <FontAwesomeIcons />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,2BAA2B,QAAQ,0BAA0B;AACtE,SAASC,gBAAgB,IAAIC,QAAQ;AACrC,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AACzB,SAASC,WAAW;AACpB,SAASC,gBAAgB;AAEzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,MAAM;AACf,SAASC,gBAAgB;AAEzB,MAAMC,IAAI,GAAGV,2BAA2B,CAAmB,YAAY,CAAC;AAExE,OAAO,MAAMW,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,MAAM,EAAE;EAAEZ,QAAQ;EAAEC;AAAS,CAAC,CAAC;AAClF,OAAO,MAAMY,oBAAoB,GAAGL,IAAI,CAACM,UAAU;AAEnD,OAAO,MAAMC,wBAAwB,GAAGV,cAAc,CAACW,QAAQ,IAAI;EAC/D,OAAO,SAASD,wBAAwBA,CAAC;IAAEE;EAAS,CAAC,EAAE;IACnD,oBACIrB,KAAA,CAAAsB,aAAA,CAACL,oBAAoB,qBACjBjB,KAAA,CAAAsB,aAAA,CAACF,QAAQ,QAAEC,QAAmB,CACZ,CAAC;EAE/B,CAAC;AACL,CAAC,CAAC;AAyBF,MAAMlB,gBAAgB,CAAsC;EAIxDoB,WAAWA,CAACC,IAAY,EAAEC,MAAsB,EAAE;IAC9C,IAAI,CAACD,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,MAAM,GAAGA,MAAM;EACxB;EAEAC,QAAQA,CAAA,EAAoB;IACxB,OAAO,IAAI,CAACD,MAAM,CAAC,CAAC;EACxB;AACJ;AAEA,OAAO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,MAAM,GAAGhB,IAAI,CAACiB,SAAS,CAAC,CAAC;EAE/B,MAAMC,iBAAiB,GAAGF,MAAM,CAACE,iBAAiB,IAAI,EAAE;EAExD,OAAO7B,OAAO,CACV,OAAO;IACH8B,SAAS,EAAEH,MAAM,CAACG,SAAS,IAAI,EAAE;IACjCD,iBAAiB,EAAEA,iBAAiB,CAACE,GAAG,CACpCC,QAAQ,IAAI,IAAI9B,gBAAgB,CAAC8B,QAAQ,CAACT,IAAI,EAAES,QAAQ,CAACC,IAAI,CACjE;EACJ,CAAC,CAAC,EACF,CAACN,MAAM,CACX,CAAC;AACL;AAEA,OAAO,MAAMO,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACInC,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAoC,QAAA,qBACIpC,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,MAAE,CAAC,eACpBN,KAAA,CAAAsB,aAAA,CAACf,WAAW,MAAE,CAAC,eACfP,KAAA,CAAAsB,aAAA,CAACd,gBAAgB,MAAE,CAAC,eACpBR,KAAA,CAAAsB,aAAA,CAACZ,MAAM,MAAE,CAAC,eACVV,KAAA,CAAAsB,aAAA,CAACX,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/IconPicker/defaultIcon.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultIcon = void 0;
-var defaultIcon = exports.defaultIcon = {
+export const defaultIcon = {
   type: "icon",
   name: "regular_star",
   value: '<path fill="currentColor" d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3l153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4L459.8 484c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6l68.6-141.3C270.4 5.2 278.7 0 287.9 0zm0 79l-52.5 108.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9l85.9 85.1c5.5 5.5 8.1 13.3 6.8 21l-20.3 119.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2l-20.2-119.6c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1l-118.3-17.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/>',

package/components/IconPicker/defaultIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultIcon","exports","type","name","value","width"],"sources":["defaultIcon.ts"],"sourcesContent":["export const defaultIcon = {\n    type: \"icon\",\n    name: \"regular_star\",\n    value: '<path fill=\"currentColor\" d=\"M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3l153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4L459.8 484c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6l68.6-141.3C270.4 5.2 278.7 0 287.9 0zm0 79l-52.5 108.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9l85.9 85.1c5.5 5.5 8.1 13.3 6.8 21l-20.3 119.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2l-20.2-119.6c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1l-118.3-17.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z\"/>',\n    width: 576\n};\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACvBE,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE,+mBAA+mB;EACtnBC,KAAK,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["defaultIcon","type","name","value","width"],"sources":["defaultIcon.ts"],"sourcesContent":["export const defaultIcon = {\n    type: \"icon\",\n    name: \"regular_star\",\n    value: '<path fill=\"currentColor\" d=\"M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3l153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4L459.8 484c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6l68.6-141.3C270.4 5.2 278.7 0 287.9 0zm0 79l-52.5 108.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9l85.9 85.1c5.5 5.5 8.1 13.3 6.8 21l-20.3 119.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2l-20.2-119.6c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1l-118.3-17.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z\"/>',\n    width: 576\n};\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG;EACvBC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE,+mBAA+mB;EACtnBC,KAAK,EAAE;AACX,CAAC","ignoreList":[]}

package/components/IconPicker/index.js

@@ -1,49 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconPicker", {
-  enumerable: true,
-  get: function get() {
-    return _IconPicker.IconPicker;
-  }
-});
-Object.defineProperty(exports, "IconPickerConfig", {
-  enumerable: true,
-  get: function get() {
-    return _config.IconPickerConfig;
-  }
-});
-Object.defineProperty(exports, "defaultIcon", {
-  enumerable: true,
-  get: function get() {
-    return _defaultIcon.defaultIcon;
-  }
-});
-Object.defineProperty(exports, "useIcon", {
-  enumerable: true,
-  get: function get() {
-    return _IconRenderer.useIcon;
-  }
-});
-Object.defineProperty(exports, "useIconPicker", {
-  enumerable: true,
-  get: function get() {
-    return _IconPickerPresenterProvider.useIconPicker;
-  }
-});
-Object.defineProperty(exports, "useIconType", {
-  enumerable: true,
-  get: function get() {
-    return _IconType.useIconType;
-  }
-});
-var _IconPicker = require("./IconPicker");
-var _config = require("./config");
-var _IconRenderer = require("./IconRenderer");
-var _IconPickerPresenterProvider = require("./IconPickerPresenterProvider");
-var _IconType = require("./config/IconType");
-var _defaultIcon = require("./defaultIcon");
+export { IconPicker } from "./IconPicker";
+export { IconPickerConfig } from "./config";
+export { useIcon } from "./IconRenderer";
+export { useIconPicker } from "./IconPickerPresenterProvider";
+export { useIconType } from "./config/IconType";
+export { defaultIcon } from "./defaultIcon";
 
 //# sourceMappingURL=index.js.map

package/components/IconPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_IconPicker","require","_config","_IconRenderer","_IconPickerPresenterProvider","_IconType","_defaultIcon"],"sources":["index.tsx"],"sourcesContent":["export { IconPicker } from \"./IconPicker\";\nexport { IconPickerConfig } from \"./config\";\nexport { useIcon } from \"./IconRenderer\";\nexport { useIconPicker } from \"./IconPickerPresenterProvider\";\nexport { useIconType } from \"./config/IconType\";\nexport { defaultIcon } from \"./defaultIcon\";\nexport type { Icon } from \"./types\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA","ignoreList":[]}
+{"version":3,"names":["IconPicker","IconPickerConfig","useIcon","useIconPicker","useIconType","defaultIcon"],"sources":["index.tsx"],"sourcesContent":["export { IconPicker } from \"./IconPicker\";\nexport { IconPickerConfig } from \"./config\";\nexport { useIcon } from \"./IconRenderer\";\nexport { useIconPicker } from \"./IconPickerPresenterProvider\";\nexport { useIconType } from \"./config/IconType\";\nexport { defaultIcon } from \"./defaultIcon\";\nexport type { Icon } from \"./types\";\n"],"mappings":"AAAA,SAASA,UAAU;AACnB,SAASC,gBAAgB;AACzB,SAASC,OAAO;AAChB,SAASC,aAAa;AACtB,SAASC,WAAW;AACpB,SAASC,WAAW","ignoreList":[]}

package/components/IconPicker/plugins/customPlugin.js

@@ -1,38 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomIconPlugin = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _reactHooks = require("@apollo/react-hooks");
-var _mobxReactLite = require("mobx-react-lite");
-var _Button = require("@webiny/ui/Button");
-var _FileManager = require("../../../base/ui/FileManager");
-var _IconPickerTab = require("../IconPickerTab");
-var _ = require("..");
-var _IconPickerPresenterProvider = require("../IconPickerPresenterProvider");
-var _config = require("../config");
-var _graphql = require("./graphql");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var AddButton = /*#__PURE__*/(0, _base.default)(_Button.ButtonSecondary, process.env.NODE_ENV === "production" ? {
-  target: "ecisavg0"
-} : {
-  target: "ecisavg0",
-  label: "AddButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1eeskvi",
-  styles: "&.mdc-button{height:40px;}"
-} : {
-  name: "1eeskvi",
-  styles: "&.mdc-button{height:40px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbVBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlDIiwiZmlsZSI6ImN1c3RvbVBsdWdpbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VBcG9sbG9DbGllbnQgfSBmcm9tIFwiQGFwb2xsby9yZWFjdC1ob29rc1wiO1xuaW1wb3J0IHsgb2JzZXJ2ZXIgfSBmcm9tIFwibW9ieC1yZWFjdC1saXRlXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnV0dG9uU2Vjb25kYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5cbmltcG9ydCB7IEZpbGVNYW5hZ2VyLCBGaWxlTWFuYWdlckZpbGVJdGVtIH0gZnJvbSBcIn4vYmFzZS91aS9GaWxlTWFuYWdlclwiO1xuaW1wb3J0IHsgSWNvblBpY2tlclRhYiB9IGZyb20gXCIuLi9JY29uUGlja2VyVGFiXCI7XG5pbXBvcnQgeyB1c2VJY29uIH0gZnJvbSBcIi4uXCI7XG5pbXBvcnQgeyB1c2VJY29uUGlja2VyIH0gZnJvbSBcIi4uL0ljb25QaWNrZXJQcmVzZW50ZXJQcm92aWRlclwiO1xuaW1wb3J0IHsgSWNvblBpY2tlckNvbmZpZyB9IGZyb20gXCIuLi9jb25maWdcIjtcbmltcG9ydCB7IExpc3RDdXN0b21JY29uc1F1ZXJ5UmVzcG9uc2UsIExJU1RfQ1VTVE9NX0lDT05TIH0gZnJvbSBcIi4vZ3JhcGhxbFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5jb25zdCBBZGRCdXR0b24gPSBzdHlsZWQoQnV0dG9uU2Vjb25kYXJ5KWBcbiAgICAmLm1kYy1idXR0b24ge1xuICAgICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgfVxuYDtcblxuLyoqXG4gKiBOT1RFOiBBdm9pZCB1c2luZyBgQGVtb3Rpb24vc3R5bGVkYCBpbiBpY29uIHJlbmRlcmVyIGNvbXBvbmVudHMgYWNyb3NzIGFsbCBwbHVnaW5zLlxuICogVGhpcyBpcyBjcnVjaWFsIGZvciBzZXJpYWxpemluZyBjb21wb25lbnQgcmVuZGVyaW5nIGludG8gYSBzdHJpbmcgdmFsdWUgYXMgcGxhaW4gSFRNTCxcbiAqIHdoaWNoIGlzIG5lY2Vzc2FyeSBmb3IgdXNhZ2UgaW4gdGhlIHdlYnNpdGUgYXBwbGljYXRpb24uIFBsZWFzZSB1c2UgaW5saW5lIHN0eWxlcyBoZXJlXG4gKiB0byBlbnN1cmUgcHJvcGVyIHNlcmlhbGl6YXRpb24uXG4gKi9cblxuY29uc3QgQ3VzdG9tSWNvbiA9ICgpID0+IHtcbiAgICBjb25zdCB7IGljb24sIHNpemUgfSA9IHVzZUljb248SWNvbj4oKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxpbWdcbiAgICAgICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICAgICAgaGVpZ2h0PXtzaXplfVxuICAgICAgICAgICAgc3JjPXtpY29uLnZhbHVlfVxuICAgICAgICAgICAgYWx0PXtpY29uLm5hbWV9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbiAgICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBJY29uRmlsZVBpY2tlclByb3BzIHtcbiAgICBvblVwbG9hZDogKGZpbGU6IEZpbGVNYW5hZ2VyRmlsZUl0ZW0pID0+IHZvaWQ7XG4gICAgb25DaGFuZ2U6IChmaWxlOiBGaWxlTWFuYWdlckZpbGVJdGVtKSA9PiB2b2lkO1xufVxuXG5jb25zdCBJY29uRmlsZVBpY2tlciA9ICh7IG9uVXBsb2FkLCBvbkNoYW5nZSB9OiBJY29uRmlsZVBpY2tlclByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpbGVNYW5hZ2VyXG4gICAgICAgICAgICBvblVwbG9hZENvbXBsZXRpb249eyhbZmlsZV0pID0+IHtcbiAgICAgICAgICAgICAgICBvblVwbG9hZChmaWxlKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBzY29wZT1cInNjb3BlOmljb25QaWNrZXJcIlxuICAgICAgICAgICAgYWNjZXB0PXtbXCJpbWFnZS9zdmcreG1sXCJdfVxuICAgICAgICA+XG4gICAgICAgICAgICB7KHsgc2hvd0ZpbGVNYW5hZ2VyIH0pID0+IChcbiAgICAgICAgICAgICAgICA8QWRkQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWxlTWFuYWdlcigpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgQnJvd3NlXG4gICAgICAgICAgICAgICAgPC9BZGRCdXR0b24+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L0ZpbGVNYW5hZ2VyPlxuICAgICk7XG59O1xuXG5mdW5jdGlvbiBnZXROYW1lT3JJZChmaWxlOiBGaWxlTWFuYWdlckZpbGVJdGVtKTogc3RyaW5nIHtcbiAgICBjb25zdCBuYW1lID0gKGZpbGUubWV0YSB8fCBbXSkuZmluZChvYmogPT4gb2JqLmtleSA9PT0gXCJuYW1lXCIpO1xuXG4gICAgcmV0dXJuIG5hbWUgPyBuYW1lLnZhbHVlIDogZmlsZS5pZDtcbn1cblxuY29uc3QgQ3VzdG9tSWNvblRhYiA9IG9ic2VydmVyKCgpID0+IHtcbiAgICBjb25zdCBwcmVzZW50ZXIgPSB1c2VJY29uUGlja2VyKCk7XG5cbiAgICBjb25zdCBvbkljb25TZWxlY3QgPSAoaWNvbjogSWNvbikgPT4ge1xuICAgICAgICBwcmVzZW50ZXIuc2V0SWNvbihpY29uKTtcbiAgICAgICAgcHJlc2VudGVyLmNsb3NlTWVudSgpO1xuICAgIH07XG5cbiAgICBjb25zdCBvbkljb25GaWxlU2VsZWN0ID0gKGZpbGU6IEZpbGVNYW5hZ2VyRmlsZUl0ZW0pID0+IHtcbiAgICAgICAgY29uc3QgbmFtZSA9IGdldE5hbWVPcklkKGZpbGUpO1xuXG4gICAgICAgIHByZXNlbnRlci5zZXRJY29uKHtcbiAgICAgICAgICAgIHR5cGU6IFwiY3VzdG9tXCIsXG4gICAgICAgICAgICBuYW1lLFxuICAgICAgICAgICAgdmFsdWU6IGZpbGUuc3JjXG4gICAgICAgIH0pO1xuICAgICAgICBwcmVzZW50ZXIuY2xvc2VNZW51KCk7XG4gICAgfTtcblxuICAgIGNvbnN0IG9uSWNvbkZpbGVVcGxvYWQgPSAoZmlsZTogRmlsZU1hbmFnZXJGaWxlSXRlbSkgPT4ge1xuICAgICAgICBjb25zdCBuYW1lID0gZ2V0TmFtZU9ySWQoZmlsZSk7XG5cbiAgICAgICAgY29uc3QgaWNvbiA9IHtcbiAgICAgICAgICAgIHR5cGU6IFwiY3VzdG9tXCIsXG4gICAgICAgICAgICBuYW1lLFxuICAgICAgICAgICAgdmFsdWU6IGZpbGUuc3JjXG4gICAgICAgIH07XG5cbiAgICAgICAgcHJlc2VudGVyLmFkZEljb24oaWNvbik7XG4gICAgICAgIHByZXNlbnRlci5zZXRJY29uKGljb24pO1xuICAgICAgICBwcmVzZW50ZXIuY2xvc2VNZW51KCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJY29uUGlja2VyVGFiXG4gICAgICAgICAgICBsYWJlbD17XCJDdXN0b21cIn1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkljb25TZWxlY3R9XG4gICAgICAgICAgICBhY3Rpb25zPXs8SWNvbkZpbGVQaWNrZXIgb25DaGFuZ2U9e29uSWNvbkZpbGVTZWxlY3R9IG9uVXBsb2FkPXtvbkljb25GaWxlVXBsb2FkfSAvPn1cbiAgICAgICAgLz5cbiAgICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBDdXN0b21JY29uUGx1Z2luID0gKCkgPT4ge1xuICAgIGNvbnN0IGNsaWVudCA9IHVzZUFwb2xsb0NsaWVudCgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEljb25QaWNrZXJDb25maWc+XG4gICAgICAgICAgICA8SWNvblBpY2tlckNvbmZpZy5JY29uUGFja1xuICAgICAgICAgICAgICAgIG5hbWU9XCJjdXN0b21cIlxuICAgICAgICAgICAgICAgIHByb3ZpZGVyPXthc3luYyAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YTogcmVzcG9uc2UgfSA9IGF3YWl0IGNsaWVudC5xdWVyeTxMaXN0Q3VzdG9tSWNvbnNRdWVyeVJlc3BvbnNlPih7XG4gICAgICAgICAgICAgICAgICAgICAgICBxdWVyeTogTElTVF9DVVNUT01fSUNPTlMsXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsaW1pdDogMTAwMDBcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKCFyZXNwb25zZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiTmV0d29yayBlcnJvciB3aGlsZSBsaXN0aW5nIGN1c3RvbSBpY29ucy5cIik7XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGRhdGEsIGVycm9yIH0gPSByZXNwb25zZS5maWxlTWFuYWdlci5saXN0RmlsZXM7XG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKCFkYXRhKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoZXJyb3I/Lm1lc3NhZ2UgfHwgXCJDb3VsZCBub3QgZmV0Y2ggY3VzdG9tIGljb25zLlwiKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBkYXRhLm1hcChjdXN0b21JY29uID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBcImN1c3RvbVwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTogY3VzdG9tSWNvbi5uYW1lLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IGN1c3RvbUljb24uc3JjXG4gICAgICAgICAgICAgICAgICAgIH0pKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxJY29uUGlja2VyQ29uZmlnLkljb25UeXBlIG5hbWU9e1wiY3VzdG9tXCJ9PlxuICAgICAgICAgICAgICAgIDxJY29uUGlja2VyQ29uZmlnLkljb25UeXBlLkljb24gZWxlbWVudD17PEN1c3RvbUljb24gLz59IC8+XG4gICAgICAgICAgICAgICAgPEljb25QaWNrZXJDb25maWcuSWNvblR5cGUuVGFiIGVsZW1lbnQ9ezxDdXN0b21JY29uVGFiIC8+fSAvPlxuICAgICAgICAgICAgPC9JY29uUGlja2VyQ29uZmlnLkljb25UeXBlPlxuICAgICAgICA8L0ljb25QaWNrZXJDb25maWc+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
+import React from "react";
+import { useApolloClient } from "@apollo/react-hooks";
+import { observer } from "mobx-react-lite";
+import { Button } from "@webiny/admin-ui";
+import { FileManager } from "../../../base/ui/FileManager";
+import { IconPickerTab } from "../IconPickerTab";
+import { useIcon } from "..";
+import { useIconPicker } from "../IconPickerPresenterProvider";
+import { IconPickerConfig } from "../config";
+import { LIST_CUSTOM_ICONS } from "./graphql";
 /**
  * NOTE: Avoid using `@emotion/styled` in icon renderer components across all plugins.
  * This is crucial for serializing component rendering into a string value as plain HTML,
@@ -40,11 +15,12 @@ var AddButton = /*#__PURE__*/(0, _base.default)(_Button.ButtonSecondary, process
  * to ensure proper serialization.
  */
 
-var CustomIcon = function CustomIcon() {
-  var _useIcon = (0, _.useIcon)(),
-    icon = _useIcon.icon,
-    size = _useIcon.size;
-  return /*#__PURE__*/_react.default.createElement("img", {
+const CustomIcon = () => {
+  const {
+    icon,
+    size
+  } = useIcon();
+  return /*#__PURE__*/React.createElement("img", {
     width: size,
     height: size,
     src: icon.value,
@@ -54,103 +30,102 @@ var CustomIcon = function CustomIcon() {
     }
   });
 };
-var IconFilePicker = function IconFilePicker(_ref) {
-  var onUpload = _ref.onUpload,
-    onChange = _ref.onChange;
-  return /*#__PURE__*/_react.default.createElement(_FileManager.FileManager, {
-    onUploadCompletion: function onUploadCompletion(_ref2) {
-      var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
-        file = _ref3[0];
+const IconFilePicker = ({
+  onUpload,
+  onChange
+}) => {
+  return /*#__PURE__*/React.createElement(FileManager, {
+    onUploadCompletion: ([file]) => {
       onUpload(file);
     },
     onChange: onChange,
     scope: "scope:iconPicker",
     accept: ["image/svg+xml"]
-  }, function (_ref4) {
-    var showFileManager = _ref4.showFileManager;
-    return /*#__PURE__*/_react.default.createElement(AddButton, {
-      onClick: function onClick() {
-        showFileManager();
-      }
-    }, "Browse");
-  });
+  }, ({
+    showFileManager
+  }) => /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    text: "Browse",
+    onClick: () => {
+      showFileManager();
+    }
+  }));
 };
 function getNameOrId(file) {
-  var name = (file.meta || []).find(function (obj) {
-    return obj.key === "name";
-  });
+  const name = (file.meta || []).find(obj => obj.key === "name");
   return name ? name.value : file.id;
 }
-var CustomIconTab = (0, _mobxReactLite.observer)(function () {
-  var presenter = (0, _IconPickerPresenterProvider.useIconPicker)();
-  var onIconSelect = function onIconSelect(icon) {
+const CustomIconTab = observer(() => {
+  const presenter = useIconPicker();
+  const onIconSelect = icon => {
     presenter.setIcon(icon);
     presenter.closeMenu();
   };
-  var onIconFileSelect = function onIconFileSelect(file) {
-    var name = getNameOrId(file);
+  const onIconFileSelect = file => {
+    const name = getNameOrId(file);
     presenter.setIcon({
       type: "custom",
-      name: name,
+      name,
       value: file.src
     });
     presenter.closeMenu();
   };
-  var onIconFileUpload = function onIconFileUpload(file) {
-    var name = getNameOrId(file);
-    var icon = {
+  const onIconFileUpload = file => {
+    const name = getNameOrId(file);
+    const icon = {
       type: "custom",
-      name: name,
+      name,
       value: file.src
     };
     presenter.addIcon(icon);
     presenter.setIcon(icon);
     presenter.closeMenu();
   };
-  return /*#__PURE__*/_react.default.createElement(_IconPickerTab.IconPickerTab, {
+  return /*#__PURE__*/React.createElement(IconPickerTab, {
+    value: "custom",
     label: "Custom",
     onChange: onIconSelect,
-    actions: /*#__PURE__*/_react.default.createElement(IconFilePicker, {
+    actions: /*#__PURE__*/React.createElement(IconFilePicker, {
       onChange: onIconFileSelect,
       onUpload: onIconFileUpload
     })
   });
 });
-var CustomIconPlugin = exports.CustomIconPlugin = function CustomIconPlugin() {
-  var client = (0, _reactHooks.useApolloClient)();
-  return /*#__PURE__*/_react.default.createElement(_config.IconPickerConfig, null, /*#__PURE__*/_react.default.createElement(_config.IconPickerConfig.IconPack, {
+export const CustomIconPlugin = () => {
+  const client = useApolloClient();
+  return /*#__PURE__*/React.createElement(IconPickerConfig, null, /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
     name: "custom",
-    provider: async function provider() {
-      var _await$client$query = await client.query({
-          query: _graphql.LIST_CUSTOM_ICONS,
-          variables: {
-            limit: 10000
-          }
-        }),
-        response = _await$client$query.data;
+    provider: async () => {
+      const {
+        data: response
+      } = await client.query({
+        query: LIST_CUSTOM_ICONS,
+        variables: {
+          limit: 10000
+        }
+      });
       if (!response) {
         throw new Error("Network error while listing custom icons.");
       }
-      var _response$fileManager = response.fileManager.listFiles,
-        data = _response$fileManager.data,
-        error = _response$fileManager.error;
+      const {
+        data,
+        error
+      } = response.fileManager.listFiles;
       if (!data) {
         throw new Error(error?.message || "Could not fetch custom icons.");
       }
-      return data.map(function (customIcon) {
-        return {
-          type: "custom",
-          name: customIcon.name,
-          value: customIcon.src
-        };
-      });
+      return data.map(customIcon => ({
+        type: "custom",
+        name: customIcon.name,
+        value: customIcon.src
+      }));
     }
-  }), /*#__PURE__*/_react.default.createElement(_config.IconPickerConfig.IconType, {
+  }), /*#__PURE__*/React.createElement(IconPickerConfig.IconType, {
     name: "custom"
-  }, /*#__PURE__*/_react.default.createElement(_config.IconPickerConfig.IconType.Icon, {
-    element: /*#__PURE__*/_react.default.createElement(CustomIcon, null)
-  }), /*#__PURE__*/_react.default.createElement(_config.IconPickerConfig.IconType.Tab, {
-    element: /*#__PURE__*/_react.default.createElement(CustomIconTab, null)
+  }, /*#__PURE__*/React.createElement(IconPickerConfig.IconType.Icon, {
+    element: /*#__PURE__*/React.createElement(CustomIcon, null)
+  }), /*#__PURE__*/React.createElement(IconPickerConfig.IconType.Tab, {
+    element: /*#__PURE__*/React.createElement(CustomIconTab, null)
   })));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactHooks","_mobxReactLite","_Button","_FileManager","_IconPickerTab","_","_IconPickerPresenterProvider","_config","_graphql","_EMOTION_STRINGIFIED_CSS_ERROR__","AddButton","_base","default","ButtonSecondary","process","env","NODE_ENV","target","label","name","styles","map","toString","CustomIcon","_useIcon","useIcon","icon","size","createElement","width","height","src","value","alt","style","verticalAlign","IconFilePicker","_ref","onUpload","onChange","FileManager","onUploadCompletion","_ref2","_ref3","_slicedToArray2","file","scope","accept","_ref4","showFileManager","onClick","getNameOrId","meta","find","obj","key","id","CustomIconTab","observer","presenter","useIconPicker","onIconSelect","setIcon","closeMenu","onIconFileSelect","type","onIconFileUpload","addIcon","IconPickerTab","actions","CustomIconPlugin","exports","client","useApolloClient","IconPickerConfig","IconPack","provider","_await$client$query","query","LIST_CUSTOM_ICONS","variables","limit","response","data","Error","_response$fileManager","fileManager","listFiles","error","message","customIcon","IconType","Icon","element","Tab"],"sources":["customPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { observer } from \"mobx-react-lite\";\nimport styled from \"@emotion/styled\";\n\nimport { ButtonSecondary } from \"@webiny/ui/Button\";\n\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { IconPickerTab } from \"../IconPickerTab\";\nimport { useIcon } from \"..\";\nimport { useIconPicker } from \"../IconPickerPresenterProvider\";\nimport { IconPickerConfig } from \"../config\";\nimport { ListCustomIconsQueryResponse, LIST_CUSTOM_ICONS } from \"./graphql\";\nimport { Icon } from \"../types\";\n\nconst AddButton = styled(ButtonSecondary)`\n    &.mdc-button {\n        height: 40px;\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\nconst CustomIcon = () => {\n    const { icon, size } = useIcon<Icon>();\n\n    return (\n        <img\n            width={size}\n            height={size}\n            src={icon.value}\n            alt={icon.name}\n            style={{\n                verticalAlign: \"middle\"\n            }}\n        />\n    );\n};\n\ninterface IconFilePickerProps {\n    onUpload: (file: FileManagerFileItem) => void;\n    onChange: (file: FileManagerFileItem) => void;\n}\n\nconst IconFilePicker = ({ onUpload, onChange }: IconFilePickerProps) => {\n    return (\n        <FileManager\n            onUploadCompletion={([file]) => {\n                onUpload(file);\n            }}\n            onChange={onChange}\n            scope=\"scope:iconPicker\"\n            accept={[\"image/svg+xml\"]}\n        >\n            {({ showFileManager }) => (\n                <AddButton\n                    onClick={() => {\n                        showFileManager();\n                    }}\n                >\n                    Browse\n                </AddButton>\n            )}\n        </FileManager>\n    );\n};\n\nfunction getNameOrId(file: FileManagerFileItem): string {\n    const name = (file.meta || []).find(obj => obj.key === \"name\");\n\n    return name ? name.value : file.id;\n}\n\nconst CustomIconTab = observer(() => {\n    const presenter = useIconPicker();\n\n    const onIconSelect = (icon: Icon) => {\n        presenter.setIcon(icon);\n        presenter.closeMenu();\n    };\n\n    const onIconFileSelect = (file: FileManagerFileItem) => {\n        const name = getNameOrId(file);\n\n        presenter.setIcon({\n            type: \"custom\",\n            name,\n            value: file.src\n        });\n        presenter.closeMenu();\n    };\n\n    const onIconFileUpload = (file: FileManagerFileItem) => {\n        const name = getNameOrId(file);\n\n        const icon = {\n            type: \"custom\",\n            name,\n            value: file.src\n        };\n\n        presenter.addIcon(icon);\n        presenter.setIcon(icon);\n        presenter.closeMenu();\n    };\n\n    return (\n        <IconPickerTab\n            label={\"Custom\"}\n            onChange={onIconSelect}\n            actions={<IconFilePicker onChange={onIconFileSelect} onUpload={onIconFileUpload} />}\n        />\n    );\n});\n\nexport const CustomIconPlugin = () => {\n    const client = useApolloClient();\n\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack\n                name=\"custom\"\n                provider={async () => {\n                    const { data: response } = await client.query<ListCustomIconsQueryResponse>({\n                        query: LIST_CUSTOM_ICONS,\n                        variables: {\n                            limit: 10000\n                        }\n                    });\n\n                    if (!response) {\n                        throw new Error(\"Network error while listing custom icons.\");\n                    }\n\n                    const { data, error } = response.fileManager.listFiles;\n\n                    if (!data) {\n                        throw new Error(error?.message || \"Could not fetch custom icons.\");\n                    }\n\n                    return data.map(customIcon => ({\n                        type: \"custom\",\n                        name: customIcon.name,\n                        value: customIcon.src\n                    }));\n                }}\n            />\n            <IconPickerConfig.IconType name={\"custom\"}>\n                <IconPickerConfig.IconType.Icon element={<CustomIcon />} />\n                <IconPickerConfig.IconType.Tab element={<CustomIconTab />} />\n            </IconPickerConfig.IconType>\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useApolloClient","observer","Button","FileManager","IconPickerTab","useIcon","useIconPicker","IconPickerConfig","LIST_CUSTOM_ICONS","CustomIcon","icon","size","createElement","width","height","src","value","alt","name","style","verticalAlign","IconFilePicker","onUpload","onChange","onUploadCompletion","file","scope","accept","showFileManager","variant","text","onClick","getNameOrId","meta","find","obj","key","id","CustomIconTab","presenter","onIconSelect","setIcon","closeMenu","onIconFileSelect","type","onIconFileUpload","addIcon","label","actions","CustomIconPlugin","client","IconPack","provider","data","response","query","variables","limit","Error","error","fileManager","listFiles","message","map","customIcon","IconType","Icon","element","Tab"],"sources":["customPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { IconPickerTab } from \"../IconPickerTab\";\nimport { useIcon } from \"..\";\nimport { useIconPicker } from \"../IconPickerPresenterProvider\";\nimport { IconPickerConfig } from \"../config\";\nimport { ListCustomIconsQueryResponse, LIST_CUSTOM_ICONS } from \"./graphql\";\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\nconst CustomIcon = () => {\n    const { icon, size } = useIcon<Icon>();\n\n    return (\n        <img\n            width={size}\n            height={size}\n            src={icon.value}\n            alt={icon.name}\n            style={{\n                verticalAlign: \"middle\"\n            }}\n        />\n    );\n};\n\ninterface IconFilePickerProps {\n    onUpload: (file: FileManagerFileItem) => void;\n    onChange: (file: FileManagerFileItem) => void;\n}\n\nconst IconFilePicker = ({ onUpload, onChange }: IconFilePickerProps) => {\n    return (\n        <FileManager\n            onUploadCompletion={([file]) => {\n                onUpload(file);\n            }}\n            onChange={onChange}\n            scope=\"scope:iconPicker\"\n            accept={[\"image/svg+xml\"]}\n        >\n            {({ showFileManager }) => (\n                <Button\n                    variant={\"primary\"}\n                    text={\"Browse\"}\n                    onClick={() => {\n                        showFileManager();\n                    }}\n                />\n            )}\n        </FileManager>\n    );\n};\n\nfunction getNameOrId(file: FileManagerFileItem): string {\n    const name = (file.meta || []).find(obj => obj.key === \"name\");\n\n    return name ? name.value : file.id;\n}\n\nconst CustomIconTab = observer(() => {\n    const presenter = useIconPicker();\n\n    const onIconSelect = (icon: Icon) => {\n        presenter.setIcon(icon);\n        presenter.closeMenu();\n    };\n\n    const onIconFileSelect = (file: FileManagerFileItem) => {\n        const name = getNameOrId(file);\n\n        presenter.setIcon({\n            type: \"custom\",\n            name,\n            value: file.src\n        });\n        presenter.closeMenu();\n    };\n\n    const onIconFileUpload = (file: FileManagerFileItem) => {\n        const name = getNameOrId(file);\n\n        const icon = {\n            type: \"custom\",\n            name,\n            value: file.src\n        };\n\n        presenter.addIcon(icon);\n        presenter.setIcon(icon);\n        presenter.closeMenu();\n    };\n\n    return (\n        <IconPickerTab\n            value={\"custom\"}\n            label={\"Custom\"}\n            onChange={onIconSelect}\n            actions={<IconFilePicker onChange={onIconFileSelect} onUpload={onIconFileUpload} />}\n        />\n    );\n});\n\nexport const CustomIconPlugin = () => {\n    const client = useApolloClient();\n\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack\n                name=\"custom\"\n                provider={async () => {\n                    const { data: response } = await client.query<ListCustomIconsQueryResponse>({\n                        query: LIST_CUSTOM_ICONS,\n                        variables: {\n                            limit: 10000\n                        }\n                    });\n\n                    if (!response) {\n                        throw new Error(\"Network error while listing custom icons.\");\n                    }\n\n                    const { data, error } = response.fileManager.listFiles;\n\n                    if (!data) {\n                        throw new Error(error?.message || \"Could not fetch custom icons.\");\n                    }\n\n                    return data.map(customIcon => ({\n                        type: \"custom\",\n                        name: customIcon.name,\n                        value: customIcon.src\n                    }));\n                }}\n            />\n            <IconPickerConfig.IconType name={\"custom\"}>\n                <IconPickerConfig.IconType.Icon element={<CustomIcon />} />\n                <IconPickerConfig.IconType.Tab element={<CustomIconTab />} />\n            </IconPickerConfig.IconType>\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}