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

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.js

@@ -0,0 +1,33 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/content_copy.svg";
+import { Command } from "../abstractions.js";
+class CopyCurrentUrlCommandImpl {
+    execute() {
+        navigator.clipboard?.writeText(window.location.href);
+    }
+    constructor(){
+        this.name = "admin.copyCurrentUrl";
+        this.label = "Copy current URL";
+        this.description = "Copy this page's link to the clipboard";
+        this.category = "Actions";
+        this.keywords = [
+            "clipboard",
+            "share",
+            "link"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+    }
+}
+const CopyCurrentUrlCommand = Command.createImplementation({
+    implementation: CopyCurrentUrlCommandImpl,
+    dependencies: []
+});
+export { CopyCurrentUrlCommand };
+
+//# sourceMappingURL=CopyCurrentUrlCommand.js.map

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/CopyCurrentUrlCommand.js","sources":["../../../../src/presentation/commandPalette/commands/CopyCurrentUrlCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { Command } from \"../abstractions.js\";\n\nclass CopyCurrentUrlCommandImpl implements Command.Interface {\n    name = \"admin.copyCurrentUrl\";\n    label = \"Copy current URL\";\n    description = \"Copy this page's link to the clipboard\";\n    category = \"Actions\";\n    keywords = [\"clipboard\", \"share\", \"link\"];\n    icon = <Icon icon={<CopyIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n\n    execute() {\n        void navigator.clipboard?.writeText(window.location.href);\n    }\n}\n\nexport const CopyCurrentUrlCommand = Command.createImplementation({\n    implementation: CopyCurrentUrlCommandImpl,\n    dependencies: []\n});\n"],"names":["CopyCurrentUrlCommandImpl","navigator","window","Icon","CopyIcon","CopyCurrentUrlCommand","Command"],"mappings":";;;;AAKA,MAAMA;IAQF,UAAU;QACDC,UAAU,SAAS,EAAE,UAAUC,OAAO,QAAQ,CAAC,IAAI;IAC5D;;aATA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAa;YAAS;SAAO;aACzC,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;;AAK5E;AAEO,MAAMC,wBAAwBC,QAAQ,oBAAoB,CAAC;IAC9D,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/SendMessageCommand.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+/**
+ * DEMO command showcasing a `detailView`: selecting it opens a form inside the palette,
+ * and submitting calls `execute(data)`. Safe to remove — kept as a live example of the
+ * detail-view capability.
+ */
+declare const SendMessageDetailView: ({ command, onClose }: Command.DetailProps) => React.JSX.Element;
+declare class SendMessageCommandImpl implements Command.Interface {
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    shortcut: string;
+    icon: React.JSX.Element;
+    detailView: typeof SendMessageDetailView;
+    execute(params?: unknown): void;
+}
+export declare const SendMessageCommand: typeof SendMessageCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/SendMessageCommand.js

@@ -0,0 +1,66 @@
+import react, { useState } from "react";
+import { Button, Icon, Input } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/send.svg";
+import { Command } from "../abstractions.js";
+const SendMessageDetailView = ({ command, onClose })=>{
+    const [recipient, setRecipient] = useState("");
+    const [message, setMessage] = useState("");
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Recipient",
+        value: recipient,
+        onChange: setRecipient,
+        placeholder: "Enter recipient",
+        autoFocus: true
+    }), /*#__PURE__*/ react.createElement(Input, {
+        label: "Message",
+        value: message,
+        onChange: setMessage,
+        placeholder: "Enter your message"
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-end pt-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        text: "Send",
+        onClick: ()=>{
+            command.execute?.({
+                recipient,
+                message
+            });
+            onClose();
+        }
+    })));
+};
+class SendMessageCommandImpl {
+    execute(params) {
+        const data = params;
+        window.alert(`Message to ${data?.recipient || "?"}: ${data?.message || ""}`);
+    }
+    constructor(){
+        this.name = "admin.demo.sendMessage";
+        this.label = "Send message";
+        this.description = "Demo — a form rendered inside the palette";
+        this.category = "Demo";
+        this.keywords = [
+            "demo",
+            "form",
+            "message"
+        ];
+        this.shortcut = "cmd+shift+m";
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+        this.detailView = SendMessageDetailView;
+    }
+}
+const SendMessageCommand = Command.createImplementation({
+    implementation: SendMessageCommandImpl,
+    dependencies: []
+});
+export { SendMessageCommand };
+
+//# sourceMappingURL=SendMessageCommand.js.map

