@webiny/app-admin 6.6.0-alpha.0 → 6.6.0-alpha.10

package/base/createRootContainer.js

@@ -7,10 +7,13 @@ import { HistoryRouterGateway } from "@webiny/app/features/router/HistoryRouterG
 import { EnvConfigFeature } from "@webiny/app/features/envConfig/feature.js";
 import { GraphQLClientFeature } from "@webiny/app/features/graphqlClient/feature.js";
 import { MainGraphQLClientFeature } from "@webiny/app/features/mainGraphQLClient/feature.js";
+import { ApiRequestHeadersFeature } from "@webiny/app/features/apiRequestHeaders/feature.js";
+import { ApiStreamClientFeature } from "@webiny/app/features/apiStreamClient/feature.js";
 import { LocalStorageFeature } from "@webiny/app/features/localStorage/feature.js";
 import { EventPublisherFeature } from "@webiny/app/features/eventPublisher/feature.js";
 import { NotificationsFeature } from "../features/notifications/feature.js";
-import { WcpFeature } from "../features/wcp/feature.js";
+import { BannersFeature } from "../features/banners/feature.js";
+import { FeatureFlagsFeature } from "../features/featureFlags/feature.js";
 import { TenancyFeature } from "../features/tenancy/feature.js";
 import { SystemInstallerFeature } from "../presentation/installation/presenters/SystemInstaller/feature.js";
 import { TelemetryFeature } from "../features/telemetry/feature.js";
@@ -46,16 +49,19 @@ function createRootContainer() {
     RouterFeature.register(container);
     EventPublisherFeature.register(container);
     NotificationsFeature.register(container);
+    BannersFeature.register(container);
     GraphQLClientFeature.register(container, {
         batching: true,
         retry: true
     });
     MainGraphQLClientFeature.register(container);
+    ApiStreamClientFeature.register(container);
+    ApiRequestHeadersFeature.register(container);
     LocalStorageFeature.register(container, {
         prefix: `webiny/${deploymentId}`
     });
     TenancyFeature.register(container);
-    WcpFeature.register(container);
+    FeatureFlagsFeature.register(container);
     SystemInstallerFeature.register(container);
     TelemetryFeature.register(container);
     container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();

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\";\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    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","resolveApiUrl","resolveGraphqlUrl","resolveWebsocketUrl","history","createBrowserHistory","RouterGateway","HistoryRouterGateway","DefaultRouteElementRegistry","RouterFeature","EventPublisherFeature","NotificationsFeature","GraphQLClientFeature","MainGraphQLClientFeature","LocalStorageFeature","TenancyFeature","WcpFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature","ConfirmationFeature","ClipboardFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,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,qBAAqB,QAAQ,CAACpB,WAAW;QAAE,UAAU;QAAM,OAAO;IAAK;IAEvEqB,yBAAyB,QAAQ,CAACrB;IAElCsB,oBAAoB,QAAQ,CAACtB,WAAW;QAAE,QAAQ,CAAC,OAAO,EAAEM,cAAc;IAAC;IAE3EiB,eAAe,QAAQ,CAACvB;IAExBwB,WAAW,QAAQ,CAACxB;IAEpByB,uBAAuB,QAAQ,CAACzB;IAEhC0B,iBAAiB,QAAQ,CAAC1B;IAE1BA,UAAU,QAAQ,CAAC2B,iCAAiC,gBAAgB;IAEpEC,aAAa,QAAQ,CAAC5B;IAEtB6B,yBAAyB,QAAQ,CAAC7B;IAElC8B,oBAAoB,QAAQ,CAAC9B;IAE7B+B,iBAAiB,QAAQ,CAAC/B;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 { ApiRequestHeadersFeature } from \"@webiny/app/features/apiRequestHeaders/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    // Extensions' extra API request headers. Before TenancyFeature, so the tenant and auth headers\n    // wrap it and win over a provider's header of the same name.\n    ApiRequestHeadersFeature.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","ApiRequestHeadersFeature","LocalStorageFeature","TenancyFeature","FeatureFlagsFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature","ConfirmationFeature","ClipboardFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,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;IAIhCwB,yBAAyB,QAAQ,CAACxB;IAElCyB,oBAAoB,QAAQ,CAACzB,WAAW;QAAE,QAAQ,CAAC,OAAO,EAAEM,cAAc;IAAC;IAE3EoB,eAAe,QAAQ,CAAC1B;IAExB2B,oBAAoB,QAAQ,CAAC3B;IAE7B4B,uBAAuB,QAAQ,CAAC5B;IAEhC6B,iBAAiB,QAAQ,CAAC7B;IAE1BA,UAAU,QAAQ,CAAC8B,iCAAiC,gBAAgB;IAEpEC,aAAa,QAAQ,CAAC/B;IAEtBgC,yBAAyB,QAAQ,CAAChC;IAElCiC,oBAAoB,QAAQ,CAACjC;IAE7BkC,iBAAiB,QAAQ,CAAClC;IAE1B,OAAOA;AACX"}

