@webiny/app-admin 0.0.0-unstable.a4f3e4ea8b → 0.0.0-unstable.a85ef555b2

package/base/createRootContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/createRootContainer.js","sources":["../../src/base/createRootContainer.ts"],"sourcesContent":["import { createBrowserHistory } from \"history\";\nimport { Container } from \"@webiny/di\";\nimport { DefaultRouteElementRegistry } from \"@webiny/app/presentation/router/RouteElementRegistry.js\";\nimport { RouterGateway } from \"@webiny/app/features/router/abstractions.js\";\nimport { RouterFeature } from \"@webiny/app/features/router/feature.js\";\nimport { HistoryRouterGateway } from \"@webiny/app/features/router/HistoryRouterGateway.js\";\nimport { EnvConfigFeature } from \"@webiny/app/features/envConfig/feature.js\";\nimport { GraphQLClientFeature } from \"@webiny/app/features/graphqlClient/feature.js\";\nimport { MainGraphQLClientFeature } from \"@webiny/app/features/mainGraphQLClient/feature.js\";\nimport { LocalStorageFeature } from \"@webiny/app/features/localStorage/feature.js\";\nimport { EventPublisherFeature } from \"@webiny/app/features/eventPublisher/feature.js\";\nimport { NotificationsFeature } from \"~/features/notifications/feature.js\";\nimport { WcpFeature } from \"~/features/wcp/feature.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { TelemetryFeature } from \"~/features/telemetry/feature.js\";\nimport { ErrorOverlayNetworkErrorHandler } from \"~/errors/ErrorOverlayNetworkErrorHandler.js\";\nimport { ToolsFeature } from \"~/features/tools/feature.js\";\nimport { TextToLexicalToolFeature } from \"~/presentation/textToLexicalTool/feature.js\";\nimport { ConfirmationFeature } from \"~/features/confirmation/feature.js\";\nimport { ClipboardFeature } from \"~/features/clipboard/feature.js\";\n\nconst isUndefined = (value: any) => [undefined, \"undefined\"].includes(value);\n\nexport function createRootContainer() {\n    const container = new Container();\n\n    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;\n    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv as string);\n    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);\n\n    EnvConfigFeature.register(container, {\n        deploymentId,\n        apiUrl: String(process.env.REACT_APP_API_URL),\n        debug: process.env.WEBINY_ADMIN_DEBUG === \"true\",\n        graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),\n        telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === \"true\",\n        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,\n        trashBinRetentionPeriodDays: trashBinRetention,\n        wcpProjectId:\n            process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,\n        websocketUrl: String(process.env.REACT_APP_WEBSOCKET_URL)\n    });\n\n    // Router\n    const history = createBrowserHistory();\n    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, \"\"));\n    container.register(DefaultRouteElementRegistry).inSingletonScope();\n\n    RouterFeature.register(container);\n\n    EventPublisherFeature.register(container);\n\n    NotificationsFeature.register(container);\n\n    GraphQLClientFeature.register(container, { batching: true, retry: true });\n\n    MainGraphQLClientFeature.register(container);\n\n    LocalStorageFeature.register(container, { prefix: `webiny/${deploymentId}` });\n\n    TenancyFeature.register(container);\n\n    WcpFeature.register(container);\n\n    SystemInstallerFeature.register(container);\n\n    TelemetryFeature.register(container);\n\n    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();\n\n    ToolsFeature.register(container);\n\n    TextToLexicalToolFeature.register(container);\n\n    ConfirmationFeature.register(container);\n\n    ClipboardFeature.register(container);\n\n    return container;\n}\n"],"names":["isUndefined","value","undefined","createRootContainer","container","Container","trashBinEnv","process","trashBinRetention","parseInt","deploymentId","String","EnvConfigFeature","history","createBrowserHistory","RouterGateway","HistoryRouterGateway","DefaultRouteElementRegistry","RouterFeature","EventPublisherFeature","NotificationsFeature","GraphQLClientFeature","MainGraphQLClientFeature","LocalStorageFeature","TenancyFeature","WcpFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature","ConfirmationFeature","ClipboardFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,cAAc,CAACC,QAAe;QAACC;QAAW;KAAY,CAAC,QAAQ,CAACD;AAE/D,SAASE;IACZ,MAAMC,YAAY,IAAIC;IAEtB,MAAMC,cAAcC,QAAQ,GAAG,CAAC,4CAA4C;IAC5E,MAAMC,oBAAoBR,YAAYM,eAAe,KAAKG,SAASH;IACnE,MAAMI,eAAeC,OAAOJ,QAAQ,GAAG,CAAC,0BAA0B;IAElEK,iBAAiB,QAAQ,CAACR,WAAW;QACjCM;QACA,QAAQC,OAAOJ,QAAQ,GAAG,CAAC,iBAAiB;QAC5C,OAAOA,AAAmC,WAAnCA,QAAQ,GAAG,CAAC,kBAAkB;QACrC,eAAeI,OAAOJ,QAAQ,GAAG,CAAC,yBAAyB;QAC3D,kBAAkBA,AAA2C,WAA3CA,QAAQ,GAAG,CAAC,0BAA0B;QACxD,iBAAiBA,QAAQ,GAAG,CAAC,kCAAkC;QAC/D,6BAA6BC;QAC7B,cACID,QAAQ,GAAG,CAAC,2BAA2B,IAAIA,QAAQ,GAAG,CAAC,wBAAwB;QACnF,cAAcI,OAAOJ,QAAQ,GAAG,CAAC,uBAAuB;IAC5D;IAGA,MAAMM,UAAUC;IAChBV,UAAU,gBAAgB,CAACW,eAAe,IAAIC,qBAAqBH,SAAS;IAC5ET,UAAU,QAAQ,CAACa,6BAA6B,gBAAgB;IAEhEC,cAAc,QAAQ,CAACd;IAEvBe,sBAAsB,QAAQ,CAACf;IAE/BgB,qBAAqB,QAAQ,CAAChB;IAE9BiB,qBAAqB,QAAQ,CAACjB,WAAW;QAAE,UAAU;QAAM,OAAO;IAAK;IAEvEkB,yBAAyB,QAAQ,CAAClB;IAElCmB,oBAAoB,QAAQ,CAACnB,WAAW;QAAE,QAAQ,CAAC,OAAO,EAAEM,cAAc;IAAC;IAE3Ec,eAAe,QAAQ,CAACpB;IAExBqB,WAAW,QAAQ,CAACrB;IAEpBsB,uBAAuB,QAAQ,CAACtB;IAEhCuB,iBAAiB,QAAQ,CAACvB;IAE1BA,UAAU,QAAQ,CAACwB,iCAAiC,gBAAgB;IAEpEC,aAAa,QAAQ,CAACzB;IAEtB0B,yBAAyB,QAAQ,CAAC1B;IAElC2B,oBAAoB,QAAQ,CAAC3B;IAE7B4B,iBAAiB,QAAQ,CAAC5B;IAE1B,OAAOA;AACX"}
+{"version":3,"file":"base/createRootContainer.js","sources":["../../src/base/createRootContainer.ts"],"sourcesContent":["import { createBrowserHistory } from \"history\";\nimport { Container } from \"@webiny/di\";\nimport { DefaultRouteElementRegistry } from \"@webiny/app/presentation/router/RouteElementRegistry.js\";\nimport { RouterGateway } from \"@webiny/app/features/router/abstractions.js\";\nimport { RouterFeature } from \"@webiny/app/features/router/feature.js\";\nimport { HistoryRouterGateway } from \"@webiny/app/features/router/HistoryRouterGateway.js\";\nimport { EnvConfigFeature } from \"@webiny/app/features/envConfig/feature.js\";\nimport { GraphQLClientFeature } from \"@webiny/app/features/graphqlClient/feature.js\";\nimport { MainGraphQLClientFeature } from \"@webiny/app/features/mainGraphQLClient/feature.js\";\nimport { ApiStreamClientFeature } from \"@webiny/app/features/apiStreamClient/feature.js\";\nimport { LocalStorageFeature } from \"@webiny/app/features/localStorage/feature.js\";\nimport { EventPublisherFeature } from \"@webiny/app/features/eventPublisher/feature.js\";\nimport { NotificationsFeature } from \"~/features/notifications/feature.js\";\nimport { BannersFeature } from \"~/features/banners/feature.js\";\nimport { FeatureFlagsFeature } from \"~/features/featureFlags/feature.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { TelemetryFeature } from \"~/features/telemetry/feature.js\";\nimport { ErrorOverlayNetworkErrorHandler } from \"~/errors/ErrorOverlayNetworkErrorHandler.js\";\nimport { ToolsFeature } from \"~/features/tools/feature.js\";\nimport { TextToLexicalToolFeature } from \"~/presentation/textToLexicalTool/feature.js\";\nimport { ConfirmationFeature } from \"~/features/confirmation/feature.js\";\nimport { ClipboardFeature } from \"~/features/clipboard/feature.js\";\nimport { resolveApiUrl, resolveGraphqlUrl, resolveWebsocketUrl } from \"./resolveApiUrl.js\";\n\nconst isUndefined = (value: any) => [undefined, \"undefined\"].includes(value);\n\nexport function createRootContainer() {\n    const container = new Container();\n\n    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;\n    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv as string);\n    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);\n\n    EnvConfigFeature.register(container, {\n        deploymentId,\n        apiUrl: resolveApiUrl(),\n        debug: process.env.WEBINY_ADMIN_DEBUG === \"true\",\n        graphqlApiUrl: resolveGraphqlUrl(),\n        telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === \"true\",\n        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,\n        trashBinRetentionPeriodDays: trashBinRetention,\n        wcpProjectId:\n            process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,\n        websocketUrl: resolveWebsocketUrl()\n    });\n\n    // Router\n    const history = createBrowserHistory();\n    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, \"\"));\n    container.register(DefaultRouteElementRegistry).inSingletonScope();\n\n    RouterFeature.register(container);\n\n    EventPublisherFeature.register(container);\n\n    NotificationsFeature.register(container);\n\n    BannersFeature.register(container);\n\n    GraphQLClientFeature.register(container, { batching: true, retry: true });\n\n    MainGraphQLClientFeature.register(container);\n\n    // Registered before TenancyFeature / AuthenticationContextFeature, which decorate it to add the\n    // tenant and auth headers.\n    ApiStreamClientFeature.register(container);\n\n    LocalStorageFeature.register(container, { prefix: `webiny/${deploymentId}` });\n\n    TenancyFeature.register(container);\n\n    FeatureFlagsFeature.register(container);\n\n    SystemInstallerFeature.register(container);\n\n    TelemetryFeature.register(container);\n\n    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();\n\n    ToolsFeature.register(container);\n\n    TextToLexicalToolFeature.register(container);\n\n    ConfirmationFeature.register(container);\n\n    ClipboardFeature.register(container);\n\n    return container;\n}\n"],"names":["isUndefined","value","undefined","createRootContainer","container","Container","trashBinEnv","process","trashBinRetention","parseInt","deploymentId","String","EnvConfigFeature","resolveApiUrl","resolveGraphqlUrl","resolveWebsocketUrl","history","createBrowserHistory","RouterGateway","HistoryRouterGateway","DefaultRouteElementRegistry","RouterFeature","EventPublisherFeature","NotificationsFeature","BannersFeature","GraphQLClientFeature","MainGraphQLClientFeature","ApiStreamClientFeature","LocalStorageFeature","TenancyFeature","FeatureFlagsFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature","ConfirmationFeature","ClipboardFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,cAAc,CAACC,QAAe;QAACC;QAAW;KAAY,CAAC,QAAQ,CAACD;AAE/D,SAASE;IACZ,MAAMC,YAAY,IAAIC;IAEtB,MAAMC,cAAcC,QAAQ,GAAG,CAAC,4CAA4C;IAC5E,MAAMC,oBAAoBR,YAAYM,eAAe,KAAKG,SAASH;IACnE,MAAMI,eAAeC,OAAOJ,QAAQ,GAAG,CAAC,0BAA0B;IAElEK,iBAAiB,QAAQ,CAACR,WAAW;QACjCM;QACA,QAAQG;QACR,OAAON,AAAmC,WAAnCA,QAAQ,GAAG,CAAC,kBAAkB;QACrC,eAAeO;QACf,kBAAkBP,AAA2C,WAA3CA,QAAQ,GAAG,CAAC,0BAA0B;QACxD,iBAAiBA,QAAQ,GAAG,CAAC,kCAAkC;QAC/D,6BAA6BC;QAC7B,cACID,QAAQ,GAAG,CAAC,2BAA2B,IAAIA,QAAQ,GAAG,CAAC,wBAAwB;QACnF,cAAcQ;IAClB;IAGA,MAAMC,UAAUC;IAChBb,UAAU,gBAAgB,CAACc,eAAe,IAAIC,qBAAqBH,SAAS;IAC5EZ,UAAU,QAAQ,CAACgB,6BAA6B,gBAAgB;IAEhEC,cAAc,QAAQ,CAACjB;IAEvBkB,sBAAsB,QAAQ,CAAClB;IAE/BmB,qBAAqB,QAAQ,CAACnB;IAE9BoB,eAAe,QAAQ,CAACpB;IAExBqB,qBAAqB,QAAQ,CAACrB,WAAW;QAAE,UAAU;QAAM,OAAO;IAAK;IAEvEsB,yBAAyB,QAAQ,CAACtB;IAIlCuB,uBAAuB,QAAQ,CAACvB;IAEhCwB,oBAAoB,QAAQ,CAACxB,WAAW;QAAE,QAAQ,CAAC,OAAO,EAAEM,cAAc;IAAC;IAE3EmB,eAAe,QAAQ,CAACzB;IAExB0B,oBAAoB,QAAQ,CAAC1B;IAE7B2B,uBAAuB,QAAQ,CAAC3B;IAEhC4B,iBAAiB,QAAQ,CAAC5B;IAE1BA,UAAU,QAAQ,CAAC6B,iCAAiC,gBAAgB;IAEpEC,aAAa,QAAQ,CAAC9B;IAEtB+B,yBAAyB,QAAQ,CAAC/B;IAElCgC,oBAAoB,QAAQ,CAAChC;IAE7BiC,iBAAiB,QAAQ,CAACjC;IAE1B,OAAOA;AACX"}

package/base/resolveApiUrl.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Composition-root bootstrap: works out the API, GraphQL and WebSocket URLs that
+ * `createRootContainer` seeds `EnvConfig` with.
+ *
+ * Plain functions rather than a feature on purpose. `EnvConfig` IS the abstraction here, and
+ * everything downstream injects it (`WebinySdk`, `MainGraphQLClient`, `WcpService`, ...). These run
+ * one step earlier, to produce the values that configure it, so a container is not yet available to
+ * resolve them from. That's also why this is one of the few places allowed to read `process.env`
+ * directly, alongside the other env reads sitting inline in `createRootContainer`.
+ */
+export declare const resolveApiUrl: () => string;
+export declare const resolveGraphqlUrl: () => string;
+export declare const resolveWebsocketUrl: () => string;

package/base/resolveApiUrl.js

@@ -0,0 +1,26 @@
+const toAbsoluteUrl = (url)=>{
+    if ("u" < typeof window) return url;
+    return new URL(url, window.location.origin).toString().replace(/\/+$/, "");
+};
+const resolveApiUrl = ()=>{
+    const url = process.env.WEBINY_ADMIN_API_URL;
+    if (url && "undefined" !== url) return toAbsoluteUrl(url);
+    return "u" > typeof window ? window.location.origin : "";
+};
+const resolveGraphqlUrl = ()=>`${resolveApiUrl()}/graphql`;
+const resolveWebsocketUrl = ()=>{
+    const awsExplicit = process.env.REACT_APP_WEBSOCKET_URL;
+    if (awsExplicit && "undefined" !== awsExplicit) return awsExplicit;
+    const serverExplicit = process.env.WEBINY_ADMIN_WS_API_URL;
+    if (serverExplicit && "undefined" !== serverExplicit) return toWebsocketUrl(serverExplicit);
+    const apiUrl = process.env.WEBINY_ADMIN_API_URL;
+    if (apiUrl && "undefined" !== apiUrl) return toWebsocketUrl(apiUrl);
+    return "";
+};
+const toWebsocketUrl = (url)=>{
+    if (/^wss?:\/\//.test(url)) return url;
+    return toAbsoluteUrl(url).replace(/^http/, "ws");
+};
+export { resolveApiUrl, resolveGraphqlUrl, resolveWebsocketUrl };
+
+//# sourceMappingURL=resolveApiUrl.js.map

package/base/resolveApiUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/resolveApiUrl.js","sources":["../../src/base/resolveApiUrl.ts"],"sourcesContent":["/**\n * Composition-root bootstrap: works out the API, GraphQL and WebSocket URLs that\n * `createRootContainer` seeds `EnvConfig` with.\n *\n * Plain functions rather than a feature on purpose. `EnvConfig` IS the abstraction here, and\n * everything downstream injects it (`WebinySdk`, `MainGraphQLClient`, `WcpService`, ...). These run\n * one step earlier, to produce the values that configure it, so a container is not yet available to\n * resolve them from. That's also why this is one of the few places allowed to read `process.env`\n * directly, alongside the other env reads sitting inline in `createRootContainer`.\n */\n\n/**\n * Resolves a configured API URL to an absolute one against the page origin, so the value baked into\n * the bundle can be relative.\n *\n * That's what lets one build run anywhere. `WEBINY_ADMIN_API_URL=/api` works on http://localhost:3001\n * behind the dev proxy, on a portless domain like https://wby6.localhost, and behind a reverse proxy\n * in production, because the origin is filled in by the browser rather than at build time. An absolute\n * value still passes through unchanged.\n */\nconst toAbsoluteUrl = (url: string): string => {\n    if (typeof window === \"undefined\") {\n        return url;\n    }\n\n    // `new URL` appends a trailing slash to a bare origin; callers append their own path segments.\n    return new URL(url, window.location.origin).toString().replace(/\\/+$/, \"\");\n};\n\n// Prefer the configured API URL (baked by `<Admin.ApiUrl>` into WEBINY_ADMIN_API_URL); else\n// same-origin (a deployed standalone admin served behind the same domain as the API needs no\n// baked-in URL). Never return the literal string \"undefined\".\nexport const resolveApiUrl = (): string => {\n    const url = process.env.WEBINY_ADMIN_API_URL;\n    if (url && url !== \"undefined\") {\n        return toAbsoluteUrl(url);\n    }\n    return typeof window !== \"undefined\" ? window.location.origin : \"\";\n};\n\n// The GraphQL endpoint derived from the resolved API URL.\nexport const resolveGraphqlUrl = (): string => `${resolveApiUrl()}/graphql`;\n\n// Resolve the WebSocket URL for the admin, in order:\n//   1. REACT_APP_WEBSOCKET_URL   — AWS: the dedicated API Gateway WebSocket URL.\n//   2. WEBINY_ADMIN_WS_API_URL   — standalone: a dedicated WS URL (baked via `<Admin.WebsocketsUrl>`),\n//                                  only needed when WS is served from a different origin than the API.\n//   3. derived from the API URL  — standalone default: the server handles WS upgrades on its own\n//                                  origin, so use the API origin with http(s) swapped for ws(s).\n// Returns \"\" when none is configured (real-time updates are then disabled). This is one of the few\n// spots allowed to read process.env — it runs at the admin composition root, like resolveApiUrl.\nexport const resolveWebsocketUrl = (): string => {\n    const awsExplicit = process.env.REACT_APP_WEBSOCKET_URL;\n    if (awsExplicit && awsExplicit !== \"undefined\") {\n        return awsExplicit;\n    }\n\n    const serverExplicit = process.env.WEBINY_ADMIN_WS_API_URL;\n    if (serverExplicit && serverExplicit !== \"undefined\") {\n        return toWebsocketUrl(serverExplicit);\n    }\n\n    const apiUrl = process.env.WEBINY_ADMIN_API_URL;\n    if (apiUrl && apiUrl !== \"undefined\") {\n        return toWebsocketUrl(apiUrl);\n    }\n\n    return \"\";\n};\n\n/**\n * Turns a configured value into a WebSocket URL the browser can dial.\n *\n * Resolved against the page origin before the scheme is swapped, because a relative value like\n * `/api` has no scheme to swap: the prefix replacement alone would hand back `/api` unchanged, which\n * connects to nothing. A value that already names a ws(s) origin passes straight through.\n */\nconst toWebsocketUrl = (url: string): string => {\n    if (/^wss?:\\/\\//.test(url)) {\n        return url;\n    }\n\n    return toAbsoluteUrl(url).replace(/^http/, \"ws\");\n};\n"],"names":["toAbsoluteUrl","url","window","URL","resolveApiUrl","process","resolveGraphqlUrl","resolveWebsocketUrl","awsExplicit","serverExplicit","toWebsocketUrl","apiUrl"],"mappings":"AAoBA,MAAMA,gBAAgB,CAACC;IACnB,IAAI,AAAkB,MAAlB,OAAOC,QACP,OAAOD;IAIX,OAAO,IAAIE,IAAIF,KAAKC,OAAO,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ;AAC3E;AAKO,MAAME,gBAAgB;IACzB,MAAMH,MAAMI,QAAQ,GAAG,CAAC,oBAAoB;IAC5C,IAAIJ,OAAOA,AAAQ,gBAARA,KACP,OAAOD,cAAcC;IAEzB,OAAO,AAAkB,MAAlB,OAAOC,SAAyBA,OAAO,QAAQ,CAAC,MAAM,GAAG;AACpE;AAGO,MAAMI,oBAAoB,IAAc,GAAGF,gBAAgB,QAAQ,CAAC;AAUpE,MAAMG,sBAAsB;IAC/B,MAAMC,cAAcH,QAAQ,GAAG,CAAC,uBAAuB;IACvD,IAAIG,eAAeA,AAAgB,gBAAhBA,aACf,OAAOA;IAGX,MAAMC,iBAAiBJ,QAAQ,GAAG,CAAC,uBAAuB;IAC1D,IAAII,kBAAkBA,AAAmB,gBAAnBA,gBAClB,OAAOC,eAAeD;IAG1B,MAAME,SAASN,QAAQ,GAAG,CAAC,oBAAoB;IAC/C,IAAIM,UAAUA,AAAW,gBAAXA,QACV,OAAOD,eAAeC;IAG1B,OAAO;AACX;AASA,MAAMD,iBAAiB,CAACT;IACpB,IAAI,aAAa,IAAI,CAACA,MAClB,OAAOA;IAGX,OAAOD,cAAcC,KAAK,OAAO,CAAC,SAAS;AAC/C"}

package/base/ui/AssumedPermissionsSelector.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+/**
+ * Placeholder for the "view as" header control, mirroring TenantSelector. The Layout renders this,
+ * and AccessManagementExtension decorates it with the real control.
+ *
+ * The real control renders nothing unless a preview is already active. Entering a preview happens
+ * from the role and team forms. It exists so that someone comparing roles can jump straight from
+ * one to the next instead of exiting and opening the next form each time.
+ */
+export declare const AssumedPermissionsSelector: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const AssumedPermissionsSelectorRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/AssumedPermissionsSelector.js

@@ -0,0 +1,7 @@
+import react from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+const AssumedPermissionsSelector = makeDecoratable("AssumedPermissionsSelector", ()=>/*#__PURE__*/ react.createElement(AssumedPermissionsSelectorRenderer, null));
+const AssumedPermissionsSelectorRenderer = makeDecoratable("AssumedPermissionsSelectorRenderer", createVoidComponent());
+export { AssumedPermissionsSelector, AssumedPermissionsSelectorRenderer };
+
+//# sourceMappingURL=AssumedPermissionsSelector.js.map

package/base/ui/AssumedPermissionsSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/ui/AssumedPermissionsSelector.js","sources":["../../../src/base/ui/AssumedPermissionsSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent } from \"@webiny/app\";\nimport { makeDecoratable } from \"@webiny/app\";\n\n/**\n * Placeholder for the \"view as\" header control, mirroring TenantSelector. The Layout renders this,\n * and AccessManagementExtension decorates it with the real control.\n *\n * The real control renders nothing unless a preview is already active. Entering a preview happens\n * from the role and team forms. It exists so that someone comparing roles can jump straight from\n * one to the next instead of exiting and opening the next form each time.\n */\nexport const AssumedPermissionsSelector = makeDecoratable(\"AssumedPermissionsSelector\", () => {\n    return <AssumedPermissionsSelectorRenderer />;\n});\n\nexport const AssumedPermissionsSelectorRenderer = makeDecoratable(\n    \"AssumedPermissionsSelectorRenderer\",\n    createVoidComponent()\n);\n"],"names":["AssumedPermissionsSelector","makeDecoratable","AssumedPermissionsSelectorRenderer","createVoidComponent"],"mappings":";;AAYO,MAAMA,6BAA6BC,gBAAgB,8BAA8B,IAC7E,WAAP,GAAO,oBAACC,oCAAkCA;AAGvC,MAAMA,qCAAqCD,gBAC9C,sCACAE"}