package/presentation/commandPalette/commands/SendMessageCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/SendMessageCommand.js","sources":["../../../../src/presentation/commandPalette/commands/SendMessageCommand.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Button, Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SendIcon } from \"@webiny/icons/send.svg\";\nimport { Command } from \"../abstractions.js\";\n\n/**\n * DEMO command showcasing a `detailView`: selecting it opens a form inside the palette,\n * and submitting calls `execute(data)`. Safe to remove — kept as a live example of the\n * detail-view capability.\n */\nconst SendMessageDetailView = ({ command, onClose }: Command.DetailProps) => {\n    const [recipient, setRecipient] = useState(\"\");\n    const [message, setMessage] = useState(\"\");\n\n    return (\n        <div className=\"flex flex-col gap-sm p-md\">\n            <Input\n                label=\"Recipient\"\n                value={recipient}\n                onChange={setRecipient}\n                placeholder=\"Enter recipient\"\n                autoFocus\n            />\n            <Input\n                label=\"Message\"\n                value={message}\n                onChange={setMessage}\n                placeholder=\"Enter your message\"\n            />\n            <div className=\"flex justify-end pt-sm\">\n                <Button\n                    variant=\"primary\"\n                    text=\"Send\"\n                    onClick={() => {\n                        command.execute?.({ recipient, message });\n                        onClose();\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\n\nclass SendMessageCommandImpl implements Command.Interface {\n    name = \"admin.demo.sendMessage\";\n    label = \"Send message\";\n    description = \"Demo — a form rendered inside the palette\";\n    category = \"Demo\";\n    keywords = [\"demo\", \"form\", \"message\"];\n    shortcut = \"cmd+shift+m\";\n    icon = <Icon icon={<SendIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n    detailView = SendMessageDetailView;\n\n    execute(params?: unknown) {\n        const data = params as { recipient?: string; message?: string } | undefined;\n        window.alert(`Message to ${data?.recipient || \"?\"}: ${data?.message || \"\"}`);\n    }\n}\n\nexport const SendMessageCommand = Command.createImplementation({\n    implementation: SendMessageCommandImpl,\n    dependencies: []\n});\n"],"names":["SendMessageDetailView","command","onClose","recipient","setRecipient","useState","message","setMessage","Input","Button","SendMessageCommandImpl","params","data","window","Icon","SendIcon","SendMessageCommand","Command"],"mappings":";;;;AAUA,MAAMA,wBAAwB,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAAuB;IACpE,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAM,CAACC,SAASC,WAAW,GAAGF,SAAS;IAEvC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACG,OAAKA;QACF,OAAM;QACN,OAAOL;QACP,UAAUC;QACV,aAAY;QACZ;sBAEJ,oBAACI,OAAKA;QACF,OAAM;QACN,OAAOF;QACP,UAAUC;QACV,aAAY;sBAEhB,oBAAC;QAAI,WAAU;qBACX,oBAACE,QAAMA;QACH,SAAQ;QACR,MAAK;QACL,SAAS;YACLR,QAAQ,OAAO,GAAG;gBAAEE;gBAAWG;YAAQ;YACvCJ;QACJ;;AAKpB;AAEA,MAAMQ;IAUF,QAAQC,MAAgB,EAAE;QACtB,MAAMC,OAAOD;QACbE,OAAO,KAAK,CAAC,CAAC,WAAW,EAAED,MAAM,aAAa,IAAI,EAAE,EAAEA,MAAM,WAAW,IAAI;IAC/E;;aAZA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAQ;YAAQ;SAAU;aACtC,QAAQ,GAAG;aACX,IAAI,GAAG,WAAP,GAAO,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;aACxE,UAAU,GAAGf;;AAMjB;AAEO,MAAMgB,qBAAqBC,QAAQ,oBAAoB,CAAC;IAC3D,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/SignOutCommand.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+import { LogOutUseCase } from "../../../features/security/LogOut/index.js";
+declare class SignOutCommandImpl implements Command.Interface {
+    private logOut;
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    icon: React.JSX.Element;
+    constructor(logOut: LogOutUseCase.Interface);
+    execute(): void;
+}
+export declare const SignOutCommand: typeof SignOutCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/SignOutCommand.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/logout.svg";
+import { Command } from "../abstractions.js";
+import { LogOutUseCase } from "../../../features/security/LogOut/index.js";
+class SignOutCommandImpl {
+    constructor(logOut){
+        this.logOut = logOut;
+        this.name = "admin.signOut";
+        this.label = "Sign out";
+        this.description = "Log out of the admin app";
+        this.category = "Actions";
+        this.keywords = [
+            "logout",
+            "exit",
+            "session"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+    }
+    execute() {
+        this.logOut.execute();
+    }
+}
+const SignOutCommand = Command.createImplementation({
+    implementation: SignOutCommandImpl,
+    dependencies: [
+        LogOutUseCase
+    ]
+});
+export { SignOutCommand };
+
+//# sourceMappingURL=SignOutCommand.js.map

package/presentation/commandPalette/commands/SignOutCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/SignOutCommand.js","sources":["../../../../src/presentation/commandPalette/commands/SignOutCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as LogoutIcon } from \"@webiny/icons/logout.svg\";\nimport { Command } from \"../abstractions.js\";\nimport { LogOutUseCase } from \"~/features/security/LogOut/index.js\";\n\nclass SignOutCommandImpl implements Command.Interface {\n    name = \"admin.signOut\";\n    label = \"Sign out\";\n    description = \"Log out of the admin app\";\n    category = \"Actions\";\n    keywords = [\"logout\", \"exit\", \"session\"];\n    icon = <Icon icon={<LogoutIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n\n    constructor(private logOut: LogOutUseCase.Interface) {}\n\n    execute() {\n        void this.logOut.execute();\n    }\n}\n\nexport const SignOutCommand = Command.createImplementation({\n    implementation: SignOutCommandImpl,\n    dependencies: [LogOutUseCase]\n});\n"],"names":["SignOutCommandImpl","logOut","Icon","LogoutIcon","SignOutCommand","Command","LogOutUseCase"],"mappings":";;;;;AAMA,MAAMA;IAQF,YAAoBC,MAA+B,CAAE;aAAjCA,MAAM,GAANA;aAPpB,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAU;YAAQ;SAAU;aACxC,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAUA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;IAEpB;IAEtD,UAAU;QACD,IAAI,CAAC,MAAM,CAAC,OAAO;IAC5B;AACJ;AAEO,MAAMC,iBAAiBC,QAAQ,oBAAoB,CAAC;IACvD,gBAAgBL;IAChB,cAAc;QAACM;KAAc;AACjC"}

package/presentation/commandPalette/commands/feature.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Baseline command-palette actions available everywhere in the admin app. Registered
+ * as DI commands; other modules register their own via `Command.createImplementation`.
+ */
+export declare const AdminCommandsFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/presentation/commandPalette/commands/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { CopyCurrentUrlCommand } from "./CopyCurrentUrlCommand.js";
+import { SignOutCommand } from "./SignOutCommand.js";
+import { SendMessageCommand } from "./SendMessageCommand.js";
+import { AskAiCommand } from "./AskAiCommand.js";
+const AdminCommandsFeature = createFeature({
+    name: "AdminCommands",
+    register (container) {
+        container.register(CopyCurrentUrlCommand);
+        container.register(SignOutCommand);
+        container.register(AskAiCommand);
+        container.register(SendMessageCommand);
+    }
+});
+export { AdminCommandsFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/commandPalette/commands/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/feature.js","sources":["../../../../src/presentation/commandPalette/commands/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CopyCurrentUrlCommand } from \"./CopyCurrentUrlCommand.js\";\nimport { SignOutCommand } from \"./SignOutCommand.js\";\nimport { SendMessageCommand } from \"./SendMessageCommand.js\";\nimport { AskAiCommand } from \"./AskAiCommand.js\";\n\n/**\n * Baseline command-palette actions available everywhere in the admin app. Registered\n * as DI commands; other modules register their own via `Command.createImplementation`.\n */\nexport const AdminCommandsFeature = createFeature({\n    name: \"AdminCommands\",\n    register(container: Container) {\n        container.register(CopyCurrentUrlCommand);\n        container.register(SignOutCommand);\n        container.register(AskAiCommand);\n        // Demo of the detail-view capability — safe to remove.\n        container.register(SendMessageCommand);\n    }\n});\n"],"names":["AdminCommandsFeature","createFeature","container","CopyCurrentUrlCommand","SignOutCommand","AskAiCommand","SendMessageCommand"],"mappings":";;;;;AAWO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QAEnBH,UAAU,QAAQ,CAACI;IACvB;AACJ"}

package/presentation/commandPalette/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const CommandPaletteFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ICommandPalettePresenter;
+}, []>;

package/presentation/commandPalette/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { Command, CommandPalettePresenter } from "./abstractions.js";
+import { CommandPalettePresenter as external_CommandPalettePresenter_js_CommandPalettePresenter } from "./CommandPalettePresenter.js";
+const CommandPaletteFeature = createFeature({
+    name: "CommandPalette",
+    register (container) {
+        container.registerFactory(CommandPalettePresenter, ()=>new external_CommandPalettePresenter_js_CommandPalettePresenter(()=>container.resolveAll(Command)));
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(CommandPalettePresenter)
+        };
+    }
+});
+export { CommandPaletteFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/commandPalette/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/feature.js","sources":["../../../src/presentation/commandPalette/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CommandPalettePresenter as Abstraction, Command } from \"./abstractions.js\";\nimport { CommandPalettePresenter } from \"./CommandPalettePresenter.js\";\n\nexport const CommandPaletteFeature = createFeature({\n    name: \"CommandPalette\",\n    register(container: Container) {\n        container.registerFactory(Abstraction, () => {\n            return new CommandPalettePresenter(() => {\n                return container.resolveAll(Command);\n            });\n        });\n    },\n    resolve(container: Container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["CommandPaletteFeature","createFeature","container","Abstraction","CommandPalettePresenter","Command"],"mappings":";;;AAKO,MAAMA,wBAAwBC,cAAc;IAC/C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,eAAe,CAACC,yBAAa,IAC5B,IAAIC,4DAAwB,IACxBF,UAAU,UAAU,CAACG;IAGxC;IACA,SAAQH,SAAoB;QACxB,OAAO;YACH,WAAWA,UAAU,OAAO,CAACC;QACjC;IACJ;AACJ"}

