@webiny/app-file-manager 6.4.11 → 6.6.0-alpha.1

package/modules/AiEnrichment/StreamingPlaceholder.js

@@ -0,0 +1,32 @@
+import react from "react";
+import { Skeleton, cn } from "@webiny/admin-ui";
+const WIDTHS = {
+    chips: [
+        "w-16",
+        "w-24",
+        "w-20",
+        "w-14"
+    ],
+    text: [
+        "w-full",
+        "w-full",
+        "w-3/4"
+    ]
+};
+const StreamingPlaceholder = ({ loading, variant })=>{
+    if (!loading) return /*#__PURE__*/ react.createElement("div", {
+        className: "text-sm text-neutral-strong"
+    }, "—");
+    const chips = "chips" === variant;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: chips ? "flex flex-wrap gap-xs" : "flex flex-col gap-xs"
+    }, WIDTHS[variant].map((width)=>/*#__PURE__*/ react.createElement(Skeleton, {
+            key: width,
+            type: "text",
+            size: "sm",
+            className: cn(width, chips && "rounded")
+        })));
+};
+export { StreamingPlaceholder };
+
+//# sourceMappingURL=StreamingPlaceholder.js.map

package/modules/AiEnrichment/StreamingPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/StreamingPlaceholder.js","sources":["../../../src/modules/AiEnrichment/StreamingPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Skeleton } from \"@webiny/admin-ui\";\n\n// Uneven on purpose: equal-length bars read as a table, not as content still arriving.\nconst WIDTHS: Record<StreamingPlaceholderVariant, string[]> = {\n    chips: [\"w-16\", \"w-24\", \"w-20\", \"w-14\"],\n    text: [\"w-full\", \"w-full\", \"w-3/4\"]\n};\n\nexport type StreamingPlaceholderVariant = \"chips\" | \"text\";\n\nexport interface StreamingPlaceholderProps {\n    /** While the producer is still running, an empty field is pending — not empty. */\n    loading: boolean;\n    variant: StreamingPlaceholderVariant;\n}\n\n/**\n * Stands in for a field that has no content yet: skeleton bars while a stream is running, and a dash\n * once it has stopped and the field genuinely came back empty.\n *\n * The bar widths and layout live here rather than in props, so a caller says what KIND of content is\n * coming and nothing more.\n */\nexport const StreamingPlaceholder = ({ loading, variant }: StreamingPlaceholderProps) => {\n    if (!loading) {\n        return <div className={\"text-sm text-neutral-strong\"}>{\"—\"}</div>;\n    }\n\n    const chips = variant === \"chips\";\n\n    return (\n        <div className={chips ? \"flex flex-wrap gap-xs\" : \"flex flex-col gap-xs\"}>\n            {WIDTHS[variant].map(width => (\n                <Skeleton\n                    key={width}\n                    type={\"text\"}\n                    size={\"sm\"}\n                    className={cn(width, chips && \"rounded\")}\n                />\n            ))}\n        </div>\n    );\n};\n"],"names":["WIDTHS","StreamingPlaceholder","loading","variant","chips","width","Skeleton","cn"],"mappings":";;AAIA,MAAMA,SAAwD;IAC1D,OAAO;QAAC;QAAQ;QAAQ;QAAQ;KAAO;IACvC,MAAM;QAAC;QAAU;QAAU;KAAQ;AACvC;AAiBO,MAAMC,uBAAuB,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAA6B;IAChF,IAAI,CAACD,SACD,OAAO,WAAP,GAAO,oBAAC;QAAI,WAAW;OAAgC;IAG3D,MAAME,QAAQD,AAAY,YAAZA;IAEd,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWC,QAAQ,0BAA0B;OAC7CJ,MAAM,CAACG,QAAQ,CAAC,GAAG,CAACE,CAAAA,QAAAA,WAAAA,GACjB,oBAACC,UAAQA;YACL,KAAKD;YACL,MAAM;YACN,MAAM;YACN,WAAWE,GAAGF,OAAOD,SAAS;;AAKlD"}

package/modules/AiEnrichment/abstractions.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Mirrors the server-sent event payloads emitted by the api-side `AiImageEnrichmentStreamRoute`
+ * (see `streamEvents.ts` in `@webiny/ai-powerups`). Duplicated rather than imported: the admin app
+ * must not depend on an api-side package. Keep the two in sync.
+ */
+export interface EnrichmentStreamStartEvent {
+    type: "start";
+    fileId: string;
+    model: string;
+}
+export interface EnrichmentStreamPartialEvent {
+    type: "partial";
+    tags: string[];
+    description: string;
+}
+export interface EnrichmentStreamDoneEvent {
+    type: "done";
+    fileId: string;
+    tags: string[];
+    description: string;
+}
+export interface EnrichmentStreamErrorEvent {
+    type: "error";
+    message: string;
+}
+export type EnrichmentStreamEvent = EnrichmentStreamStartEvent | EnrichmentStreamPartialEvent | EnrichmentStreamDoneEvent | EnrichmentStreamErrorEvent;
+export interface IReenrichFileOptions {
+    signal?: AbortSignal;
+}
+export interface IReenrichFileGateway {
+    /**
+     * Re-runs AI enrichment for a file, yielding progress events as they arrive.
+     *
+     * Failures the server detects before streaming starts (unknown file, non-image, no provider,
+     * license) reject instead of yielding an `error` event — they come back as HTTP status codes.
+     */
+    execute(fileId: string, options?: IReenrichFileOptions): AsyncGenerator<EnrichmentStreamEvent>;
+}
+export declare const ReenrichFileGateway: import("@webiny/di").Abstraction<IReenrichFileGateway>;
+export declare namespace ReenrichFileGateway {
+    type Interface = IReenrichFileGateway;
+    type Event = EnrichmentStreamEvent;
+}
+export interface IReenrichWithAiViewModel {
+    open: boolean;
+    /** What the dialog says under its title: the error when there is one, else the status. */
+    message: string;
+    tags: string[];
+    description: string;
+    /** The proposal is complete, so it can be accepted. */
+    canSave: boolean;
+    /** The model is still producing output, so empty fields are pending rather than absent. */
+    loading: boolean;
+}
+export interface IReenrichWithAiPresenter {
+    readonly vm: IReenrichWithAiViewModel;
+    start(fileId: string): Promise<void>;
+    /**
+     * Accept the proposal: drop the values into the file details form and close. Nothing is written
+     * — the user saves the file with Update, the same as for a hand-typed edit.
+     */
+    accept(): void;
+    setOpen(open: boolean): void;
+    dispose(): void;
+}
+export declare const ReenrichWithAiPresenter: import("@webiny/di").Abstraction<IReenrichWithAiPresenter>;
+export declare namespace ReenrichWithAiPresenter {
+    type Interface = IReenrichWithAiPresenter;
+    type ViewModel = IReenrichWithAiViewModel;
+}

