@webiny/app-admin 0.0.0-unstable.df7a8bb475 → 0.0.0-unstable.e2758ee1cf

package/base/Admin.js

@@ -14,6 +14,7 @@ import { createTenancyProvider } from "../presentation/tenancy/createTenancyProv
 import { TelemetryAdminAppStart } from "./TelemetryAdminAppStart.js";
 import { ApolloClientFeature } from "../features/apolloClient/feature.js";
 import { SecurityFeature } from "../features/security/SecurityFeature.js";
+import { AdminConfigPlugin, AdminConfigProvider } from "../config/AdminConfig.js";
 const container = createRootContainer();
 export const Admin = ({
   children,
@@ -36,8 +37,9 @@ export const Admin = ({
   return /*#__PURE__*/React.createElement(DiContainerProvider, {
     container: container
   }, /*#__PURE__*/React.createElement(TelemetryAdminAppStart, null), /*#__PURE__*/React.createElement(ApolloProvider, null, /*#__PURE__*/React.createElement(WcpProvider, null, /*#__PURE__*/React.createElement(App, {
+    plugins: [AdminConfigPlugin],
     routes: [],
-    providers: [UIProviders, UiStateProvider, DialogsProvider, IconPickerConfigProvider, AdminUiStateProvider, TenancyProvider]
+    providers: [AdminConfigProvider, UIProviders, UiStateProvider, DialogsProvider, IconPickerConfigProvider, AdminUiStateProvider, TenancyProvider]
   }, /*#__PURE__*/React.createElement(Base, null), /*#__PURE__*/React.createElement(DefaultIcons, null), children))));
 };
 

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","plugins","App","DiContainerProvider","createApolloProvider","Base","createUiStateProvider","createAdminUiStateProvider","createUiProviders","createDialogsProvider","DefaultIcons","IconPickerConfigProvider","createRootContainer","WcpProvider","createTenancyProvider","TelemetryAdminAppStart","ApolloClientFeature","SecurityFeature","container","Admin","children","createApolloClient","createLegacyPlugins","uri","process","env","REACT_APP_GRAPHQL_API_URL","apolloClient","register","ApolloProvider","UIProviders","UiStateProvider","AdminUiStateProvider","DialogsProvider","TenancyProvider","createElement","routes","providers"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Container } from \"@webiny/di\";\nimport { plugins } from \"@webiny/plugins\";\nimport { App, DiContainerProvider } from \"@webiny/app\";\nimport type { ApolloClientFactory } from \"./providers/ApolloProvider.js\";\nimport { createApolloProvider } from \"./providers/ApolloProvider.js\";\nimport { Base } from \"./Base.js\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider.js\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider.js\";\nimport { createUiProviders } from \"./providers/UiProviders.js\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { WcpProvider } from \"~/presentation/wcp/WcpProvider.js\";\nimport { createTenancyProvider } from \"~/presentation/tenancy/createTenancyProvider.js\";\nimport { TelemetryAdminAppStart } from \"./TelemetryAdminAppStart.js\";\nimport { ApolloClientFeature } from \"~/features/apolloClient/feature.js\";\nimport { SecurityFeature } from \"~/features/security/SecurityFeature.js\";\nimport type { PluginCollection } from \"@webiny/plugins/types.js\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    createLegacyPlugins: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => {\n    const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n    const apolloClient = createApolloClient({ uri });\n\n    plugins.register(...createLegacyPlugins(container));\n\n    ApolloClientFeature.register(container, apolloClient);\n    SecurityFeature.register(container);\n\n    const ApolloProvider = createApolloProvider(apolloClient);\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <ApolloProvider>\n                <WcpProvider>\n                    <App\n                        routes={[]}\n                        providers={[\n                            UIProviders,\n                            UiStateProvider,\n                            DialogsProvider,\n                            IconPickerConfigProvider,\n                            AdminUiStateProvider,\n                            TenancyProvider\n                        ]}\n                    >\n                        <Base />\n                        <DefaultIcons />\n                        {children}\n                    </App>\n                </WcpProvider>\n            </ApolloProvider>\n        </DiContainerProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,GAAG,EAAEC,mBAAmB,QAAQ,aAAa;AAEtD,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AACb,SAASC,qBAAqB;AAC9B,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,YAAY,EAAEC,wBAAwB;AAC/C,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AASxB,MAAMC,SAAS,GAAGN,mBAAmB,CAAC,CAAC;AAEvC,OAAO,MAAMO,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,kBAAkB;EAAEC;AAAgC,CAAC,KAAK;EACxF,MAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;EAC3D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEE;EAAI,CAAC,CAAC;EAEhDtB,OAAO,CAAC2B,QAAQ,CAAC,GAAGN,mBAAmB,CAACJ,SAAS,CAAC,CAAC;EAEnDF,mBAAmB,CAACY,QAAQ,CAACV,SAAS,EAAES,YAAY,CAAC;EACrDV,eAAe,CAACW,QAAQ,CAACV,SAAS,CAAC;EAEnC,MAAMW,cAAc,GAAGzB,oBAAoB,CAACuB,YAAY,CAAC;EACzD,MAAMG,WAAW,GAAGtB,iBAAiB,CAAC,CAAC;EACvC,MAAMuB,eAAe,GAAGzB,qBAAqB,CAAC,CAAC;EAC/C,MAAM0B,oBAAoB,GAAGzB,0BAA0B,CAAC,CAAC;EACzD,MAAM0B,eAAe,GAAGxB,qBAAqB,CAAC,CAAC;EAC/C,MAAMyB,eAAe,GAAGpB,qBAAqB,CAAC,CAAC;EAE/C,oBACId,KAAA,CAAAmC,aAAA,CAAChC,mBAAmB;IAACe,SAAS,EAAEA;EAAU,gBACtClB,KAAA,CAAAmC,aAAA,CAACpB,sBAAsB,MAAE,CAAC,eAC1Bf,KAAA,CAAAmC,aAAA,CAACN,cAAc,qBACX7B,KAAA,CAAAmC,aAAA,CAACtB,WAAW,qBACRb,KAAA,CAAAmC,aAAA,CAACjC,GAAG;IACAkC,MAAM,EAAE,EAAG;IACXC,SAAS,EAAE,CACPP,WAAW,EACXC,eAAe,EACfE,eAAe,EACftB,wBAAwB,EACxBqB,oBAAoB,EACpBE,eAAe;EACjB,gBAEFlC,KAAA,CAAAmC,aAAA,CAAC9B,IAAI,MAAE,CAAC,eACRL,KAAA,CAAAmC,aAAA,CAACzB,YAAY,MAAE,CAAC,EACfU,QACA,CACI,CACD,CACC,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","plugins","App","DiContainerProvider","createApolloProvider","Base","createUiStateProvider","createAdminUiStateProvider","createUiProviders","createDialogsProvider","DefaultIcons","IconPickerConfigProvider","createRootContainer","WcpProvider","createTenancyProvider","TelemetryAdminAppStart","ApolloClientFeature","SecurityFeature","AdminConfigPlugin","AdminConfigProvider","container","Admin","children","createApolloClient","createLegacyPlugins","uri","process","env","REACT_APP_GRAPHQL_API_URL","apolloClient","register","ApolloProvider","UIProviders","UiStateProvider","AdminUiStateProvider","DialogsProvider","TenancyProvider","createElement","routes","providers"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Container } from \"@webiny/di\";\nimport { plugins } from \"@webiny/plugins\";\nimport { App, DiContainerProvider } from \"@webiny/app\";\nimport type { ApolloClientFactory } from \"./providers/ApolloProvider.js\";\nimport { createApolloProvider } from \"./providers/ApolloProvider.js\";\nimport { Base } from \"./Base.js\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider.js\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider.js\";\nimport { createUiProviders } from \"./providers/UiProviders.js\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { WcpProvider } from \"~/presentation/wcp/WcpProvider.js\";\nimport { createTenancyProvider } from \"~/presentation/tenancy/createTenancyProvider.js\";\nimport { TelemetryAdminAppStart } from \"./TelemetryAdminAppStart.js\";\nimport { ApolloClientFeature } from \"~/features/apolloClient/feature.js\";\nimport { SecurityFeature } from \"~/features/security/SecurityFeature.js\";\nimport type { PluginCollection } from \"@webiny/plugins/types.js\";\nimport { AdminConfigPlugin, AdminConfigProvider } from \"~/config/AdminConfig.js\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    createLegacyPlugins: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => {\n    const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n    const apolloClient = createApolloClient({ uri });\n\n    plugins.register(...createLegacyPlugins(container));\n\n    ApolloClientFeature.register(container, apolloClient);\n    SecurityFeature.register(container);\n\n    const ApolloProvider = createApolloProvider(apolloClient);\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <ApolloProvider>\n                <WcpProvider>\n                    <App\n                        plugins={[AdminConfigPlugin]}\n                        routes={[]}\n                        providers={[\n                            AdminConfigProvider,\n                            UIProviders,\n                            UiStateProvider,\n                            DialogsProvider,\n                            IconPickerConfigProvider,\n                            AdminUiStateProvider,\n                            TenancyProvider\n                        ]}\n                    >\n                        <Base />\n                        <DefaultIcons />\n                        {children}\n                    </App>\n                </WcpProvider>\n            </ApolloProvider>\n        </DiContainerProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,GAAG,EAAEC,mBAAmB,QAAQ,aAAa;AAEtD,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AACb,SAASC,qBAAqB;AAC9B,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,YAAY,EAAEC,wBAAwB;AAC/C,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AAExB,SAASC,iBAAiB,EAAEC,mBAAmB;AAQ/C,MAAMC,SAAS,GAAGR,mBAAmB,CAAC,CAAC;AAEvC,OAAO,MAAMS,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,kBAAkB;EAAEC;AAAgC,CAAC,KAAK;EACxF,MAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;EAC3D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEE;EAAI,CAAC,CAAC;EAEhDxB,OAAO,CAAC6B,QAAQ,CAAC,GAAGN,mBAAmB,CAACJ,SAAS,CAAC,CAAC;EAEnDJ,mBAAmB,CAACc,QAAQ,CAACV,SAAS,EAAES,YAAY,CAAC;EACrDZ,eAAe,CAACa,QAAQ,CAACV,SAAS,CAAC;EAEnC,MAAMW,cAAc,GAAG3B,oBAAoB,CAACyB,YAAY,CAAC;EACzD,MAAMG,WAAW,GAAGxB,iBAAiB,CAAC,CAAC;EACvC,MAAMyB,eAAe,GAAG3B,qBAAqB,CAAC,CAAC;EAC/C,MAAM4B,oBAAoB,GAAG3B,0BAA0B,CAAC,CAAC;EACzD,MAAM4B,eAAe,GAAG1B,qBAAqB,CAAC,CAAC;EAC/C,MAAM2B,eAAe,GAAGtB,qBAAqB,CAAC,CAAC;EAE/C,oBACId,KAAA,CAAAqC,aAAA,CAAClC,mBAAmB;IAACiB,SAAS,EAAEA;EAAU,gBACtCpB,KAAA,CAAAqC,aAAA,CAACtB,sBAAsB,MAAE,CAAC,eAC1Bf,KAAA,CAAAqC,aAAA,CAACN,cAAc,qBACX/B,KAAA,CAAAqC,aAAA,CAACxB,WAAW,qBACRb,KAAA,CAAAqC,aAAA,CAACnC,GAAG;IACAD,OAAO,EAAE,CAACiB,iBAAiB,CAAE;IAC7BoB,MAAM,EAAE,EAAG;IACXC,SAAS,EAAE,CACPpB,mBAAmB,EACnBa,WAAW,EACXC,eAAe,EACfE,eAAe,EACfxB,wBAAwB,EACxBuB,oBAAoB,EACpBE,eAAe;EACjB,gBAEFpC,KAAA,CAAAqC,aAAA,CAAChC,IAAI,MAAE,CAAC,eACRL,KAAA,CAAAqC,aAAA,CAAC3B,YAAY,MAAE,CAAC,EACfY,QACA,CACI,CACD,CACC,CAAC;AAE9B,CAAC","ignoreList":[]}

package/base/Base/LexicalPreset.js

@@ -1,9 +1,9 @@
 import React from "react";
-import { AdminConfig } from "../../config/AdminConfig.js";
-import { LexicalTheme } from "../../config/AdminConfig/LexicalTheme.js";
 import { LexicalEditorConfig } from "@webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.js";
 import { FloatingLinkEditorPlugin } from "@webiny/lexical-editor";
-import { LinkEditForm } from "./LexicalPreset/LinkEditForm.js";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { LexicalTheme } from "../../config/AdminConfig/LexicalTheme.js";
+import { LexicalLinkForm } from "../../components/index.js";
 const {
   Color,
   Typography
@@ -59,8 +59,7 @@ export const LexicalPreset = () => {
   })), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(LexicalEditorConfig.Plugin, {
     name: "floatingLinkEditor",
     element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-      anchorElem: () => document.body,
-      LinkEditForm: LinkEditForm
+      LinkForm: LexicalLinkForm
     })
   })));
 };