package/presentation/commandPalette/index.d.ts

@@ -0,0 +1,3 @@
+export { Command, CommandPalettePresenter } from "./abstractions.js";
+export type { ICommand, CommandDetailProps, CommandItemVm, ActiveCommandVm, CommandPaletteViewModel } from "./abstractions.js";
+export { CommandPaletteFeature } from "./feature.js";

package/presentation/commandPalette/index.js

@@ -0,0 +1,2 @@
+export { Command, CommandPalettePresenter } from "./abstractions.js";
+export { CommandPaletteFeature } from "./feature.js";

package/presentation/featureFlags/FeatureFlagsProvider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface FeatureFlagsProviderProps {
+    loader?: React.ReactElement;
+    children: React.ReactNode;
+}
+export declare const FeatureFlagsProvider: ({ children, loader }: FeatureFlagsProviderProps) => React.JSX.Element | null;
+export {};

package/presentation/featureFlags/FeatureFlagsProvider.js

@@ -0,0 +1,22 @@
+import { autorun } from "mobx";
+import react, { useEffect, useState } from "react";
+import { useFeature } from "@webiny/app";
+import { FeatureFlagsFeature } from "../../features/featureFlags/feature.js";
+import { DevToolsSection } from "../../components/index.js";
+const FeatureFlagsProvider = ({ children, loader })=>{
+    const { service } = useFeature(FeatureFlagsFeature);
+    const [isLoaded, setIsLoaded] = useState(service.isLoaded());
+    useEffect(()=>autorun(()=>{
+            setIsLoaded(service.isLoaded());
+        }), []);
+    if (!isLoaded) return loader || null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Feature Flags",
+        group: "Project",
+        data: service.getFlags().toDto(),
+        views: "raw"
+    }), children);
+};
+export { FeatureFlagsProvider };
+
+//# sourceMappingURL=FeatureFlagsProvider.js.map

package/presentation/featureFlags/FeatureFlagsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/featureFlags/FeatureFlagsProvider.js","sources":["../../../src/presentation/featureFlags/FeatureFlagsProvider.tsx"],"sourcesContent":["import { autorun } from \"mobx\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { FeatureFlagsFeature } from \"~/features/featureFlags/feature.js\";\nimport { DevToolsSection } from \"~/components/index.js\";\n\ninterface FeatureFlagsProviderProps {\n    loader?: React.ReactElement;\n    children: React.ReactNode;\n}\n\nexport const FeatureFlagsProvider = ({ children, loader }: FeatureFlagsProviderProps) => {\n    const { service } = useFeature(FeatureFlagsFeature);\n\n    const [isLoaded, setIsLoaded] = useState(service.isLoaded());\n\n    useEffect(() => {\n        return autorun(() => {\n            setIsLoaded(service.isLoaded());\n        });\n    }, []);\n\n    if (!isLoaded) {\n        return loader || null;\n    }\n\n    return (\n        <>\n            <DevToolsSection\n                name={\"Feature Flags\"}\n                group={\"Project\"}\n                data={service.getFlags().toDto()}\n                views={\"raw\"}\n            />\n            {children}\n        </>\n    );\n};\n"],"names":["FeatureFlagsProvider","children","loader","service","useFeature","FeatureFlagsFeature","isLoaded","setIsLoaded","useState","useEffect","autorun","DevToolsSection"],"mappings":";;;;;AAWO,MAAMA,uBAAuB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAA6B;IAChF,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASL,QAAQ,QAAQ;IAEzDM,UAAU,IACCC,QAAQ;YACXH,YAAYJ,QAAQ,QAAQ;QAChC,IACD,EAAE;IAEL,IAAI,CAACG,UACD,OAAOJ,UAAU;IAGrB,OAAO,WAAP,GACI,wDACI,oBAACS,iBAAeA;QACZ,MAAM;QACN,OAAO;QACP,MAAMR,QAAQ,QAAQ,GAAG,KAAK;QAC9B,OAAO;QAEVF;AAGb"}

package/presentation/featureFlags/useFeatureFlags.d.ts

@@ -0,0 +1,2 @@
+import { FeatureFlags } from "@webiny/feature-flags";
+export declare function useFeatureFlags(): FeatureFlags;

package/presentation/featureFlags/useFeatureFlags.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from "react";
+import { autorun } from "mobx";
+import { useFeature } from "@webiny/app";
+import { FeatureFlagsFeature } from "../../features/featureFlags/feature.js";
+function useFeatureFlags() {
+    const { service } = useFeature(FeatureFlagsFeature);
+    const [flags, setFlags] = useState(()=>service.getFlags());
+    useEffect(()=>autorun(()=>{
+            setFlags(service.getFlags());
+        }), [
+        service
+    ]);
+    return flags;
+}
+export { useFeatureFlags };
+
+//# sourceMappingURL=useFeatureFlags.js.map

package/presentation/featureFlags/useFeatureFlags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/featureFlags/useFeatureFlags.js","sources":["../../../src/presentation/featureFlags/useFeatureFlags.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { autorun } from \"mobx\";\nimport { useFeature } from \"@webiny/app\";\nimport { FeatureFlags } from \"@webiny/feature-flags\";\nimport { FeatureFlagsFeature } from \"~/features/featureFlags/feature.js\";\n\nexport function useFeatureFlags(): FeatureFlags {\n    const { service } = useFeature(FeatureFlagsFeature);\n    const [flags, setFlags] = useState<FeatureFlags>(() => service.getFlags());\n\n    useEffect(() => {\n        return autorun(() => {\n            setFlags(service.getFlags());\n        });\n    }, [service]);\n\n    return flags;\n}\n"],"names":["useFeatureFlags","service","useFeature","FeatureFlagsFeature","flags","setFlags","useState","useEffect","autorun"],"mappings":";;;;AAMO,SAASA;IACZ,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAuB,IAAML,QAAQ,QAAQ;IAEvEM,UAAU,IACCC,QAAQ;YACXH,SAASJ,QAAQ,QAAQ;QAC7B,IACD;QAACA;KAAQ;IAEZ,OAAOG;AACX"}

package/presentation/installation/components/SystemInstaller/SystemInstaller.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface SystemInstallerProps {
     children: React.ReactNode;
 }
-export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & React.NamedExoticComponent<SystemInstallerProps> & {
+    readonly type: ({ children }: SystemInstallerProps) => React.JSX.Element;
 };
 export {};

package/presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.js