package/base/resolveApiUrl.d.ts

@@ -1,3 +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

@@ -1,6 +1,10 @@
+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 url;
+    if (url && "undefined" !== url) return toAbsoluteUrl(url);
     return "u" > typeof window ? window.location.origin : "";
 };
 const resolveGraphqlUrl = ()=>`${resolveApiUrl()}/graphql`;
@@ -8,11 +12,15 @@ 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 serverExplicit;
+    if (serverExplicit && "undefined" !== serverExplicit) return toWebsocketUrl(serverExplicit);
     const apiUrl = process.env.WEBINY_ADMIN_API_URL;
-    if (apiUrl && "undefined" !== apiUrl) return apiUrl.replace(/^http/, "ws");
+    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

@@ -1 +1 @@
-{"version":3,"file":"base/resolveApiUrl.js","sources":["../../src/base/resolveApiUrl.ts"],"sourcesContent":["// Prefer the configured API URL (baked by `<Admin.ApiUrl>` into WEBINY_ADMIN_API_URL); else\n// same-origin (a deployed self-hosted 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 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   — self-hosted: 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  — self-hosted 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 serverExplicit;\n    }\n\n    const apiUrl = process.env.WEBINY_ADMIN_API_URL;\n    if (apiUrl && apiUrl !== \"undefined\") {\n        return apiUrl.replace(/^http/, \"ws\");\n    }\n\n    return \"\";\n};\n"],"names":["resolveApiUrl","url","process","window","resolveGraphqlUrl","resolveWebsocketUrl","awsExplicit","serverExplicit","apiUrl"],"mappings":"AAGO,MAAMA,gBAAgB;IACzB,MAAMC,MAAMC,QAAQ,GAAG,CAAC,oBAAoB;IAC5C,IAAID,OAAOA,AAAQ,gBAARA,KACP,OAAOA;IAEX,OAAO,AAAkB,MAAlB,OAAOE,SAAyBA,OAAO,QAAQ,CAAC,MAAM,GAAG;AACpE;AAGO,MAAMC,oBAAoB,IAAc,GAAGJ,gBAAgB,QAAQ,CAAC;AAUpE,MAAMK,sBAAsB;IAC/B,MAAMC,cAAcJ,QAAQ,GAAG,CAAC,uBAAuB;IACvD,IAAII,eAAeA,AAAgB,gBAAhBA,aACf,OAAOA;IAGX,MAAMC,iBAAiBL,QAAQ,GAAG,CAAC,uBAAuB;IAC1D,IAAIK,kBAAkBA,AAAmB,gBAAnBA,gBAClB,OAAOA;IAGX,MAAMC,SAASN,QAAQ,GAAG,CAAC,oBAAoB;IAC/C,IAAIM,UAAUA,AAAW,gBAAXA,QACV,OAAOA,OAAO,OAAO,CAAC,SAAS;IAGnC,OAAO;AACX"}
+{"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/base/ui/Layout.d.ts

@@ -43,3 +43,23 @@ export declare const LayoutRenderer: ((props: LayoutProps) => React.JSX.Element
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+/** The decoratable admin frame (header, navigation, content), for extensions that replace it. */
+export declare const LayoutComponent: ((props: LayoutProps) => React.JSX.Element | null) & {
+    original: (props: LayoutProps) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/Layout.js

@@ -2,6 +2,7 @@ import react from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
 const Layout = makeDecoratable("Layout", ({ children, ...props })=>/*#__PURE__*/ react.createElement(LayoutRenderer, props, children));
 const LayoutRenderer = makeDecoratable("LayoutRenderer", createVoidComponent());
-export { Layout, LayoutRenderer };
+const LayoutComponent = LayoutRenderer;
+export { Layout, LayoutComponent, LayoutRenderer };
 
 //# sourceMappingURL=Layout.js.map

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/ui/Layout.js","sources":["../../../src/base/ui/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"names":["Layout","makeDecoratable","children","props","LayoutRenderer","createVoidComponent"],"mappings":";;AAUO,MAAMA,SAASC,gBAAgB,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GACzE,WAAP,GAAO,oBAACC,gBAAmBD,OAAQD;AAGhC,MAAME,iBAAiBH,gBAAgB,kBAAkBI"}
+{"version":3,"file":"base/ui/Layout.js","sources":["../../../src/base/ui/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n\n/** The decoratable admin frame (header, navigation, content), for extensions that replace it. */\nexport const LayoutComponent = LayoutRenderer;\n"],"names":["Layout","makeDecoratable","children","props","LayoutRenderer","createVoidComponent","LayoutComponent"],"mappings":";;AAUO,MAAMA,SAASC,gBAAgB,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GACzE,WAAP,GAAO,oBAACC,gBAAmBD,OAAQD;AAGhC,MAAME,iBAAiBH,gBAAgB,kBAAkBI;AAGzD,MAAMC,kBAAkBF"}

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/Drawers/DrawerParamsContext.d.ts

@@ -0,0 +1,6 @@
+export interface DrawerParamsContextValue {
+    params: Record<string, unknown>;
+    closeDrawer: () => void;
+}
+export declare const DrawerParamsContext: import("react").Context<DrawerParamsContextValue | undefined>;
+export declare const useDrawerParamsContext: () => DrawerParamsContextValue;

package/components/Drawers/DrawerParamsContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DrawerParamsContext = /*#__PURE__*/ createContext(void 0);
+const useDrawerParamsContext = ()=>{
+    const context = useContext(DrawerParamsContext);
+    if (!context) throw new Error("useDrawer must be used inside a named drawer registered via AdminConfig.Drawer");
+    return context;
+};
+export { DrawerParamsContext, useDrawerParamsContext };
+
+//# sourceMappingURL=DrawerParamsContext.js.map

package/components/Drawers/DrawerParamsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/DrawerParamsContext.js","sources":["../../../src/components/Drawers/DrawerParamsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface DrawerParamsContextValue {\n    params: Record<string, unknown>;\n    closeDrawer: () => void;\n}\n\nexport const DrawerParamsContext = createContext<DrawerParamsContextValue | undefined>(undefined);\n\nexport const useDrawerParamsContext = () => {\n    const context = useContext(DrawerParamsContext);\n\n    if (!context) {\n        throw new Error(\n            \"useDrawer must be used inside a named drawer registered via AdminConfig.Drawer\"\n        );\n    }\n\n    return context;\n};\n"],"names":["DrawerParamsContext","createContext","undefined","useDrawerParamsContext","context","useContext","Error"],"mappings":";AAOO,MAAMA,sBAAsB,WAAHA,GAAGC,cAAoDC;AAEhF,MAAMC,yBAAyB;IAClC,MAAMC,UAAUC,WAAWL;IAE3B,IAAI,CAACI,SACD,MAAM,IAAIE,MACN;IAIR,OAAOF;AACX"}

package/components/Drawers/DrawersContext.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import React from "react";
+export interface DrawersContext {
+    openNamedDrawer: (name: string, params?: Record<string, unknown>) => void;
+    closeNamedDrawer: (name?: string) => void;
+}
+interface DrawersProviderProps {
+    children: ReactNode;
+}
+export declare const DrawersContext: React.Context<DrawersContext | undefined>;
+export declare const DrawersProvider: ({ children }: DrawersProviderProps) => React.JSX.Element;
+export declare const createDrawersProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export {};

package/components/Drawers/DrawersContext.js

@@ -0,0 +1,50 @@
+import react, { useCallback, useState } from "react";
+import { createProvider } from "@webiny/app";
+import { DrawerParamsContext } from "./DrawerParamsContext.js";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+const DrawersContext = /*#__PURE__*/ react.createContext(void 0);
+const DrawersProvider = ({ children })=>{
+    const [stack, setStack] = useState([]);
+    const { drawers: registeredDrawers } = useAdminConfig();
+    const openNamedDrawer = useCallback((name, params = {})=>{
+        setStack((prev)=>{
+            if (prev.some((entry)=>entry.name === name)) return prev;
+            return [
+                ...prev,
+                {
+                    name,
+                    params
+                }
+            ];
+        });
+    }, []);
+    const closeNamedDrawer = useCallback((name)=>{
+        setStack((prev)=>{
+            if (!name) return prev.slice(0, -1);
+            return prev.filter((entry)=>entry.name !== name);
+        });
+    }, []);
+    const context = {
+        openNamedDrawer,
+        closeNamedDrawer
+    };
+    return /*#__PURE__*/ react.createElement(DrawersContext.Provider, {
+        value: context
+    }, children, stack.map((entry)=>{
+        const registration = registeredDrawers.find((d)=>d.name === entry.name);
+        if (!registration) return null;
+        return /*#__PURE__*/ react.createElement(DrawerParamsContext.Provider, {
+            key: entry.name,
+            value: {
+                params: entry.params,
+                closeDrawer: ()=>closeNamedDrawer(entry.name)
+            }
+        }, registration.element);
+    }));
+};
+const createDrawersProvider = ()=>createProvider((Component)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(DrawersProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+        });
+export { DrawersContext, DrawersProvider, createDrawersProvider };
+
+//# sourceMappingURL=DrawersContext.js.map

package/components/Drawers/DrawersContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/DrawersContext.js","sources":["../../../src/components/Drawers/DrawersContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useCallback, useState } from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { DrawerParamsContext } from \"./DrawerParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\ninterface OpenDrawerEntry {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport interface DrawersContext {\n    openNamedDrawer: (name: string, params?: Record<string, unknown>) => void;\n    closeNamedDrawer: (name?: string) => void;\n}\n\ninterface DrawersProviderProps {\n    children: ReactNode;\n}\n\nexport const DrawersContext = React.createContext<DrawersContext | undefined>(undefined);\n\nexport const DrawersProvider = ({ children }: DrawersProviderProps) => {\n    const [stack, setStack] = useState<OpenDrawerEntry[]>([]);\n    const { drawers: registeredDrawers } = useAdminConfig();\n\n    const openNamedDrawer = useCallback((name: string, params: Record<string, unknown> = {}) => {\n        setStack(prev => {\n            if (prev.some(entry => entry.name === name)) {\n                return prev;\n            }\n            return [...prev, { name, params }];\n        });\n    }, []);\n\n    const closeNamedDrawer = useCallback((name?: string) => {\n        setStack(prev => {\n            if (!name) {\n                return prev.slice(0, -1);\n            }\n            return prev.filter(entry => entry.name !== name);\n        });\n    }, []);\n\n    const context: DrawersContext = {\n        openNamedDrawer,\n        closeNamedDrawer\n    };\n\n    return (\n        <DrawersContext.Provider value={context}>\n            {children}\n            {stack.map(entry => {\n                const registration = registeredDrawers.find(d => d.name === entry.name);\n                if (!registration) {\n                    return null;\n                }\n                return (\n                    <DrawerParamsContext.Provider\n                        key={entry.name}\n                        value={{\n                            params: entry.params,\n                            closeDrawer: () => closeNamedDrawer(entry.name)\n                        }}\n                    >\n                        {registration.element}\n                    </DrawerParamsContext.Provider>\n                );\n            })}\n        </DrawersContext.Provider>\n    );\n};\n\nexport const createDrawersProvider = () => {\n    return createProvider(Component => {\n        return function DrawersProviderHOC({ children }: DrawersProviderProps) {\n            return (\n                <DrawersProvider>\n                    <Component>{children}</Component>\n                </DrawersProvider>\n            );\n        };\n    });\n};\n"],"names":["DrawersContext","React","undefined","DrawersProvider","children","stack","setStack","useState","registeredDrawers","useAdminConfig","openNamedDrawer","useCallback","name","params","prev","entry","closeNamedDrawer","context","registration","d","DrawerParamsContext","createDrawersProvider","createProvider","Component"],"mappings":";;;;AAoBO,MAAMA,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAA6BC;AAEvE,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB;IAC9D,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAA4B,EAAE;IACxD,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC;IAEvC,MAAMC,kBAAkBC,YAAY,CAACC,MAAcC,SAAkC,CAAC,CAAC;QACnFP,SAASQ,CAAAA;YACL,IAAIA,KAAK,IAAI,CAACC,CAAAA,QAASA,MAAM,IAAI,KAAKH,OAClC,OAAOE;YAEX,OAAO;mBAAIA;gBAAM;oBAAEF;oBAAMC;gBAAO;aAAE;QACtC;IACJ,GAAG,EAAE;IAEL,MAAMG,mBAAmBL,YAAY,CAACC;QAClCN,SAASQ,CAAAA;YACL,IAAI,CAACF,MACD,OAAOE,KAAK,KAAK,CAAC,GAAG;YAEzB,OAAOA,KAAK,MAAM,CAACC,CAAAA,QAASA,MAAM,IAAI,KAAKH;QAC/C;IACJ,GAAG,EAAE;IAEL,MAAMK,UAA0B;QAC5BP;QACAM;IACJ;IAEA,OAAO,WAAP,GACI,oBAAChB,eAAe,QAAQ;QAAC,OAAOiB;OAC3Bb,UACAC,MAAM,GAAG,CAACU,CAAAA;QACP,MAAMG,eAAeV,kBAAkB,IAAI,CAACW,CAAAA,IAAKA,EAAE,IAAI,KAAKJ,MAAM,IAAI;QACtE,IAAI,CAACG,cACD,OAAO;QAEX,OAAO,WAAP,GACI,oBAACE,oBAAoB,QAAQ;YACzB,KAAKL,MAAM,IAAI;YACf,OAAO;gBACH,QAAQA,MAAM,MAAM;gBACpB,aAAa,IAAMC,iBAAiBD,MAAM,IAAI;YAClD;WAECG,aAAa,OAAO;IAGjC;AAGZ;AAEO,MAAMG,wBAAwB,IAC1BC,eAAeC,CAAAA,YACX,SAA4B,EAAEnB,QAAQ,EAAwB;YACjE,OAAO,WAAP,GACI,oBAACD,iBAAeA,MAAAA,WAAAA,GACZ,oBAACoB,WAAAA,MAAWnB;QAGxB"}