package/base/Base/LexicalPreset.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdminConfig","LexicalTheme","LexicalEditorConfig","FloatingLinkEditorPlugin","LinkEditForm","Color","Typography","LexicalPreset","createElement","Fragment","id","label","value","Heading","tag","className","Paragraph","Quote","List","Plugin","name","element","anchorElem","document","body"],"sources":["LexicalPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"../../config/AdminConfig.js\";\nimport { LexicalTheme } from \"~/config/AdminConfig/LexicalTheme.js\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.js\";\nimport { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { LinkEditForm } from \"./LexicalPreset/LinkEditForm.js\";\n\nconst { Color, Typography } = LexicalTheme;\n\nexport const LexicalPreset = () => {\n    return (\n        <>\n            <AdminConfig>\n                {/* Colors */}\n                <Color id={\"color1\"} label=\"Primary color\" value={\"var(--wa-theme-color1)\"} />\n                <Color id={\"color2\"} label=\"Secondary color\" value={\"var(--wa-theme-color2)\"} />\n                <Color id={\"color3\"} label=\"Regular color\" value={\"var(--wa-theme-color3)\"} />\n                {/* Typography */}\n                <Typography.Heading\n                    id={\"heading1\"}\n                    label={\"Heading 1\"}\n                    tag={\"h1\"}\n                    className={\"wa-heading-1\"}\n                />\n                <Typography.Heading\n                    id={\"heading2\"}\n                    label={\"Heading 2\"}\n                    tag={\"h2\"}\n                    className={\"wa-heading-2\"}\n                />\n                <Typography.Heading\n                    id={\"heading3\"}\n                    label={\"Heading 3\"}\n                    tag={\"h3\"}\n                    className={\"wa-heading-3\"}\n                />\n\n                <Typography.Paragraph\n                    id={\"paragraph1\"}\n                    label={\"Paragraph\"}\n                    tag={\"p\"}\n                    className={\"wa-paragraph-1\"}\n                />\n\n                <Typography.Quote\n                    id={\"quote\"}\n                    label={\"Quote\"}\n                    tag={\"blockquote\"}\n                    className={\"wa-blockquote-1\"}\n                />\n                <Typography.List\n                    id={\"list1\"}\n                    label={\"Unordered list\"}\n                    tag={\"ul\"}\n                    className={\"wa-unordered-list-1\"}\n                />\n                <Typography.List\n                    id={\"list2\"}\n                    label={\"Ordered list\"}\n                    tag={\"ol\"}\n                    className={\"wa-ordered-list-1\"}\n                />\n            </AdminConfig>\n            <LexicalEditorConfig>\n                <LexicalEditorConfig.Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={\n                        <FloatingLinkEditorPlugin\n                            anchorElem={() => document.body}\n                            LinkEditForm={LinkEditForm}\n                        />\n                    }\n                />\n            </LexicalEditorConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AACpB,SAASC,YAAY;AACrB,SAASC,mBAAmB,QAAQ,8EAA8E;AAClH,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,YAAY;AAErB,MAAM;EAAEC,KAAK;EAAEC;AAAW,CAAC,GAAGL,YAAY;AAE1C,OAAO,MAAMM,aAAa,GAAGA,CAAA,KAAM;EAC/B,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACR,WAAW,qBAERD,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,eAAe;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAC9Eb,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,iBAAiB;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAChFb,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,eAAe;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAE9Eb,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eAEFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACU,SAAS;IACjBN,EAAE,EAAE,YAAa;IACjBC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,GAAI;IACTC,SAAS,EAAE;EAAiB,CAC/B,CAAC,eAEFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACW,KAAK;IACbP,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,OAAQ;IACfG,GAAG,EAAE,YAAa;IAClBC,SAAS,EAAE;EAAkB,CAChC,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACY,IAAI;IACZR,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,gBAAiB;IACxBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAsB,CACpC,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACY,IAAI;IACZR,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,cAAe;IACtBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAoB,CAClC,CACQ,CAAC,eACdhB,KAAA,CAAAS,aAAA,CAACN,mBAAmB,qBAChBH,KAAA,CAAAS,aAAA,CAACN,mBAAmB,CAACiB,MAAM;IACvBC,IAAI,EAAE,oBAAqB;IAC3BC,OAAO,eACHtB,KAAA,CAAAS,aAAA,CAACL,wBAAwB;MACrBmB,UAAU,EAAEA,CAAA,KAAMC,QAAQ,CAACC,IAAK;MAChCpB,YAAY,EAAEA;IAAa,CAC9B;EACJ,CACJ,CACgB,CACvB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","LexicalEditorConfig","FloatingLinkEditorPlugin","AdminConfig","LexicalTheme","LexicalLinkForm","Color","Typography","LexicalPreset","createElement","Fragment","id","label","value","Heading","tag","className","Paragraph","Quote","List","Plugin","name","element","LinkForm"],"sources":["LexicalPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.js\";\nimport { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { AdminConfig } from \"../../config/AdminConfig.js\";\nimport { LexicalTheme } from \"~/config/AdminConfig/LexicalTheme.js\";\nimport { LexicalLinkForm } from \"~/components/index.js\";\n\nconst { Color, Typography } = LexicalTheme;\n\nexport const LexicalPreset = () => {\n    return (\n        <>\n            <AdminConfig>\n                {/* Colors */}\n                <Color id={\"color1\"} label=\"Primary color\" value={\"var(--wa-theme-color1)\"} />\n                <Color id={\"color2\"} label=\"Secondary color\" value={\"var(--wa-theme-color2)\"} />\n                <Color id={\"color3\"} label=\"Regular color\" value={\"var(--wa-theme-color3)\"} />\n                {/* Typography */}\n                <Typography.Heading\n                    id={\"heading1\"}\n                    label={\"Heading 1\"}\n                    tag={\"h1\"}\n                    className={\"wa-heading-1\"}\n                />\n                <Typography.Heading\n                    id={\"heading2\"}\n                    label={\"Heading 2\"}\n                    tag={\"h2\"}\n                    className={\"wa-heading-2\"}\n                />\n                <Typography.Heading\n                    id={\"heading3\"}\n                    label={\"Heading 3\"}\n                    tag={\"h3\"}\n                    className={\"wa-heading-3\"}\n                />\n\n                <Typography.Paragraph\n                    id={\"paragraph1\"}\n                    label={\"Paragraph\"}\n                    tag={\"p\"}\n                    className={\"wa-paragraph-1\"}\n                />\n\n                <Typography.Quote\n                    id={\"quote\"}\n                    label={\"Quote\"}\n                    tag={\"blockquote\"}\n                    className={\"wa-blockquote-1\"}\n                />\n                <Typography.List\n                    id={\"list1\"}\n                    label={\"Unordered list\"}\n                    tag={\"ul\"}\n                    className={\"wa-unordered-list-1\"}\n                />\n                <Typography.List\n                    id={\"list2\"}\n                    label={\"Ordered list\"}\n                    tag={\"ol\"}\n                    className={\"wa-ordered-list-1\"}\n                />\n            </AdminConfig>\n            <LexicalEditorConfig>\n                <LexicalEditorConfig.Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={<FloatingLinkEditorPlugin LinkForm={LexicalLinkForm} />}\n                />\n            </LexicalEditorConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,QAAQ,8EAA8E;AAClH,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,WAAW;AACpB,SAASC,YAAY;AACrB,SAASC,eAAe;AAExB,MAAM;EAAEC,KAAK;EAAEC;AAAW,CAAC,GAAGH,YAAY;AAE1C,OAAO,MAAMI,aAAa,GAAGA,CAAA,KAAM;EAC/B,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACN,WAAW,qBAERH,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,eAAe;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAC9Eb,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,iBAAiB;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAChFb,KAAA,CAAAS,aAAA,CAACH,KAAK;IAACK,EAAE,EAAE,QAAS;IAACC,KAAK,EAAC,eAAe;IAACC,KAAK,EAAE;EAAyB,CAAE,CAAC,eAE9Eb,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACO,OAAO;IACfH,EAAE,EAAE,UAAW;IACfC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAe,CAC7B,CAAC,eAEFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACU,SAAS;IACjBN,EAAE,EAAE,YAAa;IACjBC,KAAK,EAAE,WAAY;IACnBG,GAAG,EAAE,GAAI;IACTC,SAAS,EAAE;EAAiB,CAC/B,CAAC,eAEFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACW,KAAK;IACbP,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,OAAQ;IACfG,GAAG,EAAE,YAAa;IAClBC,SAAS,EAAE;EAAkB,CAChC,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACY,IAAI;IACZR,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,gBAAiB;IACxBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAsB,CACpC,CAAC,eACFhB,KAAA,CAAAS,aAAA,CAACF,UAAU,CAACY,IAAI;IACZR,EAAE,EAAE,OAAQ;IACZC,KAAK,EAAE,cAAe;IACtBG,GAAG,EAAE,IAAK;IACVC,SAAS,EAAE;EAAoB,CAClC,CACQ,CAAC,eACdhB,KAAA,CAAAS,aAAA,CAACR,mBAAmB,qBAChBD,KAAA,CAAAS,aAAA,CAACR,mBAAmB,CAACmB,MAAM;IACvBC,IAAI,EAAE,oBAAqB;IAC3BC,OAAO,eAAEtB,KAAA,CAAAS,aAAA,CAACP,wBAAwB;MAACqB,QAAQ,EAAElB;IAAgB,CAAE;EAAE,CACpE,CACgB,CACvB,CAAC;AAEX,CAAC","ignoreList":[]}