@@ -3,9 +3,6 @@ const INSTALL_FINISH_URL = process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL || "h
 const buildInstallFinishHref = ()=>{
     if ("false" === process.env.REACT_APP_WEBINY_TELEMETRY) return null;
     if ("u" < typeof window) return null;
-    const isCloudFrontHost = window.location.hostname.endsWith(".cloudfront.net");
-    const allowAlternate = Boolean(process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL);
-    if (!isCloudFrontHost && !allowAlternate) return null;
     const machineId = getMachineId();
     if (!machineId) return null;
     const currentUrl = window.location.origin + window.location.pathname;

package/presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.ts"],"sourcesContent":["import { getMachineId } from \"@webiny/telemetry/react.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\n\nconst INSTALL_FINISH_URL =\n    process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL || \"https://www.webiny.com/install/finish\";\n\n/**\n * If telemetry is enabled AND the admin is hosted on CloudFront (production\n * deployment), route the \"Start using Webiny\" CTA through the marketing\n * site's /install/finish page so the website's anonymous wts_did cookie can\n * be aliased to the deployer's machine_id. Falls through to the local\n * `finishInstallation` flow otherwise.\n */\nconst buildInstallFinishHref = (): string | null => {\n    if (process.env.REACT_APP_WEBINY_TELEMETRY === \"false\") {\n        return null;\n    }\n\n    if (typeof window === \"undefined\") {\n        return null;\n    }\n    const isCloudFrontHost = window.location.hostname.endsWith(\".cloudfront.net\");\n    const allowAlternate = Boolean(process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL);\n    if (!isCloudFrontHost && !allowAlternate) {\n        return null;\n    }\n\n    const machineId = getMachineId();\n    if (!machineId) {\n        return null;\n    }\n\n    const currentUrl = window.location.origin + window.location.pathname;\n    const params = new URLSearchParams({\n        machine_id: machineId,\n        return_to: currentUrl\n    });\n    return `${INSTALL_FINISH_URL}?${params.toString()}`;\n};\n\nexport const handleStartUsing = (\n    finishInstallation: ISystemInstallerPresenter[\"finishInstallation\"]\n) => {\n    if (typeof window !== \"undefined\") {\n        const handoff = buildInstallFinishHref();\n        if (handoff) {\n            window.location.assign(handoff);\n            return;\n        }\n    }\n    finishInstallation();\n};\n"],"names":["INSTALL_FINISH_URL","process","buildInstallFinishHref","window","isCloudFrontHost","allowAlternate","Boolean","machineId","getMachineId","currentUrl","params","URLSearchParams","handleStartUsing","finishInstallation","handoff"],"mappings":";AAGA,MAAMA,qBACFC,QAAQ,GAAG,CAAC,mCAAmC,IAAI;AASvD,MAAMC,yBAAyB;IAC3B,IAAID,AAA2C,YAA3CA,QAAQ,GAAG,CAAC,0BAA0B,EACtC,OAAO;IAGX,IAAI,AAAkB,MAAlB,OAAOE,QACP,OAAO;IAEX,MAAMC,mBAAmBD,OAAO,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC3D,MAAME,iBAAiBC,QAAQL,QAAQ,GAAG,CAAC,mCAAmC;IAC9E,IAAI,CAACG,oBAAoB,CAACC,gBACtB,OAAO;IAGX,MAAME,YAAYC;IAClB,IAAI,CAACD,WACD,OAAO;IAGX,MAAME,aAAaN,OAAO,QAAQ,CAAC,MAAM,GAAGA,OAAO,QAAQ,CAAC,QAAQ;IACpE,MAAMO,SAAS,IAAIC,gBAAgB;QAC/B,YAAYJ;QACZ,WAAWE;IACf;IACA,OAAO,GAAGT,mBAAmB,CAAC,EAAEU,OAAO,QAAQ,IAAI;AACvD;AAEO,MAAME,mBAAmB,CAC5BC;IAEA,IAAI,AAAkB,MAAlB,OAAOV,QAAwB;QAC/B,MAAMW,UAAUZ;QAChB,IAAIY,SAAS,YACTX,OAAO,QAAQ,CAAC,MAAM,CAACW;IAG/B;IACAD;AACJ"}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.ts"],"sourcesContent":["import { getMachineId } from \"@webiny/telemetry/react.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\n\nconst INSTALL_FINISH_URL =\n    process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL || \"https://www.webiny.com/install/finish\";\n\n/**\n * If telemetry is enabled, route the \"Start using Webiny\" CTA through the\n * marketing site's /install/finish page so the website's anonymous wts_did\n * cookie can be aliased to the deployer's machine_id. Falls through to the\n * local `finishInstallation` flow otherwise.\n *\n * This used to run only when the admin was served from a `.cloudfront.net`\n * host, which meant self-hosted installs were never aliased and the whole\n * install-to-marketing-visit link was AWS-only. The website side of the\n * handoff drops its matching CloudFront restriction, so both halves of the\n * path now work for any host.\n */\nconst buildInstallFinishHref = (): string | null => {\n    if (process.env.REACT_APP_WEBINY_TELEMETRY === \"false\") {\n        return null;\n    }\n\n    if (typeof window === \"undefined\") {\n        return null;\n    }\n\n    const machineId = getMachineId();\n    if (!machineId) {\n        return null;\n    }\n\n    const currentUrl = window.location.origin + window.location.pathname;\n    const params = new URLSearchParams({\n        machine_id: machineId,\n        return_to: currentUrl\n    });\n    return `${INSTALL_FINISH_URL}?${params.toString()}`;\n};\n\nexport const handleStartUsing = (\n    finishInstallation: ISystemInstallerPresenter[\"finishInstallation\"]\n) => {\n    if (typeof window !== \"undefined\") {\n        const handoff = buildInstallFinishHref();\n        if (handoff) {\n            window.location.assign(handoff);\n            return;\n        }\n    }\n    finishInstallation();\n};\n"],"names":["INSTALL_FINISH_URL","process","buildInstallFinishHref","window","machineId","getMachineId","currentUrl","params","URLSearchParams","handleStartUsing","finishInstallation","handoff"],"mappings":";AAGA,MAAMA,qBACFC,QAAQ,GAAG,CAAC,mCAAmC,IAAI;AAcvD,MAAMC,yBAAyB;IAC3B,IAAID,AAA2C,YAA3CA,QAAQ,GAAG,CAAC,0BAA0B,EACtC,OAAO;IAGX,IAAI,AAAkB,MAAlB,OAAOE,QACP,OAAO;IAGX,MAAMC,YAAYC;IAClB,IAAI,CAACD,WACD,OAAO;IAGX,MAAME,aAAaH,OAAO,QAAQ,CAAC,MAAM,GAAGA,OAAO,QAAQ,CAAC,QAAQ;IACpE,MAAMI,SAAS,IAAIC,gBAAgB;QAC/B,YAAYJ;QACZ,WAAWE;IACf;IACA,OAAO,GAAGN,mBAAmB,CAAC,EAAEO,OAAO,QAAQ,IAAI;AACvD;AAEO,MAAME,mBAAmB,CAC5BC;IAEA,IAAI,AAAkB,MAAlB,OAAOP,QAAwB;QAC/B,MAAMQ,UAAUT;QAChB,IAAIS,SAAS,YACTR,OAAO,QAAQ,CAAC,MAAM,CAACQ;IAG/B;IACAD;AACJ"}

package/presentation/listPresenter/FolderAwareDataSource.js

@@ -9,7 +9,10 @@ class FolderAwareDataSource {
         };
         this._loading = false;
         this._locationField = config.locationField ?? "location";
-        this._registeredFilterNames = new Set(config.registeredFilterNames ?? []);
+        this._registeredFilterNames = new Set([
+            ...config.registeredFilterNames ?? [],
+            ...Object.keys(config.localFilters ?? {})
+        ]);
         this._getDescendantFolders = config.getDescendantFolders;
         this._keyField = config.keyField;
         const locationField = this._locationField;