package/modules/AiEnrichment/abstractions.js

@@ -0,0 +1,6 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const ReenrichFileGateway = createAbstraction("ReenrichFileGateway");
+const ReenrichWithAiPresenter = createAbstraction("FileManager/ReenrichWithAiPresenter");
+export { ReenrichFileGateway, ReenrichWithAiPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/modules/AiEnrichment/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/abstractions.js","sources":["../../../src/modules/AiEnrichment/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\n/**\n * Mirrors the server-sent event payloads emitted by the api-side `AiImageEnrichmentStreamRoute`\n * (see `streamEvents.ts` in `@webiny/ai-powerups`). Duplicated rather than imported: the admin app\n * must not depend on an api-side package. Keep the two in sync.\n */\nexport interface EnrichmentStreamStartEvent {\n    type: \"start\";\n    fileId: string;\n    model: string;\n}\n\nexport interface EnrichmentStreamPartialEvent {\n    type: \"partial\";\n    tags: string[];\n    description: string;\n}\n\nexport interface EnrichmentStreamDoneEvent {\n    type: \"done\";\n    fileId: string;\n    tags: string[];\n    description: string;\n}\n\nexport interface EnrichmentStreamErrorEvent {\n    type: \"error\";\n    message: string;\n}\n\nexport type EnrichmentStreamEvent =\n    | EnrichmentStreamStartEvent\n    | EnrichmentStreamPartialEvent\n    | EnrichmentStreamDoneEvent\n    | EnrichmentStreamErrorEvent;\n\nexport interface IReenrichFileOptions {\n    signal?: AbortSignal;\n}\n\nexport interface IReenrichFileGateway {\n    /**\n     * Re-runs AI enrichment for a file, yielding progress events as they arrive.\n     *\n     * Failures the server detects before streaming starts (unknown file, non-image, no provider,\n     * license) reject instead of yielding an `error` event — they come back as HTTP status codes.\n     */\n    execute(fileId: string, options?: IReenrichFileOptions): AsyncGenerator<EnrichmentStreamEvent>;\n}\n\nexport const ReenrichFileGateway = createAbstraction<IReenrichFileGateway>(\"ReenrichFileGateway\");\n\nexport namespace ReenrichFileGateway {\n    export type Interface = IReenrichFileGateway;\n    export type Event = EnrichmentStreamEvent;\n}\n\nexport interface IReenrichWithAiViewModel {\n    open: boolean;\n    /** What the dialog says under its title: the error when there is one, else the status. */\n    message: string;\n    tags: string[];\n    description: string;\n    /** The proposal is complete, so it can be accepted. */\n    canSave: boolean;\n    /** The model is still producing output, so empty fields are pending rather than absent. */\n    loading: boolean;\n}\n\nexport interface IReenrichWithAiPresenter {\n    readonly vm: IReenrichWithAiViewModel;\n    start(fileId: string): Promise<void>;\n    /**\n     * Accept the proposal: drop the values into the file details form and close. Nothing is written\n     * — the user saves the file with Update, the same as for a hand-typed edit.\n     */\n    accept(): void;\n    setOpen(open: boolean): void;\n    dispose(): void;\n}\n\nexport const ReenrichWithAiPresenter = createAbstraction<IReenrichWithAiPresenter>(\n    \"FileManager/ReenrichWithAiPresenter\"\n);\n\nexport namespace ReenrichWithAiPresenter {\n    export type Interface = IReenrichWithAiPresenter;\n    export type ViewModel = IReenrichWithAiViewModel;\n}\n"],"names":["ReenrichFileGateway","createAbstraction","ReenrichWithAiPresenter"],"mappings":";AAmDO,MAAMA,sBAAsBC,kBAAwC;AA+BpE,MAAMC,0BAA0BD,kBACnC"}

package/modules/AiEnrichment/feature.d.ts

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

package/modules/AiEnrichment/feature.js

@@ -0,0 +1,21 @@
+import { createFeature } from "@webiny/feature/admin";
+import { AiImageEnrichmentEventHandler } from "./AiImageEnrichmentEventHandler.js";
+import { ReenrichFileGateway } from "./ReenrichFileGateway.js";
+import { ReenrichWithAiPresenter } from "./ReenrichWithAiPresenter.js";
+import { ReenrichWithAiPresenter as external_abstractions_js_ReenrichWithAiPresenter } from "./abstractions.js";
+const AiEnrichmentFeature = createFeature({
+    name: "FileManager/AiEnrichment",
+    register (container) {
+        container.register(AiImageEnrichmentEventHandler);
+        container.register(ReenrichFileGateway).inSingletonScope();
+        container.register(ReenrichWithAiPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(external_abstractions_js_ReenrichWithAiPresenter)
+        };
+    }
+});
+export { AiEnrichmentFeature };
+
+//# sourceMappingURL=feature.js.map

package/modules/AiEnrichment/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/feature.js","sources":["../../../src/modules/AiEnrichment/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { AiImageEnrichmentEventHandler } from \"./AiImageEnrichmentEventHandler.js\";\nimport { ReenrichFileGateway } from \"./ReenrichFileGateway.js\";\nimport { ReenrichWithAiPresenter } from \"./ReenrichWithAiPresenter.js\";\nimport { ReenrichWithAiPresenter as PresenterAbstraction } from \"./abstractions.js\";\n\nexport const AiEnrichmentFeature = createFeature({\n    name: \"FileManager/AiEnrichment\",\n    register(container) {\n        container.register(AiImageEnrichmentEventHandler);\n        container.register(ReenrichFileGateway).inSingletonScope();\n        // Singleton so the dialog's state survives re-renders of the view that reads it.\n        container.register(ReenrichWithAiPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["AiEnrichmentFeature","createFeature","container","AiImageEnrichmentEventHandler","ReenrichFileGateway","ReenrichWithAiPresenter","PresenterAbstraction"],"mappings":";;;;;AAMO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE,qBAAqB,gBAAgB;QAExDF,UAAU,QAAQ,CAACG,yBAAyB,gBAAgB;IAChE;IACA,SAAQH,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACI;QACjC;IACJ;AACJ"}