package/base/Base/Menus.js

@@ -7,14 +7,28 @@ import { ReactComponent as SlackIcon } from "@webiny/icons/numbers.svg";
 import { ReactComponent as DocsIcon } from "@webiny/icons/summarize.svg";
 import { ReactComponent as GithubIcon } from "@webiny/icons/route.svg";
 import { ReactComponent as MoreIcon } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as UpgradeIcon } from "@webiny/icons/electric_bolt.svg";
 import { DropdownMenu } from "@webiny/admin-ui";
-import { WebinyVersion } from "./Menus/WebinyVersion.js";
 import { SupportMenuItems } from "./Menus/SupportMenuItems.js";
 import { AdminConfig } from "../../config/AdminConfig.js";
 import { HasPermission } from "../../presentation/security/components/HasPermission.js";
 import { Menu } from "../../config/AdminConfig/Menu.js";
+import { useWcp } from "../../index.js";
 export const Menus = /*#__PURE__*/React.memo(() => {
-  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
+  const wcp = useWcp();
+  const hasWcpLicense = Boolean(wcp.getProject());
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Menu, {
+    name: "home",
+    pin: "start",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      to: "/",
+      text: "Home",
+      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+        label: "Home",
+        element: /*#__PURE__*/React.createElement(DashboardIcon, null)
+      })
+    })
+  }), /*#__PURE__*/React.createElement(HasPermission, {
     name: "fm.file"
   }, /*#__PURE__*/React.createElement(Menu, {
     name: "fileManager",
@@ -28,17 +42,6 @@ export const Menus = /*#__PURE__*/React.memo(() => {
       to: "/file-manager"
     })
   })), /*#__PURE__*/React.createElement(Menu, {
-    name: "home",
-    pin: "start",
-    element: /*#__PURE__*/React.createElement(Menu.Link, {
-      to: "/",
-      text: "Home",
-      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
-        label: "Home",
-        element: /*#__PURE__*/React.createElement(DashboardIcon, null)
-      })
-    })
-  }), /*#__PURE__*/React.createElement(Menu, {
     name: "settings",
     hideIfEmpty: true,
     pin: "end",
@@ -85,12 +88,19 @@ export const Menus = /*#__PURE__*/React.memo(() => {
       rel: "noopener noreferrer",
       target: "_blank"
     })
-  }), /*#__PURE__*/React.createElement(Menu.Support, {
-    name: "webiny-version",
+  }), !hasWcpLicense && /*#__PURE__*/React.createElement(Menu.Support, {
+    name: "upgrade-webiny",
     pin: "end",
-    element: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      text: /*#__PURE__*/React.createElement(WebinyVersion, null),
-      readOnly: true
+    element: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(Menu.Support.Link, {
+      text: "Upgrade",
+      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
+        label: "Upgrade",
+        element: /*#__PURE__*/React.createElement(UpgradeIcon, null)
+      }),
+      to: "https://www.webiny.com/pricing",
+      rel: "noopener noreferrer",
+      target: "_blank",
+      className: "[&_a]:text-accent-primary! [&_svg]:fill-accent-default! font-semibold"
     }))
   }), /*#__PURE__*/React.createElement(Menu.Footer, {
     name: "support",

package/base/Base/Menus.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DashboardIcon","SettingsIcon","FileManagerIcon","InfoIcon","SlackIcon","DocsIcon","GithubIcon","MoreIcon","DropdownMenu","WebinyVersion","SupportMenuItems","AdminConfig","HasPermission","Menu","Menus","memo","createElement","name","pin","element","Link","text","icon","Item","Icon","label","to","hideIfEmpty","Support","rel","target","Fragment","Separator","readOnly","Footer","className","trigger","action","Action","displayName"],"sources":["Menus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DashboardIcon } from \"@webiny/icons/space_dashboard.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as FileManagerIcon } from \"@webiny/icons/folder_open.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as SlackIcon } from \"@webiny/icons/numbers.svg\";\nimport { ReactComponent as DocsIcon } from \"@webiny/icons/summarize.svg\";\nimport { ReactComponent as GithubIcon } from \"@webiny/icons/route.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\nimport { WebinyVersion } from \"./Menus/WebinyVersion.js\";\nimport { SupportMenuItems } from \"./Menus/SupportMenuItems.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { HasPermission } from \"~/presentation/security/components/HasPermission.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\n\nexport const Menus = React.memo(() => {\n    return (\n        <AdminConfig>\n            <HasPermission name={\"fm.file\"}>\n                <Menu\n                    name={\"fileManager\"}\n                    pin={\"start\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            icon={\n                                <Menu.Item.Icon\n                                    label=\"File Manager\"\n                                    element={<FileManagerIcon />}\n                                />\n                            }\n                            to={\"/file-manager\"}\n                        />\n                    }\n                />\n            </HasPermission>\n            <Menu\n                name={\"home\"}\n                pin={\"start\"}\n                element={\n                    <Menu.Link\n                        to={\"/\"}\n                        text={\"Home\"}\n                        icon={<Menu.Link.Icon label=\"Home\" element={<DashboardIcon />} />}\n                    />\n                }\n            />\n            <Menu\n                name={\"settings\"}\n                hideIfEmpty={true}\n                pin={\"end\"}\n                element={\n                    <Menu.Item\n                        text={\"Settings\"}\n                        icon={<Menu.Link.Icon label=\"Settings\" element={<SettingsIcon />} />}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"docs\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Documentation\"}\n                        icon={<Menu.Support.Link.Icon label=\"Docs\" element={<DocsIcon />} />}\n                        to={\"https://www.webiny.com/docs\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"github\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"GitHub\"}\n                        icon={<Menu.Support.Link.Icon label=\"GitHub\" element={<GithubIcon />} />}\n                        to={\"https://github.com/webiny/webiny-js\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"slack\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Slack\"}\n                        icon={<Menu.Support.Link.Icon label=\"Slack\" element={<SlackIcon />} />}\n                        to={\"https://www.webiny.com/slack\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"webiny-version\"}\n                pin={\"end\"}\n                element={\n                    <>\n                        <DropdownMenu.Separator />\n                        <DropdownMenu.Item text={<WebinyVersion />} readOnly />\n                    </>\n                }\n            />\n\n            <Menu.Footer\n                name={\"support\"}\n                element={\n                    <DropdownMenu\n                        className={\"w-[225px]\"}\n                        trigger={\n                            <Menu.Item\n                                text={\"Support\"}\n                                icon={<Menu.Item.Icon label=\"Support\" element={<InfoIcon />} />}\n                                action={<Menu.Item.Action element={<MoreIcon />} />}\n                            />\n                        }\n                    >\n                        <SupportMenuItems />\n                    </DropdownMenu>\n                }\n            />\n        </AdminConfig>\n    );\n});\n\nMenus.displayName = \"Menus\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","DashboardIcon","SettingsIcon","FileManagerIcon","InfoIcon","SlackIcon","DocsIcon","GithubIcon","MoreIcon","UpgradeIcon","DropdownMenu","SupportMenuItems","AdminConfig","HasPermission","Menu","useWcp","Menus","memo","wcp","hasWcpLicense","Boolean","getProject","createElement","name","pin","element","Link","to","text","icon","Icon","label","Item","hideIfEmpty","Support","rel","target","Fragment","Separator","className","Footer","trigger","action","Action","displayName"],"sources":["Menus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DashboardIcon } from \"@webiny/icons/space_dashboard.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as FileManagerIcon } from \"@webiny/icons/folder_open.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as SlackIcon } from \"@webiny/icons/numbers.svg\";\nimport { ReactComponent as DocsIcon } from \"@webiny/icons/summarize.svg\";\nimport { ReactComponent as GithubIcon } from \"@webiny/icons/route.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as UpgradeIcon } from \"@webiny/icons/electric_bolt.svg\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\nimport { SupportMenuItems } from \"./Menus/SupportMenuItems.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { HasPermission } from \"~/presentation/security/components/HasPermission.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\nimport { useWcp } from \"~/index.js\";\n\nexport const Menus = React.memo(() => {\n    const wcp = useWcp();\n    const hasWcpLicense = Boolean(wcp.getProject());\n\n    return (\n        <AdminConfig>\n            <Menu\n                name={\"home\"}\n                pin={\"start\"}\n                element={\n                    <Menu.Link\n                        to={\"/\"}\n                        text={\"Home\"}\n                        icon={<Menu.Link.Icon label=\"Home\" element={<DashboardIcon />} />}\n                    />\n                }\n            />\n            <HasPermission name={\"fm.file\"}>\n                <Menu\n                    name={\"fileManager\"}\n                    pin={\"start\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            icon={\n                                <Menu.Item.Icon\n                                    label=\"File Manager\"\n                                    element={<FileManagerIcon />}\n                                />\n                            }\n                            to={\"/file-manager\"}\n                        />\n                    }\n                />\n            </HasPermission>\n            <Menu\n                name={\"settings\"}\n                hideIfEmpty={true}\n                pin={\"end\"}\n                element={\n                    <Menu.Item\n                        text={\"Settings\"}\n                        icon={<Menu.Link.Icon label=\"Settings\" element={<SettingsIcon />} />}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"docs\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Documentation\"}\n                        icon={<Menu.Support.Link.Icon label=\"Docs\" element={<DocsIcon />} />}\n                        to={\"https://www.webiny.com/docs\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"github\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"GitHub\"}\n                        icon={<Menu.Support.Link.Icon label=\"GitHub\" element={<GithubIcon />} />}\n                        to={\"https://github.com/webiny/webiny-js\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"slack\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Slack\"}\n                        icon={<Menu.Support.Link.Icon label=\"Slack\" element={<SlackIcon />} />}\n                        to={\"https://www.webiny.com/slack\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            {!hasWcpLicense && (\n                <Menu.Support\n                    name={\"upgrade-webiny\"}\n                    pin={\"end\"}\n                    element={\n                        <>\n                            <DropdownMenu.Separator />\n                            <Menu.Support.Link\n                                text={\"Upgrade\"}\n                                icon={\n                                    <Menu.Support.Link.Icon\n                                        label=\"Upgrade\"\n                                        element={<UpgradeIcon />}\n                                    />\n                                }\n                                to={\"https://www.webiny.com/pricing\"}\n                                rel={\"noopener noreferrer\"}\n                                target={\"_blank\"}\n                                className={\n                                    \"[&_a]:text-accent-primary! [&_svg]:fill-accent-default! font-semibold\"\n                                }\n                            />\n                        </>\n                    }\n                />\n            )}\n\n            <Menu.Footer\n                name={\"support\"}\n                element={\n                    <DropdownMenu\n                        className={\"w-[225px]\"}\n                        trigger={\n                            <Menu.Item\n                                text={\"Support\"}\n                                icon={<Menu.Item.Icon label=\"Support\" element={<InfoIcon />} />}\n                                action={<Menu.Item.Action element={<MoreIcon />} />}\n                            />\n                        }\n                    >\n                        <SupportMenuItems />\n                    </DropdownMenu>\n                }\n            />\n        </AdminConfig>\n    );\n});\n\nMenus.displayName = \"Menus\";\n"],"mappings":"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","ignoreList":[]}