package/presentation/listPresenter/FolderAwareDataSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/listPresenter/FolderAwareDataSource.js","sources":["../../../src/presentation/listPresenter/FolderAwareDataSource.ts"],"sourcesContent":["import { makeObservable, observable, computed, runInAction, action } from \"mobx\";\nimport type { IDataSource, IDataSourceQuery, IDataSourceMeta } from \"./abstractions.js\";\nimport { QueryMatcher } from \"./QueryMatcher.js\";\n\nexport interface FolderAwareDataSourceConfig<TRow> {\n    locationField?: string;\n    registeredFilterNames?: string[];\n    getDescendantFolders?: { execute(folderId: string): { id: string }[] };\n    keyField: keyof TRow & string;\n    localFilters?: Record<string, (item: TRow, value: unknown) => boolean>;\n}\n\nexport interface FetchParams {\n    where?: Record<string, unknown>;\n    sort?: string[];\n    search?: string;\n    limit?: number;\n    after?: string;\n}\n\nexport interface FetchResult<TRow> {\n    data: TRow[];\n    meta: { cursor: string | null; hasMoreItems: boolean; totalCount: number };\n}\n\nexport abstract class FolderAwareDataSource<TRow> implements IDataSource<TRow> {\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n    private _locationField: string;\n    private _registeredFilterNames: Set<string>;\n    private _getDescendantFolders: FolderAwareDataSourceConfig<TRow>[\"getDescendantFolders\"];\n    private _keyField: keyof TRow & string;\n    protected queryMatcher: QueryMatcher<TRow>;\n\n    constructor(config: FolderAwareDataSourceConfig<TRow>) {\n        this._locationField = config.locationField ?? \"location\";\n        this._registeredFilterNames = new Set(config.registeredFilterNames ?? []);\n        this._getDescendantFolders = config.getDescendantFolders;\n        this._keyField = config.keyField;\n\n        const locationField = this._locationField;\n        const localFilters: Record<string, (item: TRow, value: unknown) => boolean> = {\n            folderId: (item, value) => {\n                const folderId = value as string;\n                const location = (item as Record<string, any>)[locationField];\n                const itemFolderId = location?.folderId as string | undefined;\n                if (folderId && folderId !== \"root\") {\n                    return itemFolderId === folderId;\n                }\n                return !itemFolderId || itemFolderId === \"root\";\n            },\n            ...config.localFilters\n        };\n\n        this.queryMatcher = new QueryMatcher<TRow>({\n            keyField: config.keyField,\n            localFilters\n        });\n\n        makeObservable<FolderAwareDataSource<TRow>, \"_meta\" | \"_loading\">(this, {\n            _meta: observable,\n            _loading: observable,\n            meta: computed,\n            loading: computed,\n            query: action,\n            loadMore: action\n        });\n    }\n\n    abstract get rows(): TRow[];\n\n    abstract fetch(params: FetchParams): Promise<FetchResult<TRow>>;\n\n    protected onQueryResult(_data: TRow[]): void {}\n\n    protected onLoadMoreResult(_data: TRow[]): void {}\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n\n        try {\n            const result = await this.fetch({\n                where: this.buildWhere(params),\n                sort: this.buildSort(params),\n                search: params.search,\n                limit: params.limit,\n                after: params.cursor\n            });\n\n            runInAction(() => {\n                this.onQueryResult(result.data);\n                this.queryMatcher.updateFromQuery(\n                    params,\n                    result.data.map(item => String(item[this._keyField]))\n                );\n                this._meta = {\n                    cursor: result.meta.cursor,\n                    hasMoreItems: result.meta.hasMoreItems,\n                    totalCount: result.meta.totalCount\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n\n        this._loading = true;\n\n        try {\n            const result = await this.fetch({\n                where: this.buildWhere(params),\n                sort: this.buildSort(params),\n                search: params.search,\n                limit: params.limit,\n                after: this._meta.cursor ?? undefined\n            });\n\n            runInAction(() => {\n                this.onLoadMoreResult(result.data);\n                this.queryMatcher.appendResultKeys(\n                    result.data.map(item => String(item[this._keyField]))\n                );\n                this._meta = {\n                    cursor: result.meta.cursor,\n                    hasMoreItems: result.meta.hasMoreItems,\n                    totalCount: result.meta.totalCount\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    protected customizeWhere(\n        _where: Record<string, unknown>,\n        _filters: Record<string, unknown>\n    ): void {}\n\n    protected shouldExpandFolders(_filters: Record<string, unknown>): boolean {\n        return false;\n    }\n\n    private buildWhere(params: IDataSourceQuery): Record<string, unknown> | undefined {\n        const where: Record<string, unknown> = {};\n        const filters = params.filters ?? {};\n        const folderId = (filters.folderId as string | undefined) || \"root\";\n        const isRoot = folderId === \"root\";\n        const hasAdvancedFilters = Object.keys(filters).some(\n            k => k !== \"folderId\" && !this._registeredFilterNames.has(k)\n        );\n        const isSearching =\n            !!params.search || hasAdvancedFilters || this.shouldExpandFolders(filters);\n\n        if (isSearching && isRoot) {\n            // Search/filter from root: no folder filter — search all folders.\n        } else if (isSearching && this._getDescendantFolders) {\n            const descendants = this._getDescendantFolders.execute(folderId);\n            const folderIds = descendants.map(f => f.id);\n            where[this._locationField] = { folderId_in: folderIds };\n        } else {\n            where[this._locationField] = { folderId };\n        }\n\n        for (const [key, value] of Object.entries(filters)) {\n            if (key === \"folderId\") {\n                continue;\n            }\n            where[key] = value;\n        }\n\n        this.customizeWhere(where, filters);\n\n        return Object.keys(where).length > 0 ? where : undefined;\n    }\n\n    private buildSort(params: IDataSourceQuery): string[] | undefined {\n        if (!params.sort) {\n            return undefined;\n        }\n        return [`${params.sort.field}_${params.sort.direction}`];\n    }\n}\n"],"names":["FolderAwareDataSource","config","Set","locationField","localFilters","item","value","folderId","location","itemFolderId","QueryMatcher","makeObservable","observable","computed","action","_data","params","result","runInAction","String","undefined","_where","_filters","where","filters","isRoot","hasAdvancedFilters","Object","k","isSearching","descendants","folderIds","f","key"],"mappings":"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"}
+{"version":3,"file":"presentation/listPresenter/FolderAwareDataSource.js","sources":["../../../src/presentation/listPresenter/FolderAwareDataSource.ts"],"sourcesContent":["import { makeObservable, observable, computed, runInAction, action } from \"mobx\";\nimport type { IDataSource, IDataSourceQuery, IDataSourceMeta } from \"./abstractions.js\";\nimport { QueryMatcher } from \"./QueryMatcher.js\";\n\nexport interface FolderAwareDataSourceConfig<TRow> {\n    locationField?: string;\n    registeredFilterNames?: string[];\n    getDescendantFolders?: { execute(folderId: string): { id: string }[] };\n    keyField: keyof TRow & string;\n    localFilters?: Record<string, (item: TRow, value: unknown) => boolean>;\n}\n\nexport interface FetchParams {\n    where?: Record<string, unknown>;\n    sort?: string[];\n    search?: string;\n    limit?: number;\n    after?: string;\n}\n\nexport interface FetchResult<TRow> {\n    data: TRow[];\n    meta: { cursor: string | null; hasMoreItems: boolean; totalCount: number };\n}\n\nexport abstract class FolderAwareDataSource<TRow> implements IDataSource<TRow> {\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n    private _locationField: string;\n    private _registeredFilterNames: Set<string>;\n    private _getDescendantFolders: FolderAwareDataSourceConfig<TRow>[\"getDescendantFolders\"];\n    private _keyField: keyof TRow & string;\n    protected queryMatcher: QueryMatcher<TRow>;\n\n    constructor(config: FolderAwareDataSourceConfig<TRow>) {\n        this._locationField = config.locationField ?? \"location\";\n        this._registeredFilterNames = new Set([\n            ...(config.registeredFilterNames ?? []),\n            ...Object.keys(config.localFilters ?? {})\n        ]);\n        this._getDescendantFolders = config.getDescendantFolders;\n        this._keyField = config.keyField;\n\n        const locationField = this._locationField;\n        const localFilters: Record<string, (item: TRow, value: unknown) => boolean> = {\n            folderId: (item, value) => {\n                const folderId = value as string;\n                const location = (item as Record<string, any>)[locationField];\n                const itemFolderId = location?.folderId as string | undefined;\n                if (folderId && folderId !== \"root\") {\n                    return itemFolderId === folderId;\n                }\n                return !itemFolderId || itemFolderId === \"root\";\n            },\n            ...config.localFilters\n        };\n\n        this.queryMatcher = new QueryMatcher<TRow>({\n            keyField: config.keyField,\n            localFilters\n        });\n\n        makeObservable<FolderAwareDataSource<TRow>, \"_meta\" | \"_loading\">(this, {\n            _meta: observable,\n            _loading: observable,\n            meta: computed,\n            loading: computed,\n            query: action,\n            loadMore: action\n        });\n    }\n\n    abstract get rows(): TRow[];\n\n    abstract fetch(params: FetchParams): Promise<FetchResult<TRow>>;\n\n    protected onQueryResult(_data: TRow[]): void {}\n\n    protected onLoadMoreResult(_data: TRow[]): void {}\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n\n        try {\n            const result = await this.fetch({\n                where: this.buildWhere(params),\n                sort: this.buildSort(params),\n                search: params.search,\n                limit: params.limit,\n                after: params.cursor\n            });\n\n            runInAction(() => {\n                this.onQueryResult(result.data);\n                this.queryMatcher.updateFromQuery(\n                    params,\n                    result.data.map(item => String(item[this._keyField]))\n                );\n                this._meta = {\n                    cursor: result.meta.cursor,\n                    hasMoreItems: result.meta.hasMoreItems,\n                    totalCount: result.meta.totalCount\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n\n        this._loading = true;\n\n        try {\n            const result = await this.fetch({\n                where: this.buildWhere(params),\n                sort: this.buildSort(params),\n                search: params.search,\n                limit: params.limit,\n                after: this._meta.cursor ?? undefined\n            });\n\n            runInAction(() => {\n                this.onLoadMoreResult(result.data);\n                this.queryMatcher.appendResultKeys(\n                    result.data.map(item => String(item[this._keyField]))\n                );\n                this._meta = {\n                    cursor: result.meta.cursor,\n                    hasMoreItems: result.meta.hasMoreItems,\n                    totalCount: result.meta.totalCount\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    protected customizeWhere(\n        _where: Record<string, unknown>,\n        _filters: Record<string, unknown>\n    ): void {}\n\n    protected shouldExpandFolders(_filters: Record<string, unknown>): boolean {\n        return false;\n    }\n\n    private buildWhere(params: IDataSourceQuery): Record<string, unknown> | undefined {\n        const where: Record<string, unknown> = {};\n        const filters = params.filters ?? {};\n        const folderId = (filters.folderId as string | undefined) || \"root\";\n        const isRoot = folderId === \"root\";\n        const hasAdvancedFilters = Object.keys(filters).some(\n            k => k !== \"folderId\" && !this._registeredFilterNames.has(k)\n        );\n        const isSearching =\n            !!params.search || hasAdvancedFilters || this.shouldExpandFolders(filters);\n\n        if (isSearching && isRoot) {\n            // Search/filter from root: no folder filter — search all folders.\n        } else if (isSearching && this._getDescendantFolders) {\n            const descendants = this._getDescendantFolders.execute(folderId);\n            const folderIds = descendants.map(f => f.id);\n            where[this._locationField] = { folderId_in: folderIds };\n        } else {\n            where[this._locationField] = { folderId };\n        }\n\n        for (const [key, value] of Object.entries(filters)) {\n            if (key === \"folderId\") {\n                continue;\n            }\n            where[key] = value;\n        }\n\n        this.customizeWhere(where, filters);\n\n        return Object.keys(where).length > 0 ? where : undefined;\n    }\n\n    private buildSort(params: IDataSourceQuery): string[] | undefined {\n        if (!params.sort) {\n            return undefined;\n        }\n        return [`${params.sort.field}_${params.sort.direction}`];\n    }\n}\n"],"names":["FolderAwareDataSource","config","Set","Object","locationField","localFilters","item","value","folderId","location","itemFolderId","QueryMatcher","makeObservable","observable","computed","action","_data","params","result","runInAction","String","undefined","_where","_filters","where","filters","isRoot","hasAdvancedFilters","k","isSearching","descendants","folderIds","f","key"],"mappings":"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"}