package/modules/AiEnrichment/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AiEnrichmentModule: () => React.JSX.Element;

package/modules/AiEnrichment/index.js

@@ -0,0 +1,9 @@
+import react from "react";
+import { RegisterFeature } from "@webiny/app-admin";
+import { AiEnrichmentFeature } from "./feature.js";
+const AiEnrichmentModule = ()=>/*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: AiEnrichmentFeature
+    });
+export { AiEnrichmentModule };
+
+//# sourceMappingURL=index.js.map

package/modules/AiEnrichment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/index.js","sources":["../../../src/modules/AiEnrichment/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature } from \"@webiny/app-admin\";\nimport { AiEnrichmentFeature } from \"./feature.js\";\n\nexport const AiEnrichmentModule = () => {\n    return <RegisterFeature feature={AiEnrichmentFeature} />;\n};\n"],"names":["AiEnrichmentModule","RegisterFeature","AiEnrichmentFeature"],"mappings":";;;AAIO,MAAMA,qBAAqB,IACvB,WAAP,GAAO,oBAACC,iBAAeA;QAAC,SAASC"}

package/modules/Enterprise/index.js

@@ -1,4 +1,4 @@
-import { useWcp } from "@webiny/app-admin";
+import { useFeatureFlags } from "@webiny/app-admin";
 import react from "react";
 import { FileManagerViewConfig } from "../../index.js";
 import { THREAT_SCAN } from "./constants.js";
@@ -21,8 +21,8 @@ const DisableTableCellWhileThreatScanInProgress = Table.Column.createDecorator((
         return /*#__PURE__*/ react.createElement(Original, props);
     });
 const EnterpriseModule = ()=>{
-    const wcp = useWcp();
-    if (!wcp.canUseFileManagerThreatDetection()) return null;
+    const featureFlags = useFeatureFlags();
+    if (!featureFlags.isEnabled("fileManager.threatDetection")) return null;
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DisableFileWhileThreatScanInProgress, null), /*#__PURE__*/ react.createElement(DisableTableCellWhileThreatScanInProgress, null), /*#__PURE__*/ react.createElement(FileManagerViewConfig, null, /*#__PURE__*/ react.createElement(HandleWebsocketMessages, null)));
 };
 export { EnterpriseModule };