package/base/Base.js

@@ -2,11 +2,10 @@ import React, { memo } from "react";
 import { Menus } from "./Base/Menus.js";
 import { RoutesConfig } from "./Base/RoutesConfig.js";
 import { Tenant } from "./Base/Tenant.js";
-import { AdminConfigProvider } from "../config/AdminConfig.js";
 import { UserMenu } from "./Base/UserMenu.js";
 import { LexicalPreset } from "./Base/LexicalPreset.js";
 const BaseExtension = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminConfigProvider, null), /*#__PURE__*/React.createElement(Tenant, null), /*#__PURE__*/React.createElement(Menus, null), /*#__PURE__*/React.createElement(UserMenu, null), /*#__PURE__*/React.createElement(RoutesConfig, null), /*#__PURE__*/React.createElement(LexicalPreset, null));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tenant, null), /*#__PURE__*/React.createElement(Menus, null), /*#__PURE__*/React.createElement(UserMenu, null), /*#__PURE__*/React.createElement(RoutesConfig, null), /*#__PURE__*/React.createElement(LexicalPreset, null));
 };
 export const Base = /*#__PURE__*/memo(BaseExtension);
 

package/base/Base.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Menus","RoutesConfig","Tenant","AdminConfigProvider","UserMenu","LexicalPreset","BaseExtension","createElement","Fragment","Base"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Menus } from \"./Base/Menus.js\";\nimport { RoutesConfig } from \"./Base/RoutesConfig.js\";\nimport { Tenant } from \"./Base/Tenant.js\";\nimport { AdminConfigProvider } from \"~/config/AdminConfig.js\";\nimport { UserMenu } from \"./Base/UserMenu.js\";\nimport { LexicalPreset } from \"./Base/LexicalPreset.js\";\n\nconst BaseExtension = () => {\n    return (\n        <>\n            <AdminConfigProvider />\n            <Tenant />\n            <Menus />\n            <UserMenu />\n            <RoutesConfig />\n            <LexicalPreset />\n        </>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,KAAK;AACd,SAASC,YAAY;AACrB,SAASC,MAAM;AACf,SAASC,mBAAmB;AAC5B,SAASC,QAAQ;AACjB,SAASC,aAAa;AAEtB,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACxB,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACJ,mBAAmB,MAAE,CAAC,eACvBL,KAAA,CAAAS,aAAA,CAACL,MAAM,MAAE,CAAC,eACVJ,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAC,eACTF,KAAA,CAAAS,aAAA,CAACH,QAAQ,MAAE,CAAC,eACZN,KAAA,CAAAS,aAAA,CAACN,YAAY,MAAE,CAAC,eAChBH,KAAA,CAAAS,aAAA,CAACF,aAAa,MAAE,CAClB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,IAAI,gBAAGV,IAAI,CAACO,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["React","memo","Menus","RoutesConfig","Tenant","UserMenu","LexicalPreset","BaseExtension","createElement","Fragment","Base"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Menus } from \"./Base/Menus.js\";\nimport { RoutesConfig } from \"./Base/RoutesConfig.js\";\nimport { Tenant } from \"./Base/Tenant.js\";\nimport { UserMenu } from \"./Base/UserMenu.js\";\nimport { LexicalPreset } from \"./Base/LexicalPreset.js\";\n\nconst BaseExtension = () => {\n    return (\n        <>\n            <Tenant />\n            <Menus />\n            <UserMenu />\n            <RoutesConfig />\n            <LexicalPreset />\n        </>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,KAAK;AACd,SAASC,YAAY;AACrB,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,aAAa;AAEtB,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACxB,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA,CAACJ,MAAM,MAAE,CAAC,eACVJ,KAAA,CAAAQ,aAAA,CAACN,KAAK,MAAE,CAAC,eACTF,KAAA,CAAAQ,aAAA,CAACH,QAAQ,MAAE,CAAC,eACZL,KAAA,CAAAQ,aAAA,CAACL,YAAY,MAAE,CAAC,eAChBH,KAAA,CAAAQ,aAAA,CAACF,aAAa,MAAE,CAClB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,IAAI,gBAAGT,IAAI,CAACM,aAAa,CAAC","ignoreList":[]}

