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

package/modules/AiEnrichment/feature.js

@@ -1,9 +1,19 @@
 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 };

package/modules/AiEnrichment/feature.js.map

@@ -1 +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\";\n\nexport const AiEnrichmentFeature = createFeature({\n    name: \"FileManager/AiEnrichment\",\n    register(container) {\n        container.register(AiImageEnrichmentEventHandler);\n    }\n});\n"],"names":["AiEnrichmentFeature","createFeature","container","AiImageEnrichmentEventHandler"],"mappings":";;AAGO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;AACJ"}
+{"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/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/FileFieldType.d.ts

@@ -10,6 +10,7 @@ declare class FileFieldTypeImpl implements CmsFieldType.Interface {
     allowPredefinedValues: boolean;
     validators: string[];
     listValidators: string[];
+    deprecated: boolean;
     createField(): {
         type: string;
         validation: never[];

package/modules/HeadlessCms/fieldType/FileFieldType.js

@@ -26,6 +26,7 @@ class FileFieldTypeImpl {
             "minLength",
             "maxLength"
         ];
+        this.deprecated = true;
     }
 }
 const FileFieldType = CmsFieldType.createImplementation({

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

@@ -1 +1 @@
-{"version":3,"file":"modules/HeadlessCms/fieldType/FileFieldType.js","sources":["../../../../src/modules/HeadlessCms/fieldType/FileFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/file_present.svg\";\nimport { CmsFieldType } from \"@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js\";\n\nclass FileFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"file\";\n    label = \"Files\";\n    description = \"Images, videos and other files.\";\n    icon = <FileIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of files or an image gallery\";\n    allowPredefinedValues = false;\n    validators = [\"required\"];\n    listValidators = [\"minLength\", \"maxLength\"];\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" }\n        };\n    }\n}\n\nexport const FileFieldType = CmsFieldType.createImplementation({\n    implementation: FileFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["FileFieldTypeImpl","FileIcon","FileFieldType","CmsFieldType"],"mappings":";;;AAIA,MAAMA;IAWF,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;QACzB;IACJ;;aAhBA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAQA;aAChB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG;YAAC;SAAW;aACzB,cAAc,GAAG;YAAC;YAAa;SAAY;;AAS/C;AAEO,MAAMC,gBAAgBC,aAAa,oBAAoB,CAAC;IAC3D,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}
+{"version":3,"file":"modules/HeadlessCms/fieldType/FileFieldType.js","sources":["../../../../src/modules/HeadlessCms/fieldType/FileFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/file_present.svg\";\nimport { CmsFieldType } from \"@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js\";\n\nclass FileFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"file\";\n    label = \"Files\";\n    description = \"Images, videos and other files.\";\n    icon = <FileIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of files or an image gallery\";\n    allowPredefinedValues = false;\n    validators = [\"required\"];\n    listValidators = [\"minLength\", \"maxLength\"];\n    // Superseded by the Asset field. Hidden from the palette unless a model already\n    // uses a file field, so existing models remain editable (backwards compatible).\n    deprecated = true;\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" }\n        };\n    }\n}\n\nexport const FileFieldType = CmsFieldType.createImplementation({\n    implementation: FileFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["FileFieldTypeImpl","FileIcon","FileFieldType","CmsFieldType"],"mappings":";;;AAIA,MAAMA;IAcF,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;QACzB;IACJ;;aAnBA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAQA;aAChB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG;YAAC;SAAW;aACzB,cAAc,GAAG;YAAC;YAAa;SAAY;aAG3C,UAAU,GAAG;;AASjB;AAEO,MAAMC,gBAAgBC,aAAa,oBAAoB,CAAC;IAC3D,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/feature.js

@@ -1,15 +1,25 @@
 import { createFeature } from "@webiny/feature/admin";
 import { FileFieldType } from "./FileFieldType.js";
+import { AssetFieldType } from "./AssetFieldType.js";
+import { AssetFormFieldType } from "./AssetFormFieldType.js";
 import { FileFieldSettingsModifier } from "./FileFieldSettingsModifier.js";
+import { AssetFieldSettingsModifier } from "./AssetFieldSettingsModifier.js";
 import { FileInputRenderer } from "./FileInputRenderer.js";
 import { FileInputsRenderer } from "./FileInputsRenderer.js";
+import { AssetInputRenderer } from "./AssetInputRenderer.js";
+import { AssetInputsRenderer } from "./AssetInputsRenderer.js";
 const FileFieldTypeFeature = createFeature({
     name: "FileFieldType",
     register (container) {
         container.register(FileFieldType);
+        container.register(AssetFieldType);
+        container.register(AssetFormFieldType);
         container.register(FileFieldSettingsModifier);
+        container.register(AssetFieldSettingsModifier);
         container.register(FileInputRenderer);
         container.register(FileInputsRenderer);
+        container.register(AssetInputRenderer);
+        container.register(AssetInputsRenderer);
     }
 });
 export { FileFieldTypeFeature };

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

@@ -1 +1 @@
-{"version":3,"file":"modules/HeadlessCms/fieldType/feature.js","sources":["../../../../src/modules/HeadlessCms/fieldType/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FileFieldType } from \"./FileFieldType.js\";\nimport { FileFieldSettingsModifier } from \"./FileFieldSettingsModifier.js\";\nimport { FileInputRenderer } from \"./FileInputRenderer.js\";\nimport { FileInputsRenderer } from \"./FileInputsRenderer.js\";\n\nexport const FileFieldTypeFeature = createFeature({\n    name: \"FileFieldType\",\n    register(container) {\n        container.register(FileFieldType);\n        container.register(FileFieldSettingsModifier);\n        container.register(FileInputRenderer);\n        container.register(FileInputsRenderer);\n    }\n});\n"],"names":["FileFieldTypeFeature","createFeature","container","FileFieldType","FileFieldSettingsModifier","FileInputRenderer","FileInputsRenderer"],"mappings":";;;;;AAMO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;IACvB;AACJ"}
+{"version":3,"file":"modules/HeadlessCms/fieldType/feature.js","sources":["../../../../src/modules/HeadlessCms/fieldType/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FileFieldType } from \"./FileFieldType.js\";\nimport { AssetFieldType } from \"./AssetFieldType.js\";\nimport { AssetFormFieldType } from \"./AssetFormFieldType.js\";\nimport { FileFieldSettingsModifier } from \"./FileFieldSettingsModifier.js\";\nimport { AssetFieldSettingsModifier } from \"./AssetFieldSettingsModifier.js\";\nimport { FileInputRenderer } from \"./FileInputRenderer.js\";\nimport { FileInputsRenderer } from \"./FileInputsRenderer.js\";\nimport { AssetInputRenderer } from \"./AssetInputRenderer.js\";\nimport { AssetInputsRenderer } from \"./AssetInputsRenderer.js\";\n\nexport const FileFieldTypeFeature = createFeature({\n    name: \"FileFieldType\",\n    register(container) {\n        container.register(FileFieldType);\n        container.register(AssetFieldType);\n        container.register(AssetFormFieldType);\n        container.register(FileFieldSettingsModifier);\n        container.register(AssetFieldSettingsModifier);\n        container.register(FileInputRenderer);\n        container.register(FileInputsRenderer);\n        container.register(AssetInputRenderer);\n        container.register(AssetInputsRenderer);\n    }\n});\n"],"names":["FileFieldTypeFeature","createFeature","container","FileFieldType","AssetFieldType","AssetFormFieldType","FileFieldSettingsModifier","AssetFieldSettingsModifier","FileInputRenderer","FileInputsRenderer","AssetInputRenderer","AssetInputsRenderer"],"mappings":";;;;;;;;;;AAWO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;QACnBL,UAAU,QAAQ,CAACM;QACnBN,UAAU,QAAQ,CAACO;QACnBP,UAAU,QAAQ,CAACQ;QACnBR,UAAU,QAAQ,CAACS;IACvB;AACJ"}

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

@@ -0,0 +1,2 @@
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+export declare const isAssetField: (field: Pick<CmsModelField, "type">) => boolean;

package/modules/HeadlessCms/fieldType/isAssetField.js

@@ -0,0 +1,4 @@
+const isAssetField = (field)=>"asset" === field.type;
+export { isAssetField };
+
+//# sourceMappingURL=isAssetField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/isAssetField.js","sources":["../../../../src/modules/HeadlessCms/fieldType/isAssetField.ts"],"sourcesContent":["import type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const isAssetField = (field: Pick<CmsModelField, \"type\">): boolean => {\n    return field.type === \"asset\";\n};\n"],"names":["isAssetField","field"],"mappings":"AAEO,MAAMA,eAAe,CAACC,QAClBA,AAAe,YAAfA,MAAM,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "6.6.0-alpha.0",
+	"version": "6.6.0-alpha.1",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -14,39 +14,39 @@
 	"license": "MIT",
 	"dependencies": {
 		"@types/react": "18.3.31",
-		"@webiny/admin-ui": "6.6.0-alpha.0",
-		"@webiny/app": "6.6.0-alpha.0",
-		"@webiny/app-aco": "6.6.0-alpha.0",
-		"@webiny/app-admin": "6.6.0-alpha.0",
-		"@webiny/app-headless-cms": "6.6.0-alpha.0",
-		"@webiny/app-headless-cms-common": "6.6.0-alpha.0",
-		"@webiny/app-websockets": "6.6.0-alpha.0",
-		"@webiny/di": "1.0.2",
-		"@webiny/feature": "6.6.0-alpha.0",
-		"@webiny/form": "6.6.0-alpha.0",
-		"@webiny/icons": "6.6.0-alpha.0",
-		"@webiny/plugins": "6.6.0-alpha.0",
-		"@webiny/react-composition": "6.6.0-alpha.0",
-		"@webiny/react-properties": "6.6.0-alpha.0",
-		"@webiny/sdk": "6.6.0-alpha.0",
-		"@webiny/validation": "6.6.0-alpha.0",
+		"@webiny/admin-ui": "6.6.0-alpha.1",
+		"@webiny/app": "6.6.0-alpha.1",
+		"@webiny/app-aco": "6.6.0-alpha.1",
+		"@webiny/app-admin": "6.6.0-alpha.1",
+		"@webiny/app-headless-cms": "6.6.0-alpha.1",
+		"@webiny/app-headless-cms-common": "6.6.0-alpha.1",
+		"@webiny/app-websockets": "6.6.0-alpha.1",
+		"@webiny/di": "1.1.0",
+		"@webiny/feature": "6.6.0-alpha.1",
+		"@webiny/form": "6.6.0-alpha.1",
+		"@webiny/icons": "6.6.0-alpha.1",
+		"@webiny/plugins": "6.6.0-alpha.1",
+		"@webiny/react-composition": "6.6.0-alpha.1",
+		"@webiny/react-properties": "6.6.0-alpha.1",
+		"@webiny/sdk": "6.6.0-alpha.1",
+		"@webiny/validation": "6.6.0-alpha.1",
 		"bytes": "3.1.2",
-		"dayjs": "1.11.21",
+		"dayjs": "1.11.23",
 		"lodash": "4.18.1",
 		"mime": "4.1.0",
 		"minimatch": "10.2.6",
-		"mobx": "6.16.1",
-		"mobx-react-lite": "4.1.1",
+		"mobx": "7.0.3",
+		"mobx-react-lite": "5.0.3",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
 		"react-lazy-load": "4.0.1",
 		"zod": "4.4.3"
 	},
 	"devDependencies": {
-		"@webiny/build-tools": "6.6.0-alpha.0",
+		"@webiny/build-tools": "6.6.0-alpha.1",
 		"rimraf": "6.1.3",
 		"typescript": "7.0.2",
-		"vitest": "4.1.10"
+		"vitest": "4.1.11"
 	},
 	"publishConfig": {
 		"access": "public"

package/presentation/FileActions/FileDetails/EditImage.d.ts

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

package/presentation/FileActions/FileDetails/EditImage.js

@@ -0,0 +1,39 @@
+import react, { useCallback } from "react";
+import { ReactComponent } from "@webiny/icons/crop.svg";
+import { ImageEditor } from "@webiny/admin-ui";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+import { useEditImage } from "../../hooks/useEditImage.js";
+const { FileDetails: FileDetails } = FileManagerViewConfig;
+const EditImage = ()=>{
+    const { file } = useFile();
+    const { vm } = useFileManagerPresenter();
+    const fileDetails = vm.fileDetails;
+    const onSaved = useCallback((updated)=>{
+        fileDetails?.setFile(updated);
+    }, [
+        fileDetails
+    ]);
+    const { open, openEditor, closeEditor, value, save } = useEditImage(file, {
+        onSaved
+    });
+    if (!file.type?.startsWith("image/") || "image/svg+xml" === file.type) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FileDetails.Action.Button, {
+        label: "Edit image",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onAction: openEditor
+    }), /*#__PURE__*/ react.createElement(ImageEditor, {
+        open: open,
+        onClose: closeEditor,
+        image: {
+            src: file.src,
+            width: file.metadata?.image?.width ?? 0,
+            height: file.metadata?.image?.height ?? 0
+        },
+        value: value,
+        onSave: save
+    }));
+};
+export { EditImage };
+
+//# sourceMappingURL=EditImage.js.map

package/presentation/FileActions/FileDetails/EditImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/FileDetails/EditImage.js","sources":["../../../../src/presentation/FileActions/FileDetails/EditImage.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as CropIcon } from \"@webiny/icons/crop.svg\";\nimport { ImageEditor } from \"@webiny/admin-ui\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { useEditImage } from \"~/presentation/hooks/useEditImage.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const EditImage = () => {\n    const { file } = useFile();\n    const { vm } = useFileManagerPresenter();\n    const fileDetails = vm.fileDetails;\n\n    // After saving, replace the file shown in the drawer so the preview updates\n    // in place (without needing to close and reopen the drawer).\n    const onSaved = useCallback(\n        (updated: FileItem) => {\n            fileDetails?.setFile(updated);\n        },\n        [fileDetails]\n    );\n\n    const { open, openEditor, closeEditor, value, save } = useEditImage(file, { onSaved });\n\n    if (!file.type?.startsWith(\"image/\") || file.type === \"image/svg+xml\") {\n        return null;\n    }\n\n    return (\n        <>\n            <FileDetails.Action.Button\n                label={\"Edit image\"}\n                icon={<CropIcon />}\n                onAction={openEditor}\n            />\n            <ImageEditor\n                open={open}\n                onClose={closeEditor}\n                image={{\n                    src: file.src,\n                    width: file.metadata?.image?.width ?? 0,\n                    height: file.metadata?.image?.height ?? 0\n                }}\n                value={value}\n                onSave={save}\n            />\n        </>\n    );\n};\n"],"names":["FileDetails","FileManagerViewConfig","EditImage","file","useFile","vm","useFileManagerPresenter","fileDetails","onSaved","useCallback","updated","open","openEditor","closeEditor","value","save","useEditImage","CropIcon","ImageEditor"],"mappings":";;;;;;AAQA,MAAM,EAAEA,aAAAA,WAAW,EAAE,GAAGC;AAEjB,MAAMC,YAAY;IACrB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAMC,cAAcF,GAAG,WAAW;IAIlC,MAAMG,UAAUC,YACZ,CAACC;QACGH,aAAa,QAAQG;IACzB,GACA;QAACH;KAAY;IAGjB,MAAM,EAAEI,IAAI,EAAEC,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,aAAab,MAAM;QAAEK;IAAQ;IAEpF,IAAI,CAACL,KAAK,IAAI,EAAE,WAAW,aAAaA,AAAc,oBAAdA,KAAK,IAAI,EAC7C,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACH,YAAY,MAAM,CAAC,MAAM;QACtB,OAAO;QACP,oBAAM,oBAACiB,gBAAQA;QACf,UAAUL;sBAEd,oBAACM,aAAWA;QACR,MAAMP;QACN,SAASE;QACT,OAAO;YACH,KAAKV,KAAK,GAAG;YACb,OAAOA,KAAK,QAAQ,EAAE,OAAO,SAAS;YACtC,QAAQA,KAAK,QAAQ,EAAE,OAAO,UAAU;QAC5C;QACA,OAAOW;QACP,QAAQC;;AAIxB"}