package/components/Drawers/useDrawers.d.ts

@@ -0,0 +1,2 @@
+import { DrawersContext } from "./DrawersContext.js";
+export declare const useDrawers: () => DrawersContext;

package/components/Drawers/useDrawers.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { DrawersContext } from "./DrawersContext.js";
+const useDrawers = ()=>{
+    const context = useContext(DrawersContext);
+    if (!context) throw new Error("useDrawers must be used within a DrawersContext.Provider");
+    return context;
+};
+export { useDrawers };
+
+//# sourceMappingURL=useDrawers.js.map

package/components/Drawers/useDrawers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/useDrawers.js","sources":["../../../src/components/Drawers/useDrawers.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawersContext } from \"./DrawersContext.js\";\n\nexport const useDrawers = () => {\n    const context = useContext(DrawersContext);\n\n    if (!context) {\n        throw new Error(\"useDrawers must be used within a DrawersContext.Provider\");\n    }\n\n    return context;\n};\n"],"names":["useDrawers","context","useContext","DrawersContext","Error"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAE3B,IAAI,CAACF,SACD,MAAM,IAAIG,MAAM;IAGpB,OAAOH;AACX"}

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", {
@@ -10,10 +11,16 @@ const Filters = (props)=>{
         data: props.data,
         onChange: props.onChange
     }, ()=>/*#__PURE__*/ react.createElement("div", {
-            className: "w-full flex gap-sm flex-wrap"
+            className: "w-full grid grid-cols-4 gap-sm items-center"
         }, props.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
-                key: filter.name
-            }, filter.element)), props.children))), /*#__PURE__*/ react.createElement(Separator, null));
+                key: filter.name,
+                className: "empty:hidden min-w-0"
+            }, 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 flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\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;eAAGA,OAAO,OAAO,IAEzCF,MAAM,QAAQ,mBAK/B,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/IconPickerComponent.js