package/components/DeveloperMode/DeveloperMode.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Component is used to display something that you want to be hidden to everyone except Webiny team.
+ * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.
+ * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx
+ * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx
+ */
+import React from "react";
+export interface IDeveloperModeProps {
+    children: React.ReactNode;
+}
+export declare const DeveloperMode: ({ children }: IDeveloperModeProps) => React.JSX.Element | null;

package/components/DeveloperMode/DeveloperMode.js

@@ -0,0 +1,17 @@
+/**
+ * Component is used to display something that you want to be hidden to everyone except Webiny team.
+ * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.
+ * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx
+ * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx
+ */
+import React from "react";
+export const DeveloperMode = ({
+  children
+}) => {
+  if (process.env.WEBINY_ADMIN_DEV_MODE !== "true") {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=DeveloperMode.js.map

package/components/DeveloperMode/DeveloperMode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DeveloperMode","children","process","env","WEBINY_ADMIN_DEV_MODE","createElement","Fragment"],"sources":["DeveloperMode.tsx"],"sourcesContent":["/**\n * Component is used to display something that you want to be hidden to everyone except Webiny team.\n * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx\n */\nimport React from \"react\";\n\nexport interface IDeveloperModeProps {\n    children: React.ReactNode;\n}\n\nexport const DeveloperMode = ({ children }: IDeveloperModeProps) => {\n    if (process.env.WEBINY_ADMIN_DEV_MODE !== \"true\") {\n        return null;\n    }\n    return <>{children}</>;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAMzB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EAChE,IAAIC,OAAO,CAACC,GAAG,CAACC,qBAAqB,KAAK,MAAM,EAAE;IAC9C,OAAO,IAAI;EACf;EACA,oBAAOL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGL,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}

package/components/DeveloperMode/index.d.ts

@@ -0,0 +1,2 @@
+export { DeveloperMode } from "./DeveloperMode.js";
+export type { IDeveloperModeProps } from "./DeveloperMode.js";

package/components/DeveloperMode/index.js

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

package/components/DeveloperMode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DeveloperMode"],"sources":["index.ts"],"sourcesContent":["export { DeveloperMode } from \"./DeveloperMode.js\";\nexport type { IDeveloperModeProps } from \"./DeveloperMode.js\";\n"],"mappings":"AAAA,SAASA,aAAa","ignoreList":[]}