package/modules/Enterprise/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules/Enterprise/index.js","sources":["../../../src/modules/Enterprise/index.tsx"],"sourcesContent":["import { useWcp } from \"@webiny/app-admin\";\nimport React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { THREAT_SCAN } from \"~/modules/Enterprise/constants.js\";\nimport { ThreatScanInProgressFileBody } from \"./components/ThreatScanInProgressFileBody.js\";\nimport { ThreatScanInProgressTableCell } from \"./components/ThreatScanInProgressTableCell.js\";\nimport { HandleWebsocketMessages } from \"./HandleWebsocketMessages.js\";\n\nconst { Grid, Table } = FileManagerViewConfig.Browser;\n\nconst DisableFileWhileThreatScanInProgress = Grid.Item.createDecorator(Original => {\n    return function Item(props) {\n        if (props.file.tags.includes(THREAT_SCAN.IN_PROGRESS)) {\n            return <Original {...props} fileBody={<ThreatScanInProgressFileBody />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n\nconst DisableTableCellWhileThreatScanInProgress = Table.Column.createDecorator(Original => {\n    return function TableCellActionsWhileThreatScanInProgress(props) {\n        if (props.cell) {\n            return (\n                <Original\n                    {...props}\n                    cell={\n                        <ThreatScanInProgressTableCell>{props.cell}</ThreatScanInProgressTableCell>\n                    }\n                />\n            );\n        }\n\n        return <Original {...props} />;\n    };\n});\n\nexport const EnterpriseModule = () => {\n    const wcp = useWcp();\n\n    if (!wcp.canUseFileManagerThreatDetection()) {\n        return null;\n    }\n\n    return (\n        <>\n            <DisableFileWhileThreatScanInProgress />\n            <DisableTableCellWhileThreatScanInProgress />\n            <FileManagerViewConfig>\n                <HandleWebsocketMessages />\n            </FileManagerViewConfig>\n        </>\n    );\n};\n"],"names":["Grid","Table","FileManagerViewConfig","DisableFileWhileThreatScanInProgress","Original","props","THREAT_SCAN","ThreatScanInProgressFileBody","DisableTableCellWhileThreatScanInProgress","ThreatScanInProgressTableCell","EnterpriseModule","wcp","useWcp","HandleWebsocketMessages"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC,sBAAsB,OAAO;AAErD,MAAMC,uCAAuCH,KAAK,IAAI,CAAC,eAAe,CAACI,CAAAA,WAC5D,SAAcC,KAAK;QACtB,IAAIA,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAACC,YAAY,WAAW,GAChD,OAAO,WAAP,GAAO,oBAACF,UAAAA;YAAU,GAAGC,KAAK;YAAE,wBAAU,oBAACE,8BAA4BA;;QAEvE,OAAO,WAAP,GAAO,oBAACH,UAAaC;IACzB;AAGJ,MAAMG,4CAA4CP,MAAM,MAAM,CAAC,eAAe,CAACG,CAAAA,WACpE,SAAmDC,KAAK;QAC3D,IAAIA,MAAM,IAAI,EACV,OAAO,WAAP,GACI,oBAACD,UAAAA;YACI,GAAGC,KAAK;YACT,oBACI,oBAACI,+BAA6BA,MAAEJ,MAAM,IAAI;;QAM1D,OAAO,WAAP,GAAO,oBAACD,UAAaC;IACzB;AAGG,MAAMK,mBAAmB;IAC5B,MAAMC,MAAMC;IAEZ,IAAI,CAACD,IAAI,gCAAgC,IACrC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACR,sCAAoCA,OAAAA,WAAAA,GACrC,oBAACK,2CAAyCA,OAAAA,WAAAA,GAC1C,oBAACN,uBAAqBA,MAAAA,WAAAA,GAClB,oBAACW,yBAAuBA;AAIxC"}
+{"version":3,"file":"modules/Enterprise/index.js","sources":["../../../src/modules/Enterprise/index.tsx"],"sourcesContent":["import { useFeatureFlags } from \"@webiny/app-admin\";\nimport React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { THREAT_SCAN } from \"~/modules/Enterprise/constants.js\";\nimport { ThreatScanInProgressFileBody } from \"./components/ThreatScanInProgressFileBody.js\";\nimport { ThreatScanInProgressTableCell } from \"./components/ThreatScanInProgressTableCell.js\";\nimport { HandleWebsocketMessages } from \"./HandleWebsocketMessages.js\";\n\nconst { Grid, Table } = FileManagerViewConfig.Browser;\n\nconst DisableFileWhileThreatScanInProgress = Grid.Item.createDecorator(Original => {\n    return function Item(props) {\n        if (props.file.tags.includes(THREAT_SCAN.IN_PROGRESS)) {\n            return <Original {...props} fileBody={<ThreatScanInProgressFileBody />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n\nconst DisableTableCellWhileThreatScanInProgress = Table.Column.createDecorator(Original => {\n    return function TableCellActionsWhileThreatScanInProgress(props) {\n        if (props.cell) {\n            return (\n                <Original\n                    {...props}\n                    cell={\n                        <ThreatScanInProgressTableCell>{props.cell}</ThreatScanInProgressTableCell>\n                    }\n                />\n            );\n        }\n\n        return <Original {...props} />;\n    };\n});\n\nexport const EnterpriseModule = () => {\n    const featureFlags = useFeatureFlags();\n\n    if (!featureFlags.isEnabled(\"fileManager.threatDetection\")) {\n        return null;\n    }\n\n    return (\n        <>\n            <DisableFileWhileThreatScanInProgress />\n            <DisableTableCellWhileThreatScanInProgress />\n            <FileManagerViewConfig>\n                <HandleWebsocketMessages />\n            </FileManagerViewConfig>\n        </>\n    );\n};\n"],"names":["Grid","Table","FileManagerViewConfig","DisableFileWhileThreatScanInProgress","Original","props","THREAT_SCAN","ThreatScanInProgressFileBody","DisableTableCellWhileThreatScanInProgress","ThreatScanInProgressTableCell","EnterpriseModule","featureFlags","useFeatureFlags","HandleWebsocketMessages"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC,sBAAsB,OAAO;AAErD,MAAMC,uCAAuCH,KAAK,IAAI,CAAC,eAAe,CAACI,CAAAA,WAC5D,SAAcC,KAAK;QACtB,IAAIA,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAACC,YAAY,WAAW,GAChD,OAAO,WAAP,GAAO,oBAACF,UAAAA;YAAU,GAAGC,KAAK;YAAE,wBAAU,oBAACE,8BAA4BA;;QAEvE,OAAO,WAAP,GAAO,oBAACH,UAAaC;IACzB;AAGJ,MAAMG,4CAA4CP,MAAM,MAAM,CAAC,eAAe,CAACG,CAAAA,WACpE,SAAmDC,KAAK;QAC3D,IAAIA,MAAM,IAAI,EACV,OAAO,WAAP,GACI,oBAACD,UAAAA;YACI,GAAGC,KAAK;YACT,oBACI,oBAACI,+BAA6BA,MAAEJ,MAAM,IAAI;;QAM1D,OAAO,WAAP,GAAO,oBAACD,UAAaC;IACzB;AAGG,MAAMK,mBAAmB;IAC5B,MAAMC,eAAeC;IAErB,IAAI,CAACD,aAAa,SAAS,CAAC,gCACxB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACR,sCAAoCA,OAAAA,WAAAA,GACrC,oBAACK,2CAAyCA,OAAAA,WAAAA,GAC1C,oBAACN,uBAAqBA,MAAAA,WAAAA,GAClB,oBAACW,yBAAuBA;AAIxC"}

package/modules/HeadlessCms/fieldType/AssetFieldSettingsModifier.d.ts

@@ -0,0 +1,26 @@
+import { CmsFieldEditorGroupModifier } from "@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+/**
+ * Adds Asset-specific options to the field settings form in the content-model
+ * editor: an "Images only" toggle (parity with the File field) and an optional
+ * "Accepted file types" list. Both are honored by the asset picker renderers
+ * (`settings.imagesOnly` / `settings.accept`).
+ *
+ * Applies to the Asset field, which the editor resolves to the `"asset"` field
+ * type via `matches()` even though it is stored as an `object`.
+ */
+declare class AssetFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {
+    group: string;
+    shouldApply(context: ICmsFieldEditorContext): boolean;
+    modifyForm(form: ICmsFieldEditorFormBuilder): void;
+    mapToForm(field: CmsModelField): {
+        imagesOnly: boolean;
+        accept: any;
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+}
+export declare const AssetFieldSettingsModifier: typeof AssetFieldSettingsModifierImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js").ICmsFieldEditorGroupModifier>;
+};
+export {};

package/modules/HeadlessCms/fieldType/AssetFieldSettingsModifier.js

@@ -0,0 +1,39 @@
+import { CmsFieldEditorGroupModifier } from "@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js";
+class AssetFieldSettingsModifierImpl {
+    shouldApply(context) {
+        return "asset" === context.fieldType.type;
+    }
+    modifyForm(form) {
+        form.fields((fields)=>({
+                imagesOnly: fields.boolean().label("Images only").description("Allow only images to be selected").renderer("switch").defaultValue(false),
+                accept: fields.text().list().label("Accepted file types").description("MIME types or extensions to allow (e.g. image/png, application/pdf). Leave empty to allow all.").renderer("tags").defaultValue([])
+            }));
+        form.layout((layout)=>[
+                layout.row("imagesOnly"),
+                layout.row("accept")
+            ]);
+    }
+    mapToForm(field) {
+        return {
+            imagesOnly: field.settings?.imagesOnly ?? false,
+            accept: field.settings?.accept ?? []
+        };
+    }
+    mapFromForm(formData, field) {
+        if (!field.settings) field.settings = {};
+        field.settings.imagesOnly = formData.imagesOnly;
+        const accept = Array.isArray(formData.accept) ? formData.accept.filter((t)=>"string" == typeof t && t.trim().length > 0) : [];
+        if (accept.length > 0) field.settings.accept = accept;
+        else delete field.settings.accept;
+    }
+    constructor(){
+        this.group = "general";
+    }
+}
+const AssetFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({
+    implementation: AssetFieldSettingsModifierImpl,
+    dependencies: []
+});
+export { AssetFieldSettingsModifier };
+
+//# sourceMappingURL=AssetFieldSettingsModifier.js.map

package/modules/HeadlessCms/fieldType/AssetFieldSettingsModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/AssetFieldSettingsModifier.js","sources":["../../../../src/modules/HeadlessCms/fieldType/AssetFieldSettingsModifier.ts"],"sourcesContent":["import { CmsFieldEditorGroupModifier } from \"@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js\";\nimport type {\n    ICmsFieldEditorFormBuilder,\n    ICmsFieldEditorContext\n} from \"@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\n/**\n * Adds Asset-specific options to the field settings form in the content-model\n * editor: an \"Images only\" toggle (parity with the File field) and an optional\n * \"Accepted file types\" list. Both are honored by the asset picker renderers\n * (`settings.imagesOnly` / `settings.accept`).\n *\n * Applies to the Asset field, which the editor resolves to the `\"asset\"` field\n * type via `matches()` even though it is stored as an `object`.\n */\nclass AssetFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {\n    group = \"general\";\n\n    shouldApply(context: ICmsFieldEditorContext) {\n        return context.fieldType.type === \"asset\";\n    }\n\n    modifyForm(form: ICmsFieldEditorFormBuilder) {\n        form.fields(fields => ({\n            imagesOnly: fields\n                .boolean()\n                .label(\"Images only\")\n                .description(\"Allow only images to be selected\")\n                .renderer(\"switch\")\n                .defaultValue(false),\n            accept: fields\n                .text()\n                .list()\n                .label(\"Accepted file types\")\n                .description(\n                    \"MIME types or extensions to allow (e.g. image/png, application/pdf). Leave empty to allow all.\"\n                )\n                .renderer(\"tags\")\n                .defaultValue([])\n        }));\n        form.layout(layout => [layout.row(\"imagesOnly\"), layout.row(\"accept\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        return {\n            imagesOnly: field.settings?.imagesOnly ?? false,\n            accept: field.settings?.accept ?? []\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        if (!field.settings) {\n            field.settings = {};\n        }\n        field.settings.imagesOnly = formData.imagesOnly;\n        const accept = Array.isArray(formData.accept)\n            ? formData.accept.filter((t: unknown) => typeof t === \"string\" && t.trim().length > 0)\n            : [];\n        if (accept.length > 0) {\n            field.settings.accept = accept;\n        } else {\n            delete field.settings.accept;\n        }\n    }\n}\n\nexport const AssetFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({\n    implementation: AssetFieldSettingsModifierImpl,\n    dependencies: []\n});\n"],"names":["AssetFieldSettingsModifierImpl","context","form","fields","layout","field","formData","accept","Array","t","AssetFieldSettingsModifier","CmsFieldEditorGroupModifier"],"mappings":";AAgBA,MAAMA;IAGF,YAAYC,OAA+B,EAAE;QACzC,OAAOA,AAA2B,YAA3BA,QAAQ,SAAS,CAAC,IAAI;IACjC;IAEA,WAAWC,IAAgC,EAAE;QACzCA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,YAAYA,OACP,OAAO,GACP,KAAK,CAAC,eACN,WAAW,CAAC,oCACZ,QAAQ,CAAC,UACT,YAAY,CAAC;gBAClB,QAAQA,OACH,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC,uBACN,WAAW,CACR,kGAEH,QAAQ,CAAC,QACT,YAAY,CAAC,EAAE;YACxB;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;gBAAeA,OAAO,GAAG,CAAC;aAAU;IAC1E;IAEA,UAAUC,KAAoB,EAAE;QAC5B,OAAO;YACH,YAAYA,MAAM,QAAQ,EAAE,cAAc;YAC1C,QAAQA,MAAM,QAAQ,EAAE,UAAU,EAAE;QACxC;IACJ;IAEA,YAAYC,QAA6B,EAAED,KAAoB,EAAE;QAC7D,IAAI,CAACA,MAAM,QAAQ,EACfA,MAAM,QAAQ,GAAG,CAAC;QAEtBA,MAAM,QAAQ,CAAC,UAAU,GAAGC,SAAS,UAAU;QAC/C,MAAMC,SAASC,MAAM,OAAO,CAACF,SAAS,MAAM,IACtCA,SAAS,MAAM,CAAC,MAAM,CAAC,CAACG,IAAe,AAAa,YAAb,OAAOA,KAAkBA,EAAE,IAAI,GAAG,MAAM,GAAG,KAClF,EAAE;QACR,IAAIF,OAAO,MAAM,GAAG,GAChBF,MAAM,QAAQ,CAAC,MAAM,GAAGE;aAExB,OAAOF,MAAM,QAAQ,CAAC,MAAM;IAEpC;;aA/CA,KAAK,GAAG;;AAgDZ;AAEO,MAAMK,6BAA6BC,4BAA4B,oBAAoB,CAAC;IACvF,gBAAgBX;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/AssetFieldType.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { CmsFieldType } from "@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+/**
+ * Palette entry for the Asset field. It is stored as an `object` field (so it reuses
+ * the object GraphQL/storage machinery); `createField()` therefore emits `type:
+ * "object"` with the asset renderer, and the API normalizer stamps the canonical
+ * nested schema on save. `matches()` lets the field editor resolve this descriptor
+ * for an asset field even though its stored type is `object`.
+ */
+declare class AssetFieldTypeImpl implements CmsFieldType.Interface {
+    type: string;
+    label: string;
+    description: string;
+    icon: React.JSX.Element;
+    allowList: boolean;
+    listLabel: string;
+    allowPredefinedValues: boolean;
+    validators: string[];
+    listValidators: string[];
+    matches(field: CmsModelField): boolean;
+    createField(): {
+        type: string;
+        validation: never[];
+        renderer: {
+            name: string;
+        };
+        settings: {};
+    };
+}
+export declare const AssetFieldType: typeof AssetFieldTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js").ICmsFieldType>;
+};
+export {};

package/modules/HeadlessCms/fieldType/AssetFieldType.js

@@ -0,0 +1,42 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/collections.svg";
+import { CmsFieldType } from "@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js";
+import { isAssetField } from "./isAssetField.js";
+class AssetFieldTypeImpl {
+    matches(field) {
+        return isAssetField(field);
+    }
+    createField() {
+        return {
+            type: "asset",
+            validation: [],
+            renderer: {
+                name: "asset-input"
+            },
+            settings: {}
+        };
+    }
+    constructor(){
+        this.type = "asset";
+        this.label = "Asset";
+        this.description = "Images, videos, and documents — with per-usage cropping and focal point.";
+        this.icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+        this.allowList = true;
+        this.listLabel = "Use as a list of assets or a gallery";
+        this.allowPredefinedValues = false;
+        this.validators = [
+            "required"
+        ];
+        this.listValidators = [
+            "minLength",
+            "maxLength"
+        ];
+    }
+}
+const AssetFieldType = CmsFieldType.createImplementation({
+    implementation: AssetFieldTypeImpl,
+    dependencies: []
+});
+export { AssetFieldType };
+
+//# sourceMappingURL=AssetFieldType.js.map

package/modules/HeadlessCms/fieldType/AssetFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/AssetFieldType.js","sources":["../../../../src/modules/HeadlessCms/fieldType/AssetFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AssetIcon } from \"@webiny/icons/collections.svg\";\nimport { CmsFieldType } from \"@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { isAssetField } from \"./isAssetField.js\";\n\n/**\n * Palette entry for the Asset field. It is stored as an `object` field (so it reuses\n * the object GraphQL/storage machinery); `createField()` therefore emits `type:\n * \"object\"` with the asset renderer, and the API normalizer stamps the canonical\n * nested schema on save. `matches()` lets the field editor resolve this descriptor\n * for an asset field even though its stored type is `object`.\n */\nclass AssetFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"asset\";\n    label = \"Asset\";\n    description = \"Images, videos, and documents — with per-usage cropping and focal point.\";\n    icon = <AssetIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of assets or a gallery\";\n    allowPredefinedValues = false;\n    validators = [\"required\"];\n    listValidators = [\"minLength\", \"maxLength\"];\n\n    matches(field: CmsModelField) {\n        return isAssetField(field);\n    }\n\n    createField() {\n        return {\n            type: \"asset\",\n            validation: [],\n            renderer: { name: \"asset-input\" },\n            settings: {}\n        };\n    }\n}\n\nexport const AssetFieldType = CmsFieldType.createImplementation({\n    implementation: AssetFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["AssetFieldTypeImpl","field","isAssetField","AssetIcon","AssetFieldType","CmsFieldType"],"mappings":";;;;AAaA,MAAMA;IAWF,QAAQC,KAAoB,EAAE;QAC1B,OAAOC,aAAaD;IACxB;IAEA,cAAc;QACV,OAAO;YACH,MAAM;YACN,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAc;YAChC,UAAU,CAAC;QACf;IACJ;;aArBA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACE,gBAASA;aACjB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG;YAAC;SAAW;aACzB,cAAc,GAAG;YAAC;YAAa;SAAY;;AAc/C;AAEO,MAAMC,iBAAiBC,aAAa,oBAAoB,CAAC;IAC5D,gBAAgBL;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/AssetFormFieldType.d.ts