@@ -27,7 +27,7 @@ const IconPickerComponent = observer(({ presenter, label, description, removable
     ]);
     const handleOnOpenChange = useCallback((open)=>{
         if (open) return presenter.openMenu();
-        return presenter.closeMenu();
+        else return presenter.closeMenu();
     }, [
         presenter.openMenu,
         presenter.closeMenu

package/components/IconPicker/IconPickerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/IconPicker/IconPickerComponent.js","sources":["../../../src/components/IconPicker/IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"names":["IconPickerComponent","observer","presenter","label","description","removable","required","disabled","props","value","onChange","validationIsValid","validationMessage","invalid","useMemo","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","useEffect","isEqual","JSON","removeIcon","useCallback","undefined","handleOnOpenChange","open","IconPickerPresenterProvider","FormComponentLabel","FormComponentDescription","PopoverPrimitive","IconPickerTrigger","ICON_PICKER_SIZE","IconPickerContent","FormComponentErrorMessage"],"mappings":";;;;;;;AA2BO,MAAMA,sBAAsBC,SAC/B,CAAC,EACGC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,OACoB;IACvB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAM,EAAE,SAASG,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGJ,MAAM,UAAU,IAAI,CAAC;IACxF,MAAMK,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAC9E,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGlB,UAAU,EAAE;IAE1FmB,UAAU;QACN,IAAIX,YAAYS,gBAAgB,CAACG,QAAQH,cAAcV,QACnDC,SAASS;IAEjB,GAAG;QAACI,KAAK,SAAS,CAACJ;KAAc;IAEjC,MAAMK,aAAaC,YAAY;QAC3B,IAAIf,UAAU;YACVR,UAAU,OAAO,CAAC;YAClBQ,SAASgB;QACb;IACJ,GAAG;QAAChB;KAAS;IAEb,MAAMiB,qBAAqBF,YACvB,CAACG;QACG,IAAIA,MACA,OAAO1B,UAAU,QAAQ;QAEzB,OAAOA,UAAU,SAAS;IAElC,GACA;QAACA,UAAU,QAAQ;QAAEA,UAAU,SAAS;KAAC;IAG7C,OAAO,WAAP,GACI,oBAAC2B,6BAA2BA;QAAC,WAAW3B;qBACpC,oBAAC4B,oBAAkBA;QAAC,MAAM3B;QAAO,UAAUG;QAAU,UAAUC;sBAC/D,oBAACwB,0BAAwBA;QAAC,MAAM3B;sBAChC,oBAAC4B,kBAAgBA;QAAC,MAAMhB;QAAc,cAAcW;qBAChD,oBAACK,iBAAiB,OAAO,sBACrB,oBAACC,mBAAiBA;QAAC,MAAMd;uBAE7B,oBAACa,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAOZ,SAASc,iBAAiB,KAAK,GAAG,UAAU;QAAQ;qBAEpE,oBAACC,mBAAiBA;QACd,SAASlB;QACT,WAAWR,SAASJ;QACpB,WAAWa;QACX,WAAWH;QACX,YAAYS;wBAIxB,oBAACY,2BAAyBA;QAAC,MAAMxB;QAAmB,SAASC;;AAGzE"}
+{"version":3,"file":"components/IconPicker/IconPickerComponent.js","sources":["../../../src/components/IconPicker/IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"names":["IconPickerComponent","observer","presenter","label","description","removable","required","disabled","props","value","onChange","validationIsValid","validationMessage","invalid","useMemo","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","useEffect","isEqual","JSON","removeIcon","useCallback","undefined","handleOnOpenChange","open","IconPickerPresenterProvider","FormComponentLabel","FormComponentDescription","PopoverPrimitive","IconPickerTrigger","ICON_PICKER_SIZE","IconPickerContent","FormComponentErrorMessage"],"mappings":";;;;;;;AA2BO,MAAMA,sBAAsBC,SAC/B,CAAC,EACGC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,OACoB;IACvB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAM,EAAE,SAASG,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGJ,MAAM,UAAU,IAAI,CAAC;IACxF,MAAMK,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAC9E,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGlB,UAAU,EAAE;IAE1FmB,UAAU;QACN,IAAIX,YAAYS,gBAAgB,CAACG,QAAQH,cAAcV,QACnDC,SAASS;IAEjB,GAAG;QAACI,KAAK,SAAS,CAACJ;KAAc;IAEjC,MAAMK,aAAaC,YAAY;QAC3B,IAAIf,UAAU;YACVR,UAAU,OAAO,CAAC;YAClBQ,SAASgB;QACb;IACJ,GAAG;QAAChB;KAAS;IAEb,MAAMiB,qBAAqBF,YACvB,CAACG;QACG,IAAIA,MACA,OAAO1B,UAAU,QAAQ;aAEzB,OAAOA,UAAU,SAAS;IAElC,GACA;QAACA,UAAU,QAAQ;QAAEA,UAAU,SAAS;KAAC;IAG7C,OAAO,WAAP,GACI,oBAAC2B,6BAA2BA;QAAC,WAAW3B;qBACpC,oBAAC4B,oBAAkBA;QAAC,MAAM3B;QAAO,UAAUG;QAAU,UAAUC;sBAC/D,oBAACwB,0BAAwBA;QAAC,MAAM3B;sBAChC,oBAAC4B,kBAAgBA;QAAC,MAAMhB;QAAc,cAAcW;qBAChD,oBAACK,iBAAiB,OAAO,sBACrB,oBAACC,mBAAiBA;QAAC,MAAMd;uBAE7B,oBAACa,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAOZ,SAASc,iBAAiB,KAAK,GAAG,UAAU;QAAQ;qBAEpE,oBAACC,mBAAiBA;QACd,SAASlB;QACT,WAAWR,SAASJ;QACpB,WAAWa;QACX,WAAWH;QACX,YAAYS;wBAIxB,oBAACY,2BAAyBA;QAAC,MAAMxB;QAAmB,SAASC;;AAGzE"}

package/components/LexicalEditor/LexicalLinkForm.js

@@ -24,6 +24,7 @@ const LexicalLinkForm = ({ linkData, onSave, removeLink })=>{
             className: "flex w-full items-center justify-between mt-sm gap-sm"
         }, /*#__PURE__*/ react.createElement(TargetSwitch, null), /*#__PURE__*/ react.createElement(Button, {
             variant: "ghost",
+            size: "sm",
             text: "Remove link",
             className: "text-destructive-primary! [&_svg]:fill-destructive",
             onClick: removeLink,
@@ -33,6 +34,7 @@ const LexicalLinkForm = ({ linkData, onSave, removeLink })=>{
             })
         }), /*#__PURE__*/ react.createElement(Button, {
             variant: "primary",
+            size: "sm",
             text: "Save",
             onClick: form.submit
         }))));