package/base/ui/DebuggerIndicator.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Placeholder for the debug capture header control, mirroring AssumedPermissionsSelector. The
+ * Layout renders this, and DebuggerExtension decorates it with the real control.
+ */
+export declare const DebuggerIndicator: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/DebuggerIndicator.js

@@ -0,0 +1,5 @@
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+const DebuggerIndicator = makeDecoratable("DebuggerIndicator", createVoidComponent());
+export { DebuggerIndicator };
+
+//# sourceMappingURL=DebuggerIndicator.js.map

package/base/ui/DebuggerIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/ui/DebuggerIndicator.js","sources":["../../../src/base/ui/DebuggerIndicator.tsx"],"sourcesContent":["import { createVoidComponent } from \"@webiny/app\";\nimport { makeDecoratable } from \"@webiny/app\";\n\n/**\n * Placeholder for the debug capture header control, mirroring AssumedPermissionsSelector. The\n * Layout renders this, and DebuggerExtension decorates it with the real control.\n */\nexport const DebuggerIndicator = makeDecoratable(\"DebuggerIndicator\", createVoidComponent());\n"],"names":["DebuggerIndicator","makeDecoratable","createVoidComponent"],"mappings":";AAOO,MAAMA,oBAAoBC,gBAAgB,qBAAqBC"}