@@ -0,0 +1,21 @@
+import { type IFieldTypeFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { FieldBuilder } from "@webiny/app-admin/features/formModel/FieldBuilder.js";
+export declare class AssetFieldBuilder extends FieldBuilder<"asset"> {
+    constructor();
+    list(): this;
+    imagesOnly(): this;
+    accept(mimeTypes: string[]): this;
+}
+declare class AssetFieldTypeFactory implements IFieldTypeFactory {
+    readonly type = "asset";
+    create(): AssetFieldBuilder;
+}
+export declare const AssetFormFieldType: typeof AssetFieldTypeFactory & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
+};
+declare module "@webiny/app-admin/features/formModel/abstractions.js" {
+    interface IFieldBuilderRegistry {
+        asset(): AssetFieldBuilder;
+    }
+}
+export {};

package/modules/HeadlessCms/fieldType/AssetFormFieldType.js

@@ -0,0 +1,42 @@
+import { FieldType } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { FieldBuilder } from "@webiny/app-admin/features/formModel/FieldBuilder.js";
+class AssetFieldBuilder extends FieldBuilder {
+    constructor(){
+        super("asset");
+        this._config.renderer = "cmsAssetPicker";
+    }
+    list() {
+        super.list();
+        if ("cmsAssetPicker" === this._config.renderer) this._config.renderer = "cmsMultiAssetPicker";
+        return this;
+    }
+    imagesOnly() {
+        this._config.rendererSettings = {
+            ...this._config.rendererSettings,
+            imagesOnly: true
+        };
+        return this;
+    }
+    accept(mimeTypes) {
+        this._config.rendererSettings = {
+            ...this._config.rendererSettings,
+            accept: mimeTypes
+        };
+        return this;
+    }
+}
+class AssetFieldTypeFactory {
+    create() {
+        return new AssetFieldBuilder();
+    }
+    constructor(){
+        this.type = "asset";
+    }
+}
+const AssetFormFieldType = FieldType.createImplementation({
+    implementation: AssetFieldTypeFactory,
+    dependencies: []
+});
+export { AssetFieldBuilder, AssetFormFieldType };
+
+//# sourceMappingURL=AssetFormFieldType.js.map