@@ -57,6 +59,7 @@ const UrlInput = ()=>{
             inputRef.current = ref;
         },
         variant: "secondary",
+        size: "md",
         placeholder: "Enter link",
         autoFocus: true,
         startIcon: /*#__PURE__*/ react.createElement(Icon, {

package/components/LexicalEditor/LexicalLinkForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/LexicalEditor/LexicalLinkForm.js","sources":["../../../src/components/LexicalEditor/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 => {\n                inputRef.current = ref;\n            }}\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"],"names":["LexicalLinkForm","linkData","onSave","removeLink","onSubmit","data","Form","form","Grid","UrlInput","TargetSwitch","Button","Icon","RemoveLink","inputRef","useRef","urlBind","useBind","validation","useEffect","setTimeout","openInNewTab","window","Input","ref","GlobeIcon","IconButton","OpenInNew","targetBind","Switch","value"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAiB;IAC3E,MAAMC,WAAW,CAACC;QACdH,OAAOG;IACX;IAEA,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAML;QAAU,UAAUG;QAAU;QAAsB;OAC3DG,CAAAA,OAAAA,WAAAA,GACG,oBAAC;YAAI,WAAW;yBACZ,oBAACC,MAAIA;YAAC,KAAK;yBACP,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,UAAQA,SAAAA,WAAAA,GAGjB,oBAAC;YAAI,WAAW;yBACZ,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,SAAS;YACT,MAAM;YACN,WAAW;YACX,SAASR;YACT,oBAAM,oBAACS,MAAIA;gBAAC,OAAO;gBAAe,oBAAM,oBAACC,6BAAUA;;0BAEvD,oBAACF,QAAMA;YAAC,SAAS;YAAW,MAAM;YAAQ,SAASJ,KAAK,MAAM;;AAMtF;AAEA,MAAME,WAAW;IACb,MAAMK,WAAWC,OAAgC;IAEjD,MAAMC,UAAUC,QAAQ;QACpB,MAAM;QACN,YAAYC,WAAW,MAAM,CAAC;IAClC;IAEAC,UAAU;QACN,IAAIL,SAAS,OAAO,EAChBM,WAAW;YACPN,SAAS,OAAO,EAAE;QACtB,GAAG;IAEX,GAAG,EAAE;IAEL,MAAMO,eAAe;QACjB,IAAIL,AAA+B,UAA/BA,QAAQ,UAAU,CAAC,OAAO,IAAcA,QAAQ,KAAK,EACrDM,OAAO,IAAI,CAACN,QAAQ,KAAK,EAAE;IAEnC;IAEA,OAAO,WAAP,GACI,oBAACO,OAAKA;QACD,GAAGP,OAAO;QACX,UAAUQ,CAAAA;YACNV,SAAS,OAAO,GAAGU;QACvB;QACA,SAAS;QACT,aAAa;QACb,WAAW;QACX,yBAAW,oBAACZ,MAAIA;YAAC,OAAM;YAAQ,oBAAM,oBAACa,gBAASA;;QAC/C,uBAAS,oBAACC,YAAUA;YAAC,SAAQ;YAAQ,oBAAM,oBAACC,gCAASA;YAAK,SAASN;;;AAG/E;AAEA,MAAMX,eAAe;IACjB,MAAMkB,aAAaX,QAAQ;QACvB,MAAM;QACN,cAAc;IAClB;IAEA,OAAO,WAAP,GACI,oBAACY,QAAMA;QACH,SAASD,AAAqB,aAArBA,WAAW,KAAK;QACzB,OAAO;QACP,UAAUE,CAAAA;YACNF,WAAW,QAAQ,CAACE,AAAU,SAAVA,QAAiB,WAAW;QACpD;;AAGZ"}
+{"version":3,"file":"components/LexicalEditor/LexicalLinkForm.js","sources":["../../../src/components/LexicalEditor/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                            size={\"sm\"}\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\n                            variant={\"primary\"}\n                            size={\"sm\"}\n                            text={`Save`}\n                            onClick={form.submit}\n                        />\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 => {\n                inputRef.current = ref;\n            }}\n            variant={\"secondary\"}\n            size={\"md\"}\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"],"names":["LexicalLinkForm","linkData","onSave","removeLink","onSubmit","data","Form","form","Grid","UrlInput","TargetSwitch","Button","Icon","RemoveLink","inputRef","useRef","urlBind","useBind","validation","useEffect","setTimeout","openInNewTab","window","Input","ref","GlobeIcon","IconButton","OpenInNew","targetBind","Switch","value"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAiB;IAC3E,MAAMC,WAAW,CAACC;QACdH,OAAOG;IACX;IAEA,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAML;QAAU,UAAUG;QAAU;QAAsB;OAC3DG,CAAAA,OAAAA,WAAAA,GACG,oBAAC;YAAI,WAAW;yBACZ,oBAACC,MAAIA;YAAC,KAAK;yBACP,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,UAAQA,SAAAA,WAAAA,GAGjB,oBAAC;YAAI,WAAW;yBACZ,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,SAAS;YACT,MAAM;YACN,MAAM;YACN,WAAW;YACX,SAASR;YACT,oBAAM,oBAACS,MAAIA;gBAAC,OAAO;gBAAe,oBAAM,oBAACC,6BAAUA;;0BAEvD,oBAACF,QAAMA;YACH,SAAS;YACT,MAAM;YACN,MAAM;YACN,SAASJ,KAAK,MAAM;;AAOhD;AAEA,MAAME,WAAW;IACb,MAAMK,WAAWC,OAAgC;IAEjD,MAAMC,UAAUC,QAAQ;QACpB,MAAM;QACN,YAAYC,WAAW,MAAM,CAAC;IAClC;IAEAC,UAAU;QACN,IAAIL,SAAS,OAAO,EAChBM,WAAW;YACPN,SAAS,OAAO,EAAE;QACtB,GAAG;IAEX,GAAG,EAAE;IAEL,MAAMO,eAAe;QACjB,IAAIL,AAA+B,UAA/BA,QAAQ,UAAU,CAAC,OAAO,IAAcA,QAAQ,KAAK,EACrDM,OAAO,IAAI,CAACN,QAAQ,KAAK,EAAE;IAEnC;IAEA,OAAO,WAAP,GACI,oBAACO,OAAKA;QACD,GAAGP,OAAO;QACX,UAAUQ,CAAAA;YACNV,SAAS,OAAO,GAAGU;QACvB;QACA,SAAS;QACT,MAAM;QACN,aAAa;QACb,WAAW;QACX,yBAAW,oBAACZ,MAAIA;YAAC,OAAM;YAAQ,oBAAM,oBAACa,gBAASA;;QAC/C,uBAAS,oBAACC,YAAUA;YAAC,SAAQ;YAAQ,oBAAM,oBAACC,gCAASA;YAAK,SAASN;;;AAG/E;AAEA,MAAMX,eAAe;IACjB,MAAMkB,aAAaX,QAAQ;QACvB,MAAM;QACN,cAAc;IAClB;IAEA,OAAO,WAAP,GACI,oBAACY,QAAMA;QACH,SAASD,AAAqB,aAArBA,WAAW,KAAK;QACzB,OAAO;QACP,UAAUE,CAAAA;YACNF,WAAW,QAAQ,CAACE,AAAU,SAAVA,QAAiB,WAAW;QACpD;;AAGZ"}

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 };