package/components/LexicalEditor/LexicalLinkForm.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { FloatingLinkEditorPlugin } from "@webiny/lexical-editor";
+type LexicalLinkForm = NonNullable<React.ComponentProps<typeof FloatingLinkEditorPlugin>["LinkForm"]>;
+type LinkFormProps = React.ComponentProps<LexicalLinkForm>;
+export declare const LexicalLinkForm: ({ linkData, onSave, removeLink }: LinkFormProps) => React.JSX.Element;
+export {};

package/components/LexicalEditor/LexicalLinkForm.js

@@ -0,0 +1,92 @@
+import React, { useEffect, useRef } from "react";
+import { Button, Grid, Icon, IconButton, Input, Switch } from "@webiny/admin-ui";
+import { Form, useBind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { ReactComponent as GlobeIcon } from "@webiny/icons/language.svg";
+import { ReactComponent as OpenInNew } from "@webiny/icons/open_in_new.svg";
+import { ReactComponent as RemoveLink } from "@webiny/icons/link_off.svg";
+export const LexicalLinkForm = ({
+  linkData,
+  onSave,
+  removeLink
+}) => {
+  const onSubmit = data => {
+    onSave(data);
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    data: linkData,
+    onSubmit: onSubmit,
+    validateOnFirstSubmit: true,
+    submitOnEnter: true
+  }, form => /*#__PURE__*/React.createElement("div", {
+    className: "p-md"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    gap: "small"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(UrlInput, null))), /*#__PURE__*/React.createElement("div", {
+    className: "flex w-full items-center justify-between mt-sm gap-sm"
+  }, /*#__PURE__*/React.createElement(TargetSwitch, null), /*#__PURE__*/React.createElement(Button, {
+    variant: "ghost",
+    text: `Remove link`,
+    className: "text-destructive-primary! [&_svg]:fill-destructive",
+    onClick: removeLink,
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      label: "Remove link",
+      icon: /*#__PURE__*/React.createElement(RemoveLink, null)
+    })
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    text: `Save`,
+    onClick: form.submit
+  }))));
+};
+const UrlInput = () => {
+  const inputRef = useRef(null);
+  const urlBind = useBind({
+    name: "url",
+    validators: validation.create("required,url:allowRelative,allowHref")
+  });
+  useEffect(() => {
+    if (inputRef.current) {
+      setTimeout(() => {
+        inputRef.current?.focus();
+      }, 10);
+    }
+  }, []);
+  const openInNewTab = () => {
+    if (urlBind.validation.isValid !== false && urlBind.value) {
+      window.open(urlBind.value, "_blank");
+    }
+  };
+  return /*#__PURE__*/React.createElement(Input, Object.assign({}, urlBind, {
+    inputRef: ref => inputRef.current = ref,
+    variant: "secondary",
+    placeholder: "Enter link",
+    autoFocus: true,
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      label: "globe",
+      icon: /*#__PURE__*/React.createElement(GlobeIcon, null)
+    }),
+    endIcon: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      icon: /*#__PURE__*/React.createElement(OpenInNew, null),
+      onClick: openInNewTab
+    })
+  }));
+};
+const TargetSwitch = () => {
+  const targetBind = useBind({
+    name: "target",
+    defaultValue: "_self"
+  });
+  return /*#__PURE__*/React.createElement(Switch, {
+    checked: targetBind.value === "_blank",
+    label: "Open in new tab",
+    onChange: value => {
+      targetBind.onChange(value === true ? "_blank" : "_self");
+    }
+  });
+};
+
+//# sourceMappingURL=LexicalLinkForm.js.map

package/components/LexicalEditor/LexicalLinkForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","Button","Grid","Icon","IconButton","Input","Switch","Form","useBind","validation","ReactComponent","GlobeIcon","OpenInNew","RemoveLink","LexicalLinkForm","linkData","onSave","removeLink","onSubmit","data","createElement","validateOnFirstSubmit","submitOnEnter","form","className","gap","Column","span","UrlInput","TargetSwitch","variant","text","onClick","icon","label","submit","inputRef","urlBind","name","validators","create","current","setTimeout","focus","openInNewTab","isValid","value","window","open","Object","assign","ref","placeholder","autoFocus","startIcon","endIcon","targetBind","defaultValue","checked","onChange"],"sources":["LexicalLinkForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { Button, Grid, Icon, IconButton, Input, Switch } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ReactComponent as GlobeIcon } from \"@webiny/icons/language.svg\";\nimport { ReactComponent as OpenInNew } from \"@webiny/icons/open_in_new.svg\";\nimport { ReactComponent as RemoveLink } from \"@webiny/icons/link_off.svg\";\n\ntype LexicalLinkForm = NonNullable<\n    React.ComponentProps<typeof FloatingLinkEditorPlugin>[\"LinkForm\"]\n>;\ntype LinkFormProps = React.ComponentProps<LexicalLinkForm>;\n\nexport const LexicalLinkForm = ({ linkData, onSave, removeLink }: LinkFormProps) => {\n    const onSubmit = (data: LinkFormProps[\"linkData\"]) => {\n        onSave(data);\n    };\n\n    return (\n        <Form data={linkData} onSubmit={onSubmit} validateOnFirstSubmit submitOnEnter>\n            {form => (\n                <div className={\"p-md\"}>\n                    <Grid gap={\"small\"}>\n                        <Grid.Column span={12}>\n                            <UrlInput />\n                        </Grid.Column>\n                    </Grid>\n                    <div className={\"flex w-full items-center justify-between mt-sm gap-sm\"}>\n                        <TargetSwitch />\n                        <Button\n                            variant={\"ghost\"}\n                            text={`Remove link`}\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                            onClick={removeLink}\n                            icon={<Icon label={\"Remove link\"} icon={<RemoveLink />} />}\n                        />\n                        <Button variant={\"primary\"} text={`Save`} onClick={form.submit} />\n                    </div>\n                </div>\n            )}\n        </Form>\n    );\n};\n\nconst UrlInput = () => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const urlBind = useBind({\n        name: \"url\",\n        validators: validation.create(\"required,url:allowRelative,allowHref\")\n    });\n\n    useEffect(() => {\n        if (inputRef.current) {\n            setTimeout(() => {\n                inputRef.current?.focus();\n            }, 10);\n        }\n    }, []);\n\n    const openInNewTab = () => {\n        if (urlBind.validation.isValid !== false && urlBind.value) {\n            window.open(urlBind.value, \"_blank\");\n        }\n    };\n\n    return (\n        <Input\n            {...urlBind}\n            inputRef={ref => (inputRef.current = ref)}\n            variant={\"secondary\"}\n            placeholder={\"Enter link\"}\n            autoFocus={true}\n            startIcon={<Icon label=\"globe\" icon={<GlobeIcon />} />}\n            endIcon={<IconButton variant=\"ghost\" icon={<OpenInNew />} onClick={openInNewTab} />}\n        />\n    );\n};\n\nconst TargetSwitch = () => {\n    const targetBind = useBind({\n        name: \"target\",\n        defaultValue: \"_self\"\n    });\n\n    return (\n        <Switch\n            checked={targetBind.value === \"_blank\"}\n            label={\"Open in new tab\"}\n            onChange={value => {\n                targetBind.onChange(value === true ? \"_blank\" : \"_self\");\n            }}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/LexicalEditor/index.d.ts