package/modules/HeadlessCms/fieldType/AssetFormFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/AssetFormFieldType.js","sources":["../../../../src/modules/HeadlessCms/fieldType/AssetFormFieldType.ts"],"sourcesContent":["import {\n    FieldType,\n    type IFieldTypeFactory\n} from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { FieldBuilder } from \"@webiny/app-admin/features/formModel/FieldBuilder.js\";\n\nexport class AssetFieldBuilder extends FieldBuilder<\"asset\"> {\n    constructor() {\n        super(\"asset\");\n        this._config.renderer = \"cmsAssetPicker\";\n    }\n\n    override list(): this {\n        super.list();\n        if (this._config.renderer === \"cmsAssetPicker\") {\n            this._config.renderer = \"cmsMultiAssetPicker\";\n        }\n        return this;\n    }\n\n    imagesOnly(): this {\n        this._config.rendererSettings = { ...this._config.rendererSettings, imagesOnly: true };\n        return this;\n    }\n\n    accept(mimeTypes: string[]): this {\n        this._config.rendererSettings = { ...this._config.rendererSettings, accept: mimeTypes };\n        return this;\n    }\n}\n\nclass AssetFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"asset\";\n    create() {\n        return new AssetFieldBuilder();\n    }\n}\n\nexport const AssetFormFieldType = FieldType.createImplementation({\n    implementation: AssetFieldTypeFactory,\n    dependencies: []\n});\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        asset(): AssetFieldBuilder;\n    }\n}\n"],"names":["AssetFieldBuilder","FieldBuilder","mimeTypes","AssetFieldTypeFactory","AssetFormFieldType","FieldType"],"mappings":";;AAMO,MAAMA,0BAA0BC;IACnC,aAAc;QACV,KAAK,CAAC;QACN,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;IAC5B;IAES,OAAa;QAClB,KAAK,CAAC;QACN,IAAI,AAA0B,qBAA1B,IAAI,CAAC,OAAO,CAAC,QAAQ,EACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;QAE5B,OAAO,IAAI;IACf;IAEA,aAAmB;QACf,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG;YAAE,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB;YAAE,YAAY;QAAK;QACrF,OAAO,IAAI;IACf;IAEA,OAAOC,SAAmB,EAAQ;QAC9B,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG;YAAE,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB;YAAE,QAAQA;QAAU;QACtF,OAAO,IAAI;IACf;AACJ;AAEA,MAAMC;IAEF,SAAS;QACL,OAAO,IAAIH;IACf;;aAHS,IAAI,GAAG;;AAIpB;AAEO,MAAMI,qBAAqBC,UAAU,oBAAoB,CAAC;IAC7D,gBAAgBF;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/AssetInputRenderer.d.ts