package/presentation/listPresenter/QueryMatcher.js

@@ -1,4 +1,4 @@
-import { action, computed, makeObservable, observable } from "mobx";
+import { action, computed, makeObservable, observableRef } from "mobx";
 class QueryMatcher {
     constructor(config){
         this.config = config;
@@ -6,7 +6,7 @@ class QueryMatcher {
         this._matcher = ()=>true;
         this.localFilterKeys = new Set(Object.keys(config.localFilters));
         makeObservable(this, {
-            _matcher: observable.ref,
+            _matcher: observableRef,
             matcher: computed,
             updateFromQuery: action,
             appendResultKeys: action

package/presentation/listPresenter/QueryMatcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/listPresenter/QueryMatcher.js","sources":["../../../src/presentation/listPresenter/QueryMatcher.ts"],"sourcesContent":["import { makeObservable, observable, computed, action } from \"mobx\";\nimport type { IDataSourceQuery } from \"./abstractions.js\";\n\ntype ItemPredicate<TRow> = (item: TRow, value: unknown) => boolean;\n\nexport interface QueryMatcherConfig<TRow> {\n    keyField: keyof TRow & string;\n    localFilters: Record<string, ItemPredicate<TRow>>;\n}\n\n/**\n * Decides which cached items belong in the current view.\n *\n * A DataSource backed by a shared cache (e.g., per-model entry cache) needs to\n * filter cached items to only those matching the active query. QueryMatcher does\n * this by splitting filters into two categories:\n *\n * - **Local filters** (e.g., folderId, status) — evaluated client-side against\n *   each item using predicates provided via `localFilters` config. Used when\n *   browsing without search or server-side filters.\n *\n * - **Server-side filters** (search, advanced search, any filter key not in\n *   `localFilters`) — cannot be evaluated locally. Instead, QueryMatcher tracks\n *   the set of item keys returned by the last server query (`_queryResultKeys`)\n *   and restricts the view to those items.\n *\n * The `matcher` getter is MobX-computed, so any DataSource `rows` getter that\n * reads it will recompute when the matcher changes after a query.\n *\n * Usage:\n * ```ts\n * const matcher = new QueryMatcher<MyItem>({\n *     keyField: \"id\",\n *     localFilters: {\n *         folderId: (item, value) => item.folderId === value,\n *         status: (item, value) => item.status === value,\n *     }\n * });\n *\n * // In DataSource.query(), after fetching:\n * matcher.updateFromQuery(params, result.data.map(item => item.id));\n *\n * // In DataSource.rows getter:\n * return cache.getItems().filter(matcher.matcher);\n * ```\n */\nexport class QueryMatcher<TRow> {\n    private _queryResultKeys: Set<string> | null = null;\n    private _matcher: (item: TRow) => boolean = () => true;\n    private localFilterKeys: Set<string>;\n\n    constructor(private config: QueryMatcherConfig<TRow>) {\n        this.localFilterKeys = new Set(Object.keys(config.localFilters));\n\n        makeObservable<QueryMatcher<TRow>, \"_matcher\">(this, {\n            _matcher: observable.ref,\n            matcher: computed,\n            updateFromQuery: action,\n            appendResultKeys: action\n        });\n    }\n\n    get matcher(): (item: TRow) => boolean {\n        return this._matcher;\n    }\n\n    filter(items: TRow[]): TRow[] {\n        return items.filter(this._matcher);\n    }\n\n    hasServerSideFilters(params: IDataSourceQuery): boolean {\n        if (params.search) {\n            return true;\n        }\n        const filters = params.filters ?? {};\n        return Object.keys(filters).some(key => !this.localFilterKeys.has(key));\n    }\n\n    updateFromQuery(params: IDataSourceQuery, resultKeys: string[]): void {\n        if (this.hasServerSideFilters(params)) {\n            this._queryResultKeys = new Set(resultKeys);\n        } else {\n            this._queryResultKeys = null;\n        }\n        this._matcher = this.buildMatcher(params);\n    }\n\n    appendResultKeys(keys: string[]): void {\n        if (this._queryResultKeys) {\n            for (const key of keys) {\n                this._queryResultKeys.add(key);\n            }\n        }\n    }\n\n    private buildMatcher(params: IDataSourceQuery): (item: TRow) => boolean {\n        const filters = params.filters ?? {};\n        const queryResultKeys = this._queryResultKeys;\n        const isSearching = !!params.search;\n        const { keyField, localFilters } = this.config;\n\n        const activeLocalFilters: Array<{ predicate: ItemPredicate<TRow>; value: unknown }> = [];\n        for (const [key, predicate] of Object.entries(localFilters)) {\n            const value = filters[key];\n            if (value !== undefined && value !== null) {\n                activeLocalFilters.push({ predicate, value });\n            }\n        }\n\n        return (item: TRow) => {\n            if (queryResultKeys) {\n                if (!queryResultKeys.has(String(item[keyField]))) {\n                    return false;\n                }\n            } else if (!isSearching) {\n                for (const { predicate, value } of activeLocalFilters) {\n                    if (!predicate(item, value)) {\n                        return false;\n                    }\n                }\n            }\n\n            return true;\n        };\n    }\n}\n"],"names":["QueryMatcher","config","Set","Object","makeObservable","observable","computed","action","items","params","filters","key","resultKeys","keys","queryResultKeys","isSearching","keyField","localFilters","activeLocalFilters","predicate","value","item","String"],"mappings":";AA8CO,MAAMA;IAKT,YAAoBC,MAAgC,CAAE;aAAlCA,MAAM,GAANA;aAJZ,gBAAgB,GAAuB;aACvC,QAAQ,GAA4B,IAAM;QAI9C,IAAI,CAAC,eAAe,GAAG,IAAIC,IAAIC,OAAO,IAAI,CAACF,OAAO,YAAY;QAE9DG,eAA+C,IAAI,EAAE;YACjD,UAAUC,WAAW,GAAG;YACxB,SAASC;YACT,iBAAiBC;YACjB,kBAAkBA;QACtB;IACJ;IAEA,IAAI,UAAmC;QACnC,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,OAAOC,KAAa,EAAU;QAC1B,OAAOA,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ;IACrC;IAEA,qBAAqBC,MAAwB,EAAW;QACpD,IAAIA,OAAO,MAAM,EACb,OAAO;QAEX,MAAMC,UAAUD,OAAO,OAAO,IAAI,CAAC;QACnC,OAAON,OAAO,IAAI,CAACO,SAAS,IAAI,CAACC,CAAAA,MAAO,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAACA;IACtE;IAEA,gBAAgBF,MAAwB,EAAEG,UAAoB,EAAQ;QAClE,IAAI,IAAI,CAAC,oBAAoB,CAACH,SAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAIP,IAAIU;aAEhC,IAAI,CAAC,gBAAgB,GAAG;QAE5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAACH;IACtC;IAEA,iBAAiBI,IAAc,EAAQ;QACnC,IAAI,IAAI,CAAC,gBAAgB,EACrB,KAAK,MAAMF,OAAOE,KACd,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAACF;IAGtC;IAEQ,aAAaF,MAAwB,EAA2B;QACpE,MAAMC,UAAUD,OAAO,OAAO,IAAI,CAAC;QACnC,MAAMK,kBAAkB,IAAI,CAAC,gBAAgB;QAC7C,MAAMC,cAAc,CAAC,CAACN,OAAO,MAAM;QACnC,MAAM,EAAEO,QAAQ,EAAEC,YAAY,EAAE,GAAG,IAAI,CAAC,MAAM;QAE9C,MAAMC,qBAAgF,EAAE;QACxF,KAAK,MAAM,CAACP,KAAKQ,UAAU,IAAIhB,OAAO,OAAO,CAACc,cAAe;YACzD,MAAMG,QAAQV,OAAO,CAACC,IAAI;YAC1B,IAAIS,QAAAA,OACAF,mBAAmB,IAAI,CAAC;gBAAEC;gBAAWC;YAAM;QAEnD;QAEA,OAAO,CAACC;YACJ,IAAIP,iBACA;gBAAA,IAAI,CAACA,gBAAgB,GAAG,CAACQ,OAAOD,IAAI,CAACL,SAAS,IAC1C,OAAO;YACX,OACG,IAAI,CAACD,aACR;gBAAA,KAAK,MAAM,EAAEI,SAAS,EAAEC,KAAK,EAAE,IAAIF,mBAC/B,IAAI,CAACC,UAAUE,MAAMD,QACjB,OAAO;YAEf;YAGJ,OAAO;QACX;IACJ;AACJ"}
+{"version":3,"file":"presentation/listPresenter/QueryMatcher.js","sources":["../../../src/presentation/listPresenter/QueryMatcher.ts"],"sourcesContent":["import { makeObservable, observableRef, computed, action } from \"mobx\";\nimport type { IDataSourceQuery } from \"./abstractions.js\";\n\ntype ItemPredicate<TRow> = (item: TRow, value: unknown) => boolean;\n\nexport interface QueryMatcherConfig<TRow> {\n    keyField: keyof TRow & string;\n    localFilters: Record<string, ItemPredicate<TRow>>;\n}\n\n/**\n * Decides which cached items belong in the current view.\n *\n * A DataSource backed by a shared cache (e.g., per-model entry cache) needs to\n * filter cached items to only those matching the active query. QueryMatcher does\n * this by splitting filters into two categories:\n *\n * - **Local filters** (e.g., folderId, status) — evaluated client-side against\n *   each item using predicates provided via `localFilters` config. Used when\n *   browsing without search or server-side filters.\n *\n * - **Server-side filters** (search, advanced search, any filter key not in\n *   `localFilters`) — cannot be evaluated locally. Instead, QueryMatcher tracks\n *   the set of item keys returned by the last server query (`_queryResultKeys`)\n *   and restricts the view to those items.\n *\n * The `matcher` getter is MobX-computed, so any DataSource `rows` getter that\n * reads it will recompute when the matcher changes after a query.\n *\n * Usage:\n * ```ts\n * const matcher = new QueryMatcher<MyItem>({\n *     keyField: \"id\",\n *     localFilters: {\n *         folderId: (item, value) => item.folderId === value,\n *         status: (item, value) => item.status === value,\n *     }\n * });\n *\n * // In DataSource.query(), after fetching:\n * matcher.updateFromQuery(params, result.data.map(item => item.id));\n *\n * // In DataSource.rows getter:\n * return cache.getItems().filter(matcher.matcher);\n * ```\n */\nexport class QueryMatcher<TRow> {\n    private _queryResultKeys: Set<string> | null = null;\n    private _matcher: (item: TRow) => boolean = () => true;\n    private localFilterKeys: Set<string>;\n\n    constructor(private config: QueryMatcherConfig<TRow>) {\n        this.localFilterKeys = new Set(Object.keys(config.localFilters));\n\n        makeObservable<QueryMatcher<TRow>, \"_matcher\">(this, {\n            _matcher: observableRef,\n            matcher: computed,\n            updateFromQuery: action,\n            appendResultKeys: action\n        });\n    }\n\n    get matcher(): (item: TRow) => boolean {\n        return this._matcher;\n    }\n\n    filter(items: TRow[]): TRow[] {\n        return items.filter(this._matcher);\n    }\n\n    hasServerSideFilters(params: IDataSourceQuery): boolean {\n        if (params.search) {\n            return true;\n        }\n        const filters = params.filters ?? {};\n        return Object.keys(filters).some(key => !this.localFilterKeys.has(key));\n    }\n\n    updateFromQuery(params: IDataSourceQuery, resultKeys: string[]): void {\n        if (this.hasServerSideFilters(params)) {\n            this._queryResultKeys = new Set(resultKeys);\n        } else {\n            this._queryResultKeys = null;\n        }\n        this._matcher = this.buildMatcher(params);\n    }\n\n    appendResultKeys(keys: string[]): void {\n        if (this._queryResultKeys) {\n            for (const key of keys) {\n                this._queryResultKeys.add(key);\n            }\n        }\n    }\n\n    private buildMatcher(params: IDataSourceQuery): (item: TRow) => boolean {\n        const filters = params.filters ?? {};\n        const queryResultKeys = this._queryResultKeys;\n        const isSearching = !!params.search;\n        const { keyField, localFilters } = this.config;\n\n        const activeLocalFilters: Array<{ predicate: ItemPredicate<TRow>; value: unknown }> = [];\n        for (const [key, predicate] of Object.entries(localFilters)) {\n            const value = filters[key];\n            if (value !== undefined && value !== null) {\n                activeLocalFilters.push({ predicate, value });\n            }\n        }\n\n        return (item: TRow) => {\n            if (queryResultKeys) {\n                if (!queryResultKeys.has(String(item[keyField]))) {\n                    return false;\n                }\n            } else if (!isSearching) {\n                for (const { predicate, value } of activeLocalFilters) {\n                    if (!predicate(item, value)) {\n                        return false;\n                    }\n                }\n            }\n\n            return true;\n        };\n    }\n}\n"],"names":["QueryMatcher","config","Set","Object","makeObservable","observableRef","computed","action","items","params","filters","key","resultKeys","keys","queryResultKeys","isSearching","keyField","localFilters","activeLocalFilters","predicate","value","item","String"],"mappings":";AA8CO,MAAMA;IAKT,YAAoBC,MAAgC,CAAE;aAAlCA,MAAM,GAANA;aAJZ,gBAAgB,GAAuB;aACvC,QAAQ,GAA4B,IAAM;QAI9C,IAAI,CAAC,eAAe,GAAG,IAAIC,IAAIC,OAAO,IAAI,CAACF,OAAO,YAAY;QAE9DG,eAA+C,IAAI,EAAE;YACjD,UAAUC;YACV,SAASC;YACT,iBAAiBC;YACjB,kBAAkBA;QACtB;IACJ;IAEA,IAAI,UAAmC;QACnC,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,OAAOC,KAAa,EAAU;QAC1B,OAAOA,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ;IACrC;IAEA,qBAAqBC,MAAwB,EAAW;QACpD,IAAIA,OAAO,MAAM,EACb,OAAO;QAEX,MAAMC,UAAUD,OAAO,OAAO,IAAI,CAAC;QACnC,OAAON,OAAO,IAAI,CAACO,SAAS,IAAI,CAACC,CAAAA,MAAO,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAACA;IACtE;IAEA,gBAAgBF,MAAwB,EAAEG,UAAoB,EAAQ;QAClE,IAAI,IAAI,CAAC,oBAAoB,CAACH,SAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAIP,IAAIU;aAEhC,IAAI,CAAC,gBAAgB,GAAG;QAE5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAACH;IACtC;IAEA,iBAAiBI,IAAc,EAAQ;QACnC,IAAI,IAAI,CAAC,gBAAgB,EACrB,KAAK,MAAMF,OAAOE,KACd,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAACF;IAGtC;IAEQ,aAAaF,MAAwB,EAA2B;QACpE,MAAMC,UAAUD,OAAO,OAAO,IAAI,CAAC;QACnC,MAAMK,kBAAkB,IAAI,CAAC,gBAAgB;QAC7C,MAAMC,cAAc,CAAC,CAACN,OAAO,MAAM;QACnC,MAAM,EAAEO,QAAQ,EAAEC,YAAY,EAAE,GAAG,IAAI,CAAC,MAAM;QAE9C,MAAMC,qBAAgF,EAAE;QACxF,KAAK,MAAM,CAACP,KAAKQ,UAAU,IAAIhB,OAAO,OAAO,CAACc,cAAe;YACzD,MAAMG,QAAQV,OAAO,CAACC,IAAI;YAC1B,IAAIS,QAAAA,OACAF,mBAAmB,IAAI,CAAC;gBAAEC;gBAAWC;YAAM;QAEnD;QAEA,OAAO,CAACC;YACJ,IAAIP,iBACA;gBAAA,IAAI,CAACA,gBAAgB,GAAG,CAACQ,OAAOD,IAAI,CAACL,SAAS,IAC1C,OAAO;YACX,OACG,IAAI,CAACD,aACR;gBAAA,KAAK,MAAM,EAAEI,SAAS,EAAEC,KAAK,EAAE,IAAIF,mBAC/B,IAAI,CAACC,UAAUE,MAAMD,QACjB,OAAO;YAEf;YAGJ,OAAO;QACX;IACJ;AACJ"}

package/presentation/sortable/SortablePresenter.d.ts

@@ -0,0 +1,23 @@
+import { SortablePresenter as Abstraction } from "./abstractions.js";
+declare class SortablePresenterImpl implements Abstraction.Interface {
+    private draggingIndex;
+    private overIndex;
+    private closestEdge;
+    private cleanups;
+    private config;
+    constructor();
+    init(config: Abstraction.Config): void;
+    getItemProps(index: number): Abstraction.ItemProps;
+    dispose(): void;
+    private get type();
+    private isOwnDrag;
+    private getVisibleEdge;
+    private clearDropState;
+    private computeDestination;
+    private registerDropTarget;
+    private registerDraggable;
+}
+export declare const SortablePresenter: typeof SortablePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ISortablePresenter>;
+};
+export {};