@@ -1,2 +1,3 @@
 export { LexicalEditor } from "./LexicalEditor.js";
+export { LexicalLinkForm } from "./LexicalLinkForm.js";
 export { lexicalValueWithHtml, type RichTextValueWithHtml } from "./lexicalValueWithHtml.js";

package/components/LexicalEditor/index.js

@@ -1,4 +1,5 @@
 export { LexicalEditor } from "./LexicalEditor.js";
+export { LexicalLinkForm } from "./LexicalLinkForm.js";
 export { lexicalValueWithHtml } from "./lexicalValueWithHtml.js";
 
 //# sourceMappingURL=index.js.map

package/components/LexicalEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LexicalEditor","lexicalValueWithHtml"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditor } from \"./LexicalEditor.js\";\nexport { lexicalValueWithHtml, type RichTextValueWithHtml } from \"./lexicalValueWithHtml.js\";\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,oBAAoB","ignoreList":[]}
+{"version":3,"names":["LexicalEditor","LexicalLinkForm","lexicalValueWithHtml"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditor } from \"./LexicalEditor.js\";\nexport { LexicalLinkForm } from \"./LexicalLinkForm.js\";\nexport { lexicalValueWithHtml, type RichTextValueWithHtml } from \"./lexicalValueWithHtml.js\";\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,oBAAoB","ignoreList":[]}

package/components/Permissions/Permissions.d.ts

@@ -1,9 +1,7 @@
 import React from "react";
 import type { BindComponentRenderProp } from "@webiny/form";
-import type { PermissionRendererPlugin } from "../../plugins/PermissionRendererPlugin.js";
 interface PermissionsProps extends BindComponentRenderProp {
     id: string;
-    plugins?: PermissionRendererPlugin[];
 }
-export declare const Permissions: ({ id, value, onChange, ...props }: PermissionsProps) => React.JSX.Element;
+export declare const Permissions: ({ id, value, onChange }: PermissionsProps) => React.JSX.Element;
 export {};

package/components/Permissions/Permissions.js

@@ -1,42 +1,48 @@
 import React, { useMemo } from "react";
-import { Accordion } from "@webiny/ui/Accordion/index.js";
-import { plugins } from "@webiny/plugins";
+import { Accordion } from "@webiny/admin-ui";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+import { PermissionValueProvider } from "../../permissions/PermissionValueContext.js";
+import { PermissionRenderer } from "../../permissions/PermissionRenderer.js";
+const byTitle = (a, b) => {
+  return a.title.localeCompare(b.title);
+};
 export const Permissions = ({
   id,
   value,
-  onChange,
-  ...props
+  onChange
 }) => {
   const {
-    systemPlugins,
-    permissionPlugins
-  } = useMemo(() => {
-    if (props.plugins) {
-      return {
-        permissionPlugins: props.plugins,
-        systemPlugins: []
-      };
-    }
-    return plugins.byType("admin-app-permissions-renderer").reduce((acc, plugin) => {
-      if (plugin.system === true) {
-        acc.systemPlugins.push(plugin);
+    permissionRenderers
+  } = useAdminConfig();
+  const renderers = useMemo(() => {
+    const systemRenderers = [];
+    const appRenderers = [];
+    for (const renderer of permissionRenderers) {
+      if (renderer.system) {
+        systemRenderers.push(renderer);
       } else {
-        acc.permissionPlugins.push(plugin);
+        appRenderers.push(renderer);
       }
-      return acc;
-    }, {
-      systemPlugins: [],
-      permissionPlugins: []
-    });
-  }, []);
-  return /*#__PURE__*/React.createElement(Accordion, {
-    elevation: 0
-  }, [...systemPlugins, ...permissionPlugins].map(pl => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: pl.name + "." + id
-  }, pl.render({
-    value,
-    onChange
-  }))));
+    }
+    return [...systemRenderers.sort(byTitle), ...appRenderers.sort(byTitle)];
+  }, [permissionRenderers]);
+  return /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(PermissionValueProvider, {
+    value: value,
+    onChange: onChange
+  }, renderers.map(renderer => {
+    return /*#__PURE__*/React.createElement(Accordion.Item, {
+      key: renderer.name + "." + id,
+      title: renderer.title,
+      description: renderer.description,
+      icon: renderer.icon ? /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+        icon: renderer.icon,
+        label: renderer.title
+      }) : undefined,
+      "data-testid": `permission.${renderer.name}`
+    }, renderer.schema ? /*#__PURE__*/React.createElement(PermissionRenderer, {
+      schema: renderer.schema
+    }) : renderer.element);
+  })));
 };
 
 //# sourceMappingURL=Permissions.js.map