@@ -0,0 +1,15 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+declare class AssetInputRendererImpl implements CmsFieldRenderer.Interface {
+    rendererName: string;
+    formRenderer: string;
+    name: string;
+    description: string;
+    canUse({ field }: {
+        field: CmsModelField;
+    }): boolean;
+}
+export declare const AssetInputRenderer: typeof AssetInputRendererImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js").ICmsFieldRenderer>;
+};
+export {};

package/modules/HeadlessCms/fieldType/AssetInputRenderer.js

@@ -0,0 +1,20 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+import { isAssetField } from "./isAssetField.js";
+class AssetInputRendererImpl {
+    canUse({ field }) {
+        return isAssetField(field) && !field.list;
+    }
+    constructor(){
+        this.rendererName = "asset-input";
+        this.formRenderer = "cmsAssetPicker";
+        this.name = "Asset Input";
+        this.description = "Enables selecting a single asset (image, document, or video) via File Manager.";
+    }
+}
+const AssetInputRenderer = CmsFieldRenderer.createImplementation({
+    implementation: AssetInputRendererImpl,
+    dependencies: []
+});
+export { AssetInputRenderer };
+
+//# sourceMappingURL=AssetInputRenderer.js.map

package/modules/HeadlessCms/fieldType/AssetInputRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/AssetInputRenderer.js","sources":["../../../../src/modules/HeadlessCms/fieldType/AssetInputRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { isAssetField } from \"./isAssetField.js\";\n\nclass AssetInputRendererImpl implements CmsFieldRenderer.Interface {\n    rendererName = \"asset-input\";\n    formRenderer = \"cmsAssetPicker\";\n    name = \"Asset Input\";\n    description = \"Enables selecting a single asset (image, document, or video) via File Manager.\";\n\n    canUse({ field }: { field: CmsModelField }) {\n        return isAssetField(field) && !field.list;\n    }\n}\n\nexport const AssetInputRenderer = CmsFieldRenderer.createImplementation({\n    implementation: AssetInputRendererImpl,\n    dependencies: []\n});\n"],"names":["AssetInputRendererImpl","field","isAssetField","AssetInputRenderer","CmsFieldRenderer"],"mappings":";;AAIA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOC,aAAaD,UAAU,CAACA,MAAM,IAAI;IAC7C;;aAPA,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;AAKlB;AAEO,MAAME,qBAAqBC,iBAAiB,oBAAoB,CAAC;IACpE,gBAAgBJ;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/AssetInputsRenderer.d.ts

@@ -0,0 +1,15 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+declare class AssetInputsRendererImpl implements CmsFieldRenderer.Interface {
+    rendererName: string;
+    formRenderer: string;
+    name: string;
+    description: string;
+    canUse({ field }: {
+        field: CmsModelField;
+    }): boolean;
+}
+export declare const AssetInputsRenderer: typeof AssetInputsRendererImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js").ICmsFieldRenderer>;
+};
+export {};

package/modules/HeadlessCms/fieldType/AssetInputsRenderer.js

@@ -0,0 +1,20 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+import { isAssetField } from "./isAssetField.js";
+class AssetInputsRendererImpl {
+    canUse({ field }) {
+        return isAssetField(field) && !!field.list;
+    }
+    constructor(){
+        this.rendererName = "asset-inputs";
+        this.formRenderer = "cmsMultiAssetPicker";
+        this.name = "Asset Inputs";
+        this.description = "Enables selecting multiple assets via File Manager.";
+    }
+}
+const AssetInputsRenderer = CmsFieldRenderer.createImplementation({
+    implementation: AssetInputsRendererImpl,
+    dependencies: []
+});
+export { AssetInputsRenderer };
+
+//# sourceMappingURL=AssetInputsRenderer.js.map