package/components/DeveloperMode/DeveloperMode.d.ts

@@ -1,8 +1,6 @@
 /**
  * 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
+ * For example a button that should be present only while a feature is being developed and debugged.
  */
 import React from "react";
 export interface IDeveloperModeProps {

package/components/DeveloperMode/DeveloperMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/DeveloperMode/DeveloperMode.js","sources":["../../../src/components/DeveloperMode/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"],"names":["DeveloperMode","children","process"],"mappings":";AAYO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAuB;IAC3D,IAAIC,AAAsC,WAAtCA,QAAQ,GAAG,CAAC,qBAAqB,EACjC,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGD;AACd"}
+{"version":3,"file":"components/DeveloperMode/DeveloperMode.js","sources":["../../../src/components/DeveloperMode/DeveloperMode.tsx"],"sourcesContent":["/**\n * Component is used to display something that you want to be hidden to everyone except Webiny team.\n * For example a button that should be present only while a feature is being developed and debugged.\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"],"names":["DeveloperMode","children","process"],"mappings":";AAUO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAuB;IAC3D,IAAIC,AAAsC,WAAtCA,QAAQ,GAAG,CAAC,qBAAqB,EACjC,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/components/Filters/Filters.js

@@ -1,6 +1,7 @@
 import react from "react";
 import { Separator } from "@webiny/admin-ui";
 import { Form } from "@webiny/form";
+const GRID_COLUMNS = 4;
 const Filters = (props)=>{
     if (!props.show || !props.filters.length) return null;
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
@@ -14,7 +15,12 @@ const Filters = (props)=>{
         }, props.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
                 key: filter.name,
                 className: "empty:hidden min-w-0"
-            }, filter.element)), props.children && /*#__PURE__*/ react.createElement("div", null, props.children)))), /*#__PURE__*/ react.createElement(Separator, null));
+            }, filter.element)), props.children && /*#__PURE__*/ react.createElement("div", {
+            className: "min-w-0",
+            style: {
+                gridColumn: `span ${GRID_COLUMNS - props.filters.length % GRID_COLUMNS}`
+            }
+        }, props.children)))), /*#__PURE__*/ react.createElement(Separator, null));
 };
 export { Filters };
 

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Filters/Filters.js","sources":["../../../src/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full grid grid-cols-4 gap-sm items-center\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name} className={\"empty:hidden min-w-0\"}>\n                                    {filter.element}\n                                </div>\n                            ))}\n                            {props.children && <div>{props.children}</div>}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["Filters","props","Form","filter","Separator"],"mappings":";;;AAwBO,MAAMA,UAAU,CACnBC;IAEA,IAAI,CAACA,MAAM,IAAI,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;QACX,eAAaA,KAAK,CAAC,cAAc,IAAI;qBAErC,oBAACC,MAAIA;QAAC,MAAMD,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;OAC3C,kBACG,oBAAC;YAAI,WAAW;WACXA,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAAC;gBAAI,KAAKA,OAAO,IAAI;gBAAE,WAAW;eAC7BA,OAAO,OAAO,IAGtBF,MAAM,QAAQ,IAAI,WAAJ,GAAI,oBAAC,aAAKA,MAAM,QAAQ,oBAKvD,oBAACG,WAASA;AAGtB"}
+{"version":3,"file":"components/Filters/Filters.js","sources":["../../../src/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nconst GRID_COLUMNS = 4;\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full grid grid-cols-4 gap-sm items-center\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name} className={\"empty:hidden min-w-0\"}>\n                                    {filter.element}\n                                </div>\n                            ))}\n                            {props.children && (\n                                // Children (e.g. advanced search) take the rest of the row.\n                                <div\n                                    className={\"min-w-0\"}\n                                    style={{\n                                        gridColumn: `span ${\n                                            GRID_COLUMNS - (props.filters.length % GRID_COLUMNS)\n                                        }`\n                                    }}\n                                >\n                                    {props.children}\n                                </div>\n                            )}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["GRID_COLUMNS","Filters","props","Form","filter","Separator"],"mappings":";;;AAUA,MAAMA,eAAe;AAgBd,MAAMC,UAAU,CACnBC;IAEA,IAAI,CAACA,MAAM,IAAI,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;QACX,eAAaA,KAAK,CAAC,cAAc,IAAI;qBAErC,oBAACC,MAAIA;QAAC,MAAMD,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;OAC3C,kBACG,oBAAC;YAAI,WAAW;WACXA,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAAC;gBAAI,KAAKA,OAAO,IAAI;gBAAE,WAAW;eAC7BA,OAAO,OAAO,IAGtBF,MAAM,QAAQ,I,cAEX,oBAAC;YACG,WAAW;YACX,OAAO;gBACH,YAAY,CAAC,KAAK,EACdF,eAAgBE,MAAM,OAAO,CAAC,MAAM,GAAGF,cACzC;YACN;WAECE,MAAM,QAAQ,oBAOvC,oBAACG,WAASA;AAGtB"}

package/components/IconPicker/IconPickerComponent.d.ts

@@ -12,6 +12,6 @@ export interface IconPickerProps extends FormComponentProps {
 export interface IconPickerComponentProps extends IconPickerProps {
     presenter: IconPickerPresenter;
 }
-export declare const IconPickerComponent: (({ presenter, label, description, removable, required, disabled, ...props }: IconPickerComponentProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const IconPickerComponent: (({ presenter, label, description, removable, required, disabled, ...props }: IconPickerComponentProps) => React.JSX.Element) & React.NamedExoticComponent<IconPickerComponentProps> & {
+    readonly type: ({ presenter, label, description, removable, required, disabled, ...props }: IconPickerComponentProps) => React.JSX.Element;
 };

package/components/IconPicker/plugins/customPlugin.js

@@ -1,13 +1,13 @@
 import react from "react";
-import { useApolloClient } from "@apollo/react-hooks";
 import { observer } from "mobx-react-lite";
 import { Button } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
 import { FileManager } from "../../../base/ui/FileManager.js";
 import { IconPickerTab } from "../IconPickerTab.js";
 import { useIcon } from "../index.js";
 import { useIconPicker } from "../IconPickerPresenterProvider.js";
 import { IconPickerConfig } from "../config/index.js";
-import { LIST_CUSTOM_ICONS } from "./graphql.js";
+import { CustomIconsPresenterFeature } from "../../../presentation/iconPicker/customIcons/feature.js";
 const CustomIcon = ()=>{
     const { icon, size } = useIcon();
     return /*#__PURE__*/ react.createElement("img", {
@@ -72,25 +72,10 @@ const CustomIconTab = observer(()=>{
     });
 });
 const CustomIconPlugin = ()=>{
-    const client = useApolloClient();
+    const { presenter } = useFeature(CustomIconsPresenterFeature);
     return /*#__PURE__*/ react.createElement(IconPickerConfig, null, /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
         name: "custom",
-        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.");
-            const { data, error } = response.fileManager.listFiles;
-            if (!data) throw new Error(error?.message || "Could not fetch custom icons.");
-            return data.map((customIcon)=>({
-                    type: "custom",
-                    name: customIcon.name,
-                    value: customIcon.src
-                }));
-        }
+        provider: ()=>presenter.load()
     }), /*#__PURE__*/ react.createElement(IconPickerConfig.IconType, {
         name: "custom"
     }, /*#__PURE__*/ react.createElement(IconPickerConfig.IconType.Icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"components/IconPicker/plugins/customPlugin.js","sources":["../../../../src/components/IconPicker/plugins/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 type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport { IconPickerTab } from \"../IconPickerTab.js\";\nimport { useIcon } from \"../index.js\";\nimport { useIconPicker } from \"../IconPickerPresenterProvider.js\";\nimport { IconPickerConfig } from \"../config/index.js\";\nimport type { ListCustomIconsQueryResponse } from \"./graphql.js\";\nimport { LIST_CUSTOM_ICONS } from \"./graphql.js\";\nimport type { Icon } from \"../types.js\";\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            render={({ showFileManager }) => (\n                <Button\n                    variant={\"primary\"}\n                    text={\"Browse\"}\n                    onClick={() => {\n                        showFileManager();\n                    }}\n                />\n            )}\n        ></FileManager>\n    );\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        presenter.setIcon({\n            type: \"custom\",\n            name: file.name,\n            value: file.src\n        });\n        presenter.closeMenu();\n    };\n\n    const onIconFileUpload = (file: FileManagerFileItem) => {\n        const icon = {\n            type: \"custom\",\n            name: file.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"],"names":["CustomIcon","icon","size","useIcon","IconFilePicker","onUpload","onChange","FileManager","file","showFileManager","Button","CustomIconTab","observer","presenter","useIconPicker","onIconSelect","onIconFileSelect","onIconFileUpload","IconPickerTab","CustomIconPlugin","client","useApolloClient","IconPickerConfig","response","LIST_CUSTOM_ICONS","Error","data","error","customIcon"],"mappings":";;;;;;;;;;AAqBA,MAAMA,aAAa;IACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGC;IAEvB,OAAO,WAAP,GACI,oBAAC;QACG,OAAOD;QACP,QAAQA;QACR,KAAKD,KAAK,KAAK;QACf,KAAKA,KAAK,IAAI;QACd,OAAO;YACH,eAAe;QACnB;;AAGZ;AAOA,MAAMG,iBAAiB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAuB,GACxD,WAAP,GACI,oBAACC,aAAWA;QACR,oBAAoB,CAAC,CAACC,KAAK;YACvBH,SAASG;QACb;QACA,UAAUF;QACV,OAAM;QACN,QAAQ;YAAC;SAAgB;QACzB,QAAQ,CAAC,EAAEG,eAAe,EAAE,iBACxB,oBAACC,QAAMA;gBACH,SAAS;gBACT,MAAM;gBACN,SAAS;oBACLD;gBACJ;;;AAOpB,MAAME,gBAAgBC,SAAS;IAC3B,MAAMC,YAAYC;IAElB,MAAMC,eAAe,CAACd;QAClBY,UAAU,OAAO,CAACZ;QAClBY,UAAU,SAAS;IACvB;IAEA,MAAMG,mBAAmB,CAACR;QACtBK,UAAU,OAAO,CAAC;YACd,MAAM;YACN,MAAML,KAAK,IAAI;YACf,OAAOA,KAAK,GAAG;QACnB;QACAK,UAAU,SAAS;IACvB;IAEA,MAAMI,mBAAmB,CAACT;QACtB,MAAMP,OAAO;YACT,MAAM;YACN,MAAMO,KAAK,IAAI;YACf,OAAOA,KAAK,GAAG;QACnB;QAEAK,UAAU,OAAO,CAACZ;QAClBY,UAAU,OAAO,CAACZ;QAClBY,UAAU,SAAS;IACvB;IAEA,OAAO,WAAP,GACI,oBAACK,eAAaA;QACV,OAAO;QACP,OAAO;QACP,UAAUH;QACV,uBAAS,oBAACX,gBAAcA;YAAC,UAAUY;YAAkB,UAAUC;;;AAG3E;AAEO,MAAME,mBAAmB;IAC5B,MAAMC,SAASC;IAEf,OAAO,WAAP,GACI,oBAACC,kBAAgBA,MAAAA,WAAAA,GACb,oBAACA,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAM,EAAE,MAAMC,QAAQ,EAAE,GAAG,MAAMH,OAAO,KAAK,CAA+B;gBACxE,OAAOI;gBACP,WAAW;oBACP,OAAO;gBACX;YACJ;YAEA,IAAI,CAACD,UACD,MAAM,IAAIE,MAAM;YAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,WAAW,CAAC,SAAS;YAEtD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;YAGtC,OAAOD,KAAK,GAAG,CAACE,CAAAA,aAAe;oBAC3B,MAAM;oBACN,MAAMA,WAAW,IAAI;oBACrB,OAAOA,WAAW,GAAG;gBACzB;QACJ;sBAEJ,oBAACN,iBAAiB,QAAQ;QAAC,MAAM;qBAC7B,oBAACA,iBAAiB,QAAQ,CAAC,IAAI;QAAC,uBAAS,oBAACtB,YAAUA;sBACpD,oBAACsB,iBAAiB,QAAQ,CAAC,GAAG;QAAC,uBAAS,oBAACX,eAAaA;;AAItE"}
+{"version":3,"file":"components/IconPicker/plugins/customPlugin.js","sources":["../../../../src/components/IconPicker/plugins/customPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport { IconPickerTab } from \"../IconPickerTab.js\";\nimport { useIcon } from \"../index.js\";\nimport { useIconPicker } from \"../IconPickerPresenterProvider.js\";\nimport { IconPickerConfig } from \"../config/index.js\";\nimport { CustomIconsPresenterFeature } from \"~/presentation/iconPicker/customIcons/feature.js\";\nimport type { Icon } from \"../types.js\";\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            render={({ showFileManager }) => (\n                <Button\n                    variant={\"primary\"}\n                    text={\"Browse\"}\n                    onClick={() => {\n                        showFileManager();\n                    }}\n                />\n            )}\n        ></FileManager>\n    );\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        presenter.setIcon({\n            type: \"custom\",\n            name: file.name,\n            value: file.src\n        });\n        presenter.closeMenu();\n    };\n\n    const onIconFileUpload = (file: FileManagerFileItem) => {\n        const icon = {\n            type: \"custom\",\n            name: file.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 { presenter } = useFeature(CustomIconsPresenterFeature);\n\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack name=\"custom\" provider={() => presenter.load()} />\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"],"names":["CustomIcon","icon","size","useIcon","IconFilePicker","onUpload","onChange","FileManager","file","showFileManager","Button","CustomIconTab","observer","presenter","useIconPicker","onIconSelect","onIconFileSelect","onIconFileUpload","IconPickerTab","CustomIconPlugin","useFeature","CustomIconsPresenterFeature","IconPickerConfig"],"mappings":";;;;;;;;;;AAaA,MAAMA,aAAa;IACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGC;IAEvB,OAAO,WAAP,GACI,oBAAC;QACG,OAAOD;QACP,QAAQA;QACR,KAAKD,KAAK,KAAK;QACf,KAAKA,KAAK,IAAI;QACd,OAAO;YACH,eAAe;QACnB;;AAGZ;AAOA,MAAMG,iBAAiB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAuB,GACxD,WAAP,GACI,oBAACC,aAAWA;QACR,oBAAoB,CAAC,CAACC,KAAK;YACvBH,SAASG;QACb;QACA,UAAUF;QACV,OAAM;QACN,QAAQ;YAAC;SAAgB;QACzB,QAAQ,CAAC,EAAEG,eAAe,EAAE,iBACxB,oBAACC,QAAMA;gBACH,SAAS;gBACT,MAAM;gBACN,SAAS;oBACLD;gBACJ;;;AAOpB,MAAME,gBAAgBC,SAAS;IAC3B,MAAMC,YAAYC;IAElB,MAAMC,eAAe,CAACd;QAClBY,UAAU,OAAO,CAACZ;QAClBY,UAAU,SAAS;IACvB;IAEA,MAAMG,mBAAmB,CAACR;QACtBK,UAAU,OAAO,CAAC;YACd,MAAM;YACN,MAAML,KAAK,IAAI;YACf,OAAOA,KAAK,GAAG;QACnB;QACAK,UAAU,SAAS;IACvB;IAEA,MAAMI,mBAAmB,CAACT;QACtB,MAAMP,OAAO;YACT,MAAM;YACN,MAAMO,KAAK,IAAI;YACf,OAAOA,KAAK,GAAG;QACnB;QAEAK,UAAU,OAAO,CAACZ;QAClBY,UAAU,OAAO,CAACZ;QAClBY,UAAU,SAAS;IACvB;IAEA,OAAO,WAAP,GACI,oBAACK,eAAaA;QACV,OAAO;QACP,OAAO;QACP,UAAUH;QACV,uBAAS,oBAACX,gBAAcA;YAAC,UAAUY;YAAkB,UAAUC;;;AAG3E;AAEO,MAAME,mBAAmB;IAC5B,MAAM,EAAEN,SAAS,EAAE,GAAGO,WAAWC;IAEjC,OAAO,WAAP,GACI,oBAACC,kBAAgBA,MAAAA,WAAAA,GACb,oBAACA,iBAAiB,QAAQ;QAAC,MAAK;QAAS,UAAU,IAAMT,UAAU,IAAI;sBACvE,oBAACS,iBAAiB,QAAQ;QAAC,MAAM;qBAC7B,oBAACA,iBAAiB,QAAQ,CAAC,IAAI;QAAC,uBAAS,oBAACtB,YAAUA;sBACpD,oBAACsB,iBAAiB,QAAQ,CAAC,GAAG;QAAC,uBAAS,oBAACX,eAAaA;;AAItE"}

package/components/ListView/ListViewBulkActions.d.ts

@@ -5,7 +5,7 @@ export interface ListViewBulkActionsProps {
     itemLabelPlural?: string;
     actions: React.ComponentProps<typeof Buttons>["actions"];
 }
-declare const ListViewBulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: ListViewBulkActionsProps) => React.JSX.Element) & {
-    displayName: string;
+declare const ListViewBulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: ListViewBulkActionsProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewBulkActionsProps> & {
+    readonly type: ({ itemLabel, itemLabelPlural, actions: bulkActions }: ListViewBulkActionsProps) => React.JSX.Element;
 };
 export { ListViewBulkActions };

package/components/ListView/ListViewContent.d.ts

@@ -6,7 +6,7 @@ export interface ListViewContentProps {
     searchEmpty?: React.ReactNode;
     children: React.ReactNode;
 }
-declare const ListViewContent: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element) & {
-    displayName: string;
+declare const ListViewContent: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewContentProps> & {
+    readonly type: ({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element;
 };
 export { ListViewContent };

package/components/ListView/ListViewFilters.d.ts

@@ -9,7 +9,7 @@ export interface ListViewFiltersProps {
     filtersToWhere?: FiltersToWhereConverter[];
     children?: React.ReactNode;
 }
-declare const ListViewFilters: (({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element) & {
-    displayName: string;
+declare const ListViewFilters: (({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewFiltersProps> & {
+    readonly type: ({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element;
 };
 export { ListViewFilters };

package/components/ListView/index.d.ts

@@ -8,14 +8,14 @@ export declare const ListView: typeof ListViewBase & {
     };
     Header: typeof ListViewHeader;
     BottomBar: typeof ListViewBottomBar;
-    BulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element) & {
-        displayName: string;
+    BulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewBulkActions.js").ListViewBulkActionsProps> & {
+        readonly type: ({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element;
     };
-    Filters: (({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element) & {
-        displayName: string;
+    Filters: (({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewFilters.js").ListViewFiltersProps> & {
+        readonly type: ({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element;
     };
-    Content: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element) & {
-        displayName: string;
+    Content: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewContent.js").ListViewContentProps> & {
+        readonly type: ({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element;
     };
 };
 export { useListView } from "./context.js";

package/components/Permissions/Permissions.js

@@ -3,13 +3,14 @@ import { Accordion } from "@webiny/admin-ui";
 import { useAdminConfig } from "../../config/AdminConfig.js";
 import { PermissionValueProvider } from "../../permissions/PermissionValueContext.js";
 import { PermissionRenderer } from "../../permissions/PermissionRenderer.js";
+import { mergeByName } from "./mergeByName.js";
 const byTitle = (a, b)=>a.title.localeCompare(b.title);
 const Permissions = ({ id, value, onChange })=>{
     const { permissionRenderers } = useAdminConfig();
     const renderers = useMemo(()=>{
         const systemRenderers = [];
         const appRenderers = [];
-        for (const renderer of permissionRenderers)if (renderer.system) systemRenderers.push(renderer);
+        for (const renderer of mergeByName(permissionRenderers))if (renderer.system) systemRenderers.push(renderer);
         else appRenderers.push(renderer);
         return [
             ...systemRenderers.sort(byTitle),

package/components/Permissions/Permissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Permissions/Permissions.js","sources":["../../../src/components/Permissions/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"],"names":["byTitle","a","b","Permissions","id","value","onChange","permissionRenderers","useAdminConfig","renderers","useMemo","systemRenderers","appRenderers","renderer","Accordion","PermissionValueProvider","undefined","PermissionRenderer"],"mappings":";;;;;AAQA,MAAMA,UAAU,CAACC,GAA6BC,IACnCD,EAAE,KAAK,CAAC,aAAa,CAACC,EAAE,KAAK;AAOjC,MAAMC,cAAc,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAEC,QAAQ,EAAoB;IACjE,MAAM,EAAEC,mBAAmB,EAAE,GAAGC;IAEhC,MAAMC,YAAYC,QAAoC;QAClD,MAAMC,kBAA8C,EAAE;QACtD,MAAMC,eAA2C,EAAE;QAEnD,KAAK,MAAMC,YAAYN,oBACnB,IAAIM,SAAS,MAAM,EACfF,gBAAgB,IAAI,CAACE;aAErBD,aAAa,IAAI,CAACC;QAI1B,OAAO;eAAIF,gBAAgB,IAAI,CAACX;eAAaY,aAAa,IAAI,CAACZ;SAAS;IAC5E,GAAG;QAACO;KAAoB;IAExB,OAAO,WAAP,GACI,oBAACO,WAASA,MAAAA,WAAAA,GACN,oBAACC,yBAAuBA;QAAC,OAAOV;QAAO,UAAUC;OAC5CG,UAAU,GAAG,CAACI,CAAAA,WACJ,WAAP,GACI,oBAACC,UAAU,IAAI;YACX,KAAKD,SAAS,IAAI,GAAG,MAAMT;YAC3B,OAAOS,SAAS,KAAK;YACrB,aAAaA,SAAS,WAAW;YACjC,MACIA,SAAS,IAAI,GAAG,WAAH,GACT,oBAACC,UAAU,IAAI,CAAC,IAAI;gBAChB,MAAMD,SAAS,IAAI;gBACnB,OAAOA,SAAS,KAAK;iBAEzBG;YAER,eAAa,CAAC,WAAW,EAAEH,SAAS,IAAI,EAAE;WAEzCA,SAAS,MAAM,GAAG,WAAH,GACZ,oBAACI,oBAAkBA;YAAC,QAAQJ,SAAS,MAAM;aAE3CA,SAAS,OAAO;AAQhD"}
+{"version":3,"file":"components/Permissions/Permissions.js","sources":["../../../src/components/Permissions/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\";\nimport { mergeByName } from \"./mergeByName.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 mergeByName(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"],"names":["byTitle","a","b","Permissions","id","value","onChange","permissionRenderers","useAdminConfig","renderers","useMemo","systemRenderers","appRenderers","renderer","mergeByName","Accordion","PermissionValueProvider","undefined","PermissionRenderer"],"mappings":";;;;;;AASA,MAAMA,UAAU,CAACC,GAA6BC,IACnCD,EAAE,KAAK,CAAC,aAAa,CAACC,EAAE,KAAK;AAOjC,MAAMC,cAAc,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAEC,QAAQ,EAAoB;IACjE,MAAM,EAAEC,mBAAmB,EAAE,GAAGC;IAEhC,MAAMC,YAAYC,QAAoC;QAClD,MAAMC,kBAA8C,EAAE;QACtD,MAAMC,eAA2C,EAAE;QAEnD,KAAK,MAAMC,YAAYC,YAAYP,qBAC/B,IAAIM,SAAS,MAAM,EACfF,gBAAgB,IAAI,CAACE;aAErBD,aAAa,IAAI,CAACC;QAI1B,OAAO;eAAIF,gBAAgB,IAAI,CAACX;eAAaY,aAAa,IAAI,CAACZ;SAAS;IAC5E,GAAG;QAACO;KAAoB;IAExB,OAAO,WAAP,GACI,oBAACQ,WAASA,MAAAA,WAAAA,GACN,oBAACC,yBAAuBA;QAAC,OAAOX;QAAO,UAAUC;OAC5CG,UAAU,GAAG,CAACI,CAAAA,WACJ,WAAP,GACI,oBAACE,UAAU,IAAI;YACX,KAAKF,SAAS,IAAI,GAAG,MAAMT;YAC3B,OAAOS,SAAS,KAAK;YACrB,aAAaA,SAAS,WAAW;YACjC,MACIA,SAAS,IAAI,GAAG,WAAH,GACT,oBAACE,UAAU,IAAI,CAAC,IAAI;gBAChB,MAAMF,SAAS,IAAI;gBACnB,OAAOA,SAAS,KAAK;iBAEzBI;YAER,eAAa,CAAC,WAAW,EAAEJ,SAAS,IAAI,EAAE;WAEzCA,SAAS,MAAM,GAAG,WAAH,GACZ,oBAACK,oBAAkBA;YAAC,QAAQL,SAAS,MAAM;aAE3CA,SAAS,OAAO;AAQhD"}

package/components/Permissions/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./StyledComponents.js";
 export { Permissions } from "./Permissions.js";
+export { mergeByName } from "./mergeByName.js";
 export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
 export * from "./PermissionsGroup.js";

package/components/Permissions/index.js

@@ -1,4 +1,5 @@
 export * from "./StyledComponents.js";
 export * from "./PermissionsGroup.js";
 export { Permissions } from "./Permissions.js";
+export { mergeByName } from "./mergeByName.js";
 export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";

package/components/Permissions/mergeByName.d.ts

@@ -0,0 +1,11 @@
+import type { PermissionRendererConfig } from "../../permissions/types.js";
+/**
+ * Collapses renderers that share the same group `name` into a single renderer,
+ * concatenating their schema entities (deduped by entity id). This lets multiple
+ * apps contribute their own entities to one shared permission group (e.g. several
+ * dev tools each registering into "dev-tools") while the UI still shows one group.
+ *
+ * Group metadata (title, description, icon, system) is taken from the first
+ * registration of a given name; subsequent registrations only add entities.
+ */
+export declare const mergeByName: (renderers: PermissionRendererConfig[]) => PermissionRendererConfig[];

package/components/Permissions/mergeByName.js

@@ -0,0 +1,33 @@
+const mergeByName = (renderers)=>{
+    const byName = new Map();
+    for (const renderer of renderers){
+        const existing = byName.get(renderer.name);
+        if (!existing) {
+            byName.set(renderer.name, renderer.schema ? {
+                ...renderer,
+                schema: {
+                    ...renderer.schema,
+                    entities: [
+                        ...renderer.schema.entities ?? []
+                    ]
+                }
+            } : {
+                ...renderer
+            });
+            continue;
+        }
+        if (existing.schema && renderer.schema) {
+            const entities = existing.schema.entities ?? [];
+            const seen = new Set(entities.map((entity)=>entity.id));
+            for (const entity of renderer.schema.entities ?? [])if (!seen.has(entity.id)) {
+                entities.push(entity);
+                seen.add(entity.id);
+            }
+            existing.schema.entities = entities;
+        }
+    }
+    return Array.from(byName.values());
+};
+export { mergeByName };
+
+//# sourceMappingURL=mergeByName.js.map

package/components/Permissions/mergeByName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Permissions/mergeByName.js","sources":["../../../src/components/Permissions/mergeByName.ts"],"sourcesContent":["import type { PermissionRendererConfig } from \"~/permissions/types.js\";\n\n/**\n * Collapses renderers that share the same group `name` into a single renderer,\n * concatenating their schema entities (deduped by entity id). This lets multiple\n * apps contribute their own entities to one shared permission group (e.g. several\n * dev tools each registering into \"dev-tools\") while the UI still shows one group.\n *\n * Group metadata (title, description, icon, system) is taken from the first\n * registration of a given name; subsequent registrations only add entities.\n */\nexport const mergeByName = (renderers: PermissionRendererConfig[]): PermissionRendererConfig[] => {\n    const byName = new Map<string, PermissionRendererConfig>();\n\n    for (const renderer of renderers) {\n        const existing = byName.get(renderer.name);\n\n        if (!existing) {\n            // Clone the schema (and its entities) so we never mutate the registered config.\n            byName.set(\n                renderer.name,\n                renderer.schema\n                    ? {\n                          ...renderer,\n                          schema: {\n                              ...renderer.schema,\n                              entities: [...(renderer.schema.entities ?? [])]\n                          }\n                      }\n                    : { ...renderer }\n            );\n            continue;\n        }\n\n        // Merge additional entities into the already-seen group.\n        if (existing.schema && renderer.schema) {\n            const entities = existing.schema.entities ?? [];\n            const seen = new Set(entities.map(entity => entity.id));\n            for (const entity of renderer.schema.entities ?? []) {\n                if (!seen.has(entity.id)) {\n                    entities.push(entity);\n                    seen.add(entity.id);\n                }\n            }\n            existing.schema.entities = entities;\n        }\n    }\n\n    return Array.from(byName.values());\n};\n"],"names":["mergeByName","renderers","byName","Map","renderer","existing","entities","seen","Set","entity","Array"],"mappings":"AAWO,MAAMA,cAAc,CAACC;IACxB,MAAMC,SAAS,IAAIC;IAEnB,KAAK,MAAMC,YAAYH,UAAW;QAC9B,MAAMI,WAAWH,OAAO,GAAG,CAACE,SAAS,IAAI;QAEzC,IAAI,CAACC,UAAU;YAEXH,OAAO,GAAG,CACNE,SAAS,IAAI,EACbA,SAAS,MAAM,GACT;gBACI,GAAGA,QAAQ;gBACX,QAAQ;oBACJ,GAAGA,SAAS,MAAM;oBAClB,UAAU;2BAAKA,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE;qBAAE;gBACnD;YACJ,IACA;gBAAE,GAAGA,QAAQ;YAAC;YAExB;QACJ;QAGA,IAAIC,SAAS,MAAM,IAAID,SAAS,MAAM,EAAE;YACpC,MAAME,WAAWD,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE;YAC/C,MAAME,OAAO,IAAIC,IAAIF,SAAS,GAAG,CAACG,CAAAA,SAAUA,OAAO,EAAE;YACrD,KAAK,MAAMA,UAAUL,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE,CAC/C,IAAI,CAACG,KAAK,GAAG,CAACE,OAAO,EAAE,GAAG;gBACtBH,SAAS,IAAI,CAACG;gBACdF,KAAK,GAAG,CAACE,OAAO,EAAE;YACtB;YAEJJ,SAAS,MAAM,CAAC,QAAQ,GAAGC;QAC/B;IACJ;IAEA,OAAOI,MAAM,IAAI,CAACR,OAAO,MAAM;AACnC"}

package/components/RolesMultiAutocomplete/index.d.ts

@@ -3,5 +3,9 @@ import { MultiAutoComplete } from "@webiny/admin-ui";
 type RolesMultiAutocompleteProps = Omit<React.ComponentProps<typeof MultiAutoComplete>, "options" | "onValuesChange"> & {
     onChange?: (values: string[]) => void;
 };
-export declare const RolesMultiAutocomplete: ({ onChange, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element;
+export declare const RolesMultiAutocomplete: (({ onChange, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element) & React.NamedExoticComponent<Omit<import("@webiny/admin-ui/MultiAutoComplete/primitives").MultiAutoCompletePrimitiveProps & import("@webiny/admin-ui").FormComponentProps<any>, "onValuesChange" | "options"> & {
+    onChange?: (values: string[]) => void;
+}> & {
+    readonly type: ({ onChange, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element;
+};
 export {};

package/components/RolesMultiAutocomplete/index.js

@@ -1,37 +1,36 @@
-import react, { useCallback, useMemo } from "react";
+import react, { useCallback, useEffect, useMemo } from "react";
 import { MultiAutoComplete } from "@webiny/admin-ui";
-import { LIST_ROLES } from "./graphql.js";
-import { useQuery } from "@apollo/react-hooks";
-const RolesMultiAutocomplete = ({ onChange, ...props })=>{
-    const { data, loading } = useQuery(LIST_ROLES);
-    const rawOptions = loading || !data ? [] : data.security.roles.data;
-    const options = useMemo(()=>rawOptions.map((role)=>({
-                label: role.name,
-                value: role.id
-            })), [
-        rawOptions
+import { useFeature } from "@webiny/app";
+import { observer } from "mobx-react-lite";
+import { RolesAutocompletePresenterFeature } from "../../presentation/accessManagement/roles/rolesAutocomplete/feature.js";
+const RolesMultiAutocomplete = observer(({ onChange, ...props })=>{
+    const { presenter } = useFeature(RolesAutocompletePresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
     ]);
     const onValuesChange = useCallback((ids)=>onChange?.(ids), [
         onChange
     ]);
     const values = useMemo(()=>{
         const selected = Array.isArray(props.values) ? props.values : Array.isArray(props.value) ? props.value : [];
-        return selected.map((s)=>{
-            if ("string" == typeof s) return s;
-            if ("object" == typeof s) return s?.id;
-            return null;
-        }).filter((s)=>!!s);
+        return selected.reduce((acc, s)=>{
+            if ("string" == typeof s) acc.push(s);
+            else if ("object" == typeof s && s?.id) acc.push(s.id);
+            return acc;
+        }, []);
     }, [
         props.values,
         props.value
     ]);
     return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
         ...props,
-        options: options,
-        values: loading ? void 0 : values,
+        options: presenter.vm.options,
+        values: presenter.vm.loading ? void 0 : values,
         onValuesChange: onValuesChange
     });
-};
+});
 export { RolesMultiAutocomplete };
 
 //# sourceMappingURL=index.js.map