package/components/Permissions/Permissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Accordion","plugins","Permissions","id","value","onChange","props","systemPlugins","permissionPlugins","byType","reduce","acc","plugin","system","push","createElement","elevation","map","pl","Fragment","key","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { AdminAppPermissionRendererPlugin } from \"~/types.js\";\nimport { Accordion } from \"@webiny/ui/Accordion/index.js\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin.js\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n    plugins?: PermissionRendererPlugin[];\n}\n\ninterface PermissionPlugins {\n    systemPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n    permissionPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n}\n\nexport const Permissions = ({ id, value, onChange, ...props }: PermissionsProps) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        if (props.plugins) {\n            return { permissionPlugins: props.plugins, systemPlugins: [] };\n        }\n\n        return plugins\n            .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n            .reduce(\n                (acc, plugin) => {\n                    if (plugin.system === true) {\n                        acc.systemPlugins.push(plugin);\n                    } else {\n                        acc.permissionPlugins.push(plugin);\n                    }\n                    return acc;\n                },\n                { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n            );\n    }, []);\n\n    return (\n        <Accordion elevation={0}>\n            {[...systemPlugins, ...permissionPlugins].map(pl => (\n                <React.Fragment key={pl.name + \".\" + id}>\n                    {pl.render({\n                        value,\n                        onChange\n                    })}\n                </React.Fragment>\n            ))}\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,OAAO,QAAQ,iBAAiB;AAczC,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAChF,MAAM;IAAEC,aAAa;IAAEC;EAAkB,CAAC,GAAGT,OAAO,CAAoB,MAAM;IAC1E,IAAIO,KAAK,CAACL,OAAO,EAAE;MACf,OAAO;QAAEO,iBAAiB,EAAEF,KAAK,CAACL,OAAO;QAAEM,aAAa,EAAE;MAAG,CAAC;IAClE;IAEA,OAAON,OAAO,CACTQ,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,CAACC,GAAG,EAAEC,MAAM,KAAK;MACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;QACxBF,GAAG,CAACJ,aAAa,CAACO,IAAI,CAACF,MAAM,CAAC;MAClC,CAAC,MAAM;QACHD,GAAG,CAACH,iBAAiB,CAACM,IAAI,CAACF,MAAM,CAAC;MACtC;MACA,OAAOD,GAAG;IACd,CAAC,EACD;MAAEJ,aAAa,EAAE,EAAE;MAAEC,iBAAiB,EAAE;IAAG,CAC/C,CAAC;EACT,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIV,KAAA,CAAAiB,aAAA,CAACf,SAAS;IAACgB,SAAS,EAAE;EAAE,GACnB,CAAC,GAAGT,aAAa,EAAE,GAAGC,iBAAiB,CAAC,CAACS,GAAG,CAACC,EAAE,iBAC5CpB,KAAA,CAAAiB,aAAA,CAACjB,KAAK,CAACqB,QAAQ;IAACC,GAAG,EAAEF,EAAE,CAACG,IAAI,GAAG,GAAG,GAAGlB;EAAG,GACnCe,EAAE,CAACI,MAAM,CAAC;IACPlB,KAAK;IACLC;EACJ,CAAC,CACW,CACnB,CACM,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Accordion","useAdminConfig","PermissionValueProvider","PermissionRenderer","byTitle","a","b","title","localeCompare","Permissions","id","value","onChange","permissionRenderers","renderers","systemRenderers","appRenderers","renderer","system","push","sort","createElement","map","Item","key","name","description","icon","Icon","label","undefined","schema","element"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport type { PermissionRendererConfig } from \"~/permissions/types.js\";\nimport { PermissionValueProvider } from \"~/permissions/PermissionValueContext.js\";\nimport { PermissionRenderer } from \"~/permissions/PermissionRenderer.js\";\n\nconst byTitle = (a: PermissionRendererConfig, b: PermissionRendererConfig) => {\n    return a.title.localeCompare(b.title);\n};\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n}\n\nexport const Permissions = ({ id, value, onChange }: PermissionsProps) => {\n    const { permissionRenderers } = useAdminConfig();\n\n    const renderers = useMemo<PermissionRendererConfig[]>(() => {\n        const systemRenderers: PermissionRendererConfig[] = [];\n        const appRenderers: PermissionRendererConfig[] = [];\n\n        for (const renderer of permissionRenderers) {\n            if (renderer.system) {\n                systemRenderers.push(renderer);\n            } else {\n                appRenderers.push(renderer);\n            }\n        }\n\n        return [...systemRenderers.sort(byTitle), ...appRenderers.sort(byTitle)];\n    }, [permissionRenderers]);\n\n    return (\n        <Accordion>\n            <PermissionValueProvider value={value} onChange={onChange}>\n                {renderers.map(renderer => {\n                    return (\n                        <Accordion.Item\n                            key={renderer.name + \".\" + id}\n                            title={renderer.title}\n                            description={renderer.description}\n                            icon={\n                                renderer.icon ? (\n                                    <Accordion.Item.Icon\n                                        icon={renderer.icon}\n                                        label={renderer.title}\n                                    />\n                                ) : undefined\n                            }\n                            data-testid={`permission.${renderer.name}`}\n                        >\n                            {renderer.schema ? (\n                                <PermissionRenderer schema={renderer.schema} />\n                            ) : (\n                                renderer.element\n                            )}\n                        </Accordion.Item>\n                    );\n                })}\n            </PermissionValueProvider>\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,cAAc;AAEvB,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAE3B,MAAMC,OAAO,GAAGA,CAACC,CAA2B,EAAEC,CAA2B,KAAK;EAC1E,OAAOD,CAAC,CAACE,KAAK,CAACC,aAAa,CAACF,CAAC,CAACC,KAAK,CAAC;AACzC,CAAC;AAMD,OAAO,MAAME,WAAW,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAoB,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAEhD,MAAMa,SAAS,GAAGf,OAAO,CAA6B,MAAM;IACxD,MAAMgB,eAA2C,GAAG,EAAE;IACtD,MAAMC,YAAwC,GAAG,EAAE;IAEnD,KAAK,MAAMC,QAAQ,IAAIJ,mBAAmB,EAAE;MACxC,IAAII,QAAQ,CAACC,MAAM,EAAE;QACjBH,eAAe,CAACI,IAAI,CAACF,QAAQ,CAAC;MAClC,CAAC,MAAM;QACHD,YAAY,CAACG,IAAI,CAACF,QAAQ,CAAC;MAC/B;IACJ;IAEA,OAAO,CAAC,GAAGF,eAAe,CAACK,IAAI,CAAChB,OAAO,CAAC,EAAE,GAAGY,YAAY,CAACI,IAAI,CAAChB,OAAO,CAAC,CAAC;EAC5E,CAAC,EAAE,CAACS,mBAAmB,CAAC,CAAC;EAEzB,oBACIf,KAAA,CAAAuB,aAAA,CAACrB,SAAS,qBACNF,KAAA,CAAAuB,aAAA,CAACnB,uBAAuB;IAACS,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,GACrDE,SAAS,CAACQ,GAAG,CAACL,QAAQ,IAAI;IACvB,oBACInB,KAAA,CAAAuB,aAAA,CAACrB,SAAS,CAACuB,IAAI;MACXC,GAAG,EAAEP,QAAQ,CAACQ,IAAI,GAAG,GAAG,GAAGf,EAAG;MAC9BH,KAAK,EAAEU,QAAQ,CAACV,KAAM;MACtBmB,WAAW,EAAET,QAAQ,CAACS,WAAY;MAClCC,IAAI,EACAV,QAAQ,CAACU,IAAI,gBACT7B,KAAA,CAAAuB,aAAA,CAACrB,SAAS,CAACuB,IAAI,CAACK,IAAI;QAChBD,IAAI,EAAEV,QAAQ,CAACU,IAAK;QACpBE,KAAK,EAAEZ,QAAQ,CAACV;MAAM,CACzB,CAAC,GACFuB,SACP;MACD,eAAa,cAAcb,QAAQ,CAACQ,IAAI;IAAG,GAE1CR,QAAQ,CAACc,MAAM,gBACZjC,KAAA,CAAAuB,aAAA,CAAClB,kBAAkB;MAAC4B,MAAM,EAAEd,QAAQ,CAACc;IAAO,CAAE,CAAC,GAE/Cd,QAAQ,CAACe,OAED,CAAC;EAEzB,CAAC,CACoB,CAClB,CAAC;AAEpB,CAAC","ignoreList":[]}

package/components/SimpleForm/SimpleForm.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const simpleFormInnerVariants: (props?: ({
-    size?: "md" | "lg" | "full" | null | undefined;
+    size?: "full" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface SimpleFormProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof simpleFormInnerVariants> {
     children: React.ReactNode;

package/components/Wcp.d.ts

@@ -6,10 +6,12 @@ declare function CanUseTeams({ children }: ChildrenProps): React.JSX.Element | n
 declare function CanUsePrivateFiles({ children }: ChildrenProps): React.JSX.Element | null;
 declare function CanUseFileManagerThreatDetection({ children }: ChildrenProps): React.JSX.Element | null;
 declare function CanUseWorkflows({ children }: ChildrenProps): React.JSX.Element | null;
+declare function CanUseHcmsFieldPermissions({ children }: ChildrenProps): React.JSX.Element | null;
 export declare const Wcp: {
     CanUseTeams: typeof CanUseTeams;
     CanUsePrivateFiles: typeof CanUsePrivateFiles;
     CanUseFileManagerThreatDetection: typeof CanUseFileManagerThreatDetection;
     CanUseWorkflows: typeof CanUseWorkflows;
+    CanUseHcmsFieldPermissions: typeof CanUseHcmsFieldPermissions;
 };
 export {};