package/modules/HeadlessCms/fieldType/AssetInputsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/AssetInputsRenderer.js","sources":["../../../../src/modules/HeadlessCms/fieldType/AssetInputsRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { isAssetField } from \"./isAssetField.js\";\n\nclass AssetInputsRendererImpl implements CmsFieldRenderer.Interface {\n    rendererName = \"asset-inputs\";\n    formRenderer = \"cmsMultiAssetPicker\";\n    name = \"Asset Inputs\";\n    description = \"Enables selecting multiple assets via File Manager.\";\n\n    canUse({ field }: { field: CmsModelField }) {\n        return isAssetField(field) && !!field.list;\n    }\n}\n\nexport const AssetInputsRenderer = CmsFieldRenderer.createImplementation({\n    implementation: AssetInputsRendererImpl,\n    dependencies: []\n});\n"],"names":["AssetInputsRendererImpl","field","isAssetField","AssetInputsRenderer","CmsFieldRenderer"],"mappings":";;AAIA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOC,aAAaD,UAAU,CAAC,CAACA,MAAM,IAAI;IAC9C;;aAPA,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;AAKlB;AAEO,MAAME,sBAAsBC,iBAAiB,oBAAoB,CAAC;IACrE,gBAAgBJ;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/FileFieldSettingsModifier.d.ts

@@ -0,0 +1,16 @@
+import { CmsFieldEditorGroupModifier } from "@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+declare class FileFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {
+    group: string;
+    shouldApply(context: ICmsFieldEditorContext): boolean;
+    modifyForm(form: ICmsFieldEditorFormBuilder): void;
+    mapToForm(field: CmsModelField): {
+        imagesOnly: boolean;
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+}
+export declare const FileFieldSettingsModifier: typeof FileFieldSettingsModifierImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js").ICmsFieldEditorGroupModifier>;
+};
+export {};

package/modules/HeadlessCms/fieldType/FileFieldSettingsModifier.js

@@ -0,0 +1,33 @@
+import { CmsFieldEditorGroupModifier } from "@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js";
+class FileFieldSettingsModifierImpl {
+    shouldApply(context) {
+        return "file" === context.fieldType.type;
+    }
+    modifyForm(form) {
+        form.fields((fields)=>({
+                imagesOnly: fields.boolean().label("Images only").description("Allow only images to be selected").renderer("switch").defaultValue(false)
+            }));
+        form.layout((layout)=>[
+                layout.row("imagesOnly")
+            ]);
+    }
+    mapToForm(field) {
+        return {
+            imagesOnly: field.settings?.imagesOnly ?? false
+        };
+    }
+    mapFromForm(formData, field) {
+        if (!field.settings) field.settings = {};
+        field.settings.imagesOnly = formData.imagesOnly;
+    }
+    constructor(){
+        this.group = "general";
+    }
+}
+const FileFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({
+    implementation: FileFieldSettingsModifierImpl,
+    dependencies: []
+});
+export { FileFieldSettingsModifier };
+
+//# sourceMappingURL=FileFieldSettingsModifier.js.map

package/modules/HeadlessCms/fieldType/FileFieldSettingsModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/FileFieldSettingsModifier.js","sources":["../../../../src/modules/HeadlessCms/fieldType/FileFieldSettingsModifier.ts"],"sourcesContent":["import { CmsFieldEditorGroupModifier } from \"@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js\";\nimport type {\n    ICmsFieldEditorFormBuilder,\n    ICmsFieldEditorContext\n} from \"@webiny/app-headless-cms/presentation/fieldEditor/abstractions.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nclass FileFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {\n    group = \"general\";\n\n    shouldApply(context: ICmsFieldEditorContext) {\n        return context.fieldType.type === \"file\";\n    }\n\n    modifyForm(form: ICmsFieldEditorFormBuilder) {\n        form.fields(fields => ({\n            imagesOnly: fields\n                .boolean()\n                .label(\"Images only\")\n                .description(\"Allow only images to be selected\")\n                .renderer(\"switch\")\n                .defaultValue(false)\n        }));\n        form.layout(layout => [layout.row(\"imagesOnly\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        return { imagesOnly: field.settings?.imagesOnly ?? false };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        if (!field.settings) {\n            field.settings = {};\n        }\n        field.settings.imagesOnly = formData.imagesOnly;\n    }\n}\n\nexport const FileFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({\n    implementation: FileFieldSettingsModifierImpl,\n    dependencies: []\n});\n"],"names":["FileFieldSettingsModifierImpl","context","form","fields","layout","field","formData","FileFieldSettingsModifier","CmsFieldEditorGroupModifier"],"mappings":";AAOA,MAAMA;IAGF,YAAYC,OAA+B,EAAE;QACzC,OAAOA,AAA2B,WAA3BA,QAAQ,SAAS,CAAC,IAAI;IACjC;IAEA,WAAWC,IAAgC,EAAE;QACzCA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,YAAYA,OACP,OAAO,GACP,KAAK,CAAC,eACN,WAAW,CAAC,oCACZ,QAAQ,CAAC,UACT,YAAY,CAAC;YACtB;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAc;IACpD;IAEA,UAAUC,KAAoB,EAAE;QAC5B,OAAO;YAAE,YAAYA,MAAM,QAAQ,EAAE,cAAc;QAAM;IAC7D;IAEA,YAAYC,QAA6B,EAAED,KAAoB,EAAE;QAC7D,IAAI,CAACA,MAAM,QAAQ,EACfA,MAAM,QAAQ,GAAG,CAAC;QAEtBA,MAAM,QAAQ,CAAC,UAAU,GAAGC,SAAS,UAAU;IACnD;;aA3BA,KAAK,GAAG;;AA4BZ;AAEO,MAAMC,4BAA4BC,4BAA4B,oBAAoB,CAAC;IACtF,gBAAgBR;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/FileFieldType.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { CmsFieldType } from "@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js";
+declare class FileFieldTypeImpl implements CmsFieldType.Interface {
+    type: string;
+    label: string;
+    description: string;
+    icon: React.JSX.Element;
+    allowList: boolean;
+    listLabel: string;
+    allowPredefinedValues: boolean;
+    validators: string[];
+    listValidators: string[];
+    deprecated: boolean;
+    createField(): {
+        type: string;
+        validation: never[];
+        renderer: {
+            name: string;
+        };
+    };
+}
+export declare const FileFieldType: typeof FileFieldTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js").ICmsFieldType>;
+};
+export {};