@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Action.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","_appAdmin","Action","exports","makeDecoratable","_ref","name","element","_ref$after","after","undefined","_ref$before","before","_ref$remove","remove","getId","useIdGenerator","placeAfter","placeBefore","default","createElement","Property","id","array","value"],"sources":["Action.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport interface ActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface ActionProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport const Action = makeDecoratable(\n    \"Action\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: ActionProps) => {\n        const getId = useIdGenerator(\"action\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"fileDetails\" name={\"fileDetails\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"actions\"}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                    remove={remove}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAeO,IAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,yBAAe,EACjC,QAAQ,EACR,UAAAC,IAAA,EAA2F;EAAA,IAAxFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,WAAA,GAAAN,IAAA,CAAEO,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGD,SAAS,GAAAC,WAAA;IAAAE,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EACnE,IAAME,KAAK,GAAG,IAAAC,+BAAc,EAAC,QAAQ,CAAC;EACtC,IAAMC,UAAU,GAAGR,KAAK,KAAKC,SAAS,GAAGK,KAAK,CAACN,KAAK,CAAC,GAAGC,SAAS;EACjE,IAAMQ,WAAW,GAAGN,MAAM,KAAKF,SAAS,GAAGK,KAAK,CAACH,MAAM,CAAC,GAAGF,SAAS;EAEpE,oBACIb,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IAACC,EAAE,EAAC,aAAa;IAAChB,IAAI,EAAE;EAAc,gBAC3CT,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IACLC,EAAE,EAAEP,KAAK,CAACT,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBiB,KAAK,EAAE,IAAK;IACZX,MAAM,EAAEM,WAAY;IACpBT,KAAK,EAAEQ,UAAW;IAClBH,MAAM,EAAEA;EAAO,gBAEfjB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACkB,KAAK,EAAElB;EAAK,CAAE,CAAC,EAC/DC,OAAO,gBACJV,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACkB,KAAK,EAAEjB;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Property","useIdGenerator","makeDecoratable","Action","name","element","after","undefined","before","remove","getId","placeAfter","placeBefore","createElement","id","array","value"],"sources":["Action.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport interface ActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface ActionProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport const Action = makeDecoratable(\n    \"Action\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: ActionProps) => {\n        const getId = useIdGenerator(\"action\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"fileDetails\" name={\"fileDetails\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"actions\"}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                    remove={remove}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACnE,SAASC,eAAe,QAAQ,mBAAmB;AAenD,OAAO,MAAMC,MAAM,GAAGD,eAAe,CACjC,QAAQ,EACR,CAAC;EAAEE,IAAI;EAAEC,OAAO;EAAEC,KAAK,GAAGC,SAAS;EAAEC,MAAM,GAAGD,SAAS;EAAEE,MAAM,GAAG;AAAmB,CAAC,KAAK;EACvF,MAAMC,KAAK,GAAGT,cAAc,CAAC,QAAQ,CAAC;EACtC,MAAMU,UAAU,GAAGL,KAAK,KAAKC,SAAS,GAAGG,KAAK,CAACJ,KAAK,CAAC,GAAGC,SAAS;EACjE,MAAMK,WAAW,GAAGJ,MAAM,KAAKD,SAAS,GAAGG,KAAK,CAACF,MAAM,CAAC,GAAGD,SAAS;EAEpE,oBACIR,KAAA,CAAAc,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAC,aAAa;IAACV,IAAI,EAAE;EAAc,gBAC3CL,KAAA,CAAAc,aAAA,CAACb,QAAQ;IACLc,EAAE,EAAEJ,KAAK,CAACN,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBW,KAAK,EAAE,IAAK;IACZP,MAAM,EAAEI,WAAY;IACpBN,KAAK,EAAEK,UAAW;IAClBF,MAAM,EAAEA;EAAO,gBAEfV,KAAA,CAAAc,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAEJ,KAAK,CAACN,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACY,KAAK,EAAEZ;EAAK,CAAE,CAAC,EAC/DC,OAAO,gBACJN,KAAA,CAAAc,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAEJ,KAAK,CAACN,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACY,KAAK,EAAEX;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CACJ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Field.d.ts

@@ -10,14 +10,30 @@ export interface FieldProps {
     before?: string;
     after?: string;
 }
-export declare const Field: import("@webiny/app-admin").GenericComponent<FieldProps> & {
-    original: import("@webiny/app-admin").GenericComponent<FieldProps>;
+export declare const Field: (({ name, element, after, before, remove }: FieldProps) => React.JSX.Element) & {
+    original: ({ name, element, after, before, remove }: FieldProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: (({ name, element, after, before, remove }: FieldProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FieldProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FieldProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FieldProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldProps, context?: any) => React.ReactElement<any, any> | null>) => (props: {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FieldProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FieldProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: {
         name: string;
     }) => React.JSX.Element;
 };

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Field.js

@@ -1,53 +1,44 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Field = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var _appAdmin = require("@webiny/app-admin");
-var BaseField = (0, _appAdmin.makeDecoratable)("Field", function (_ref) {
-  var name = _ref.name,
-    element = _ref.element,
-    _ref$after = _ref.after,
-    after = _ref$after === void 0 ? undefined : _ref$after,
-    _ref$before = _ref.before,
-    before = _ref$before === void 0 ? undefined : _ref$before,
-    _ref$remove = _ref.remove,
-    remove = _ref$remove === void 0 ? false : _ref$remove;
-  var getId = (0, _reactProperties.useIdGenerator)("field");
-  var placeAfter = after !== undefined ? getId(after) : undefined;
-  var placeBefore = before !== undefined ? getId(before) : undefined;
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+import React from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { makeDecoratable, createDecoratorFactory } from "@webiny/app-admin";
+const BaseField = makeDecoratable("Field", ({
+  name,
+  element,
+  after = undefined,
+  before = undefined,
+  remove = false
+}) => {
+  const getId = useIdGenerator("field");
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  return /*#__PURE__*/React.createElement(Property, {
     id: "fileDetails",
     name: "fileDetails"
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name),
     name: "fields",
     array: true,
     before: placeBefore,
     after: placeAfter,
     remove: remove
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "name"),
     name: "name",
     value: name
-  }), element ? /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), element ? /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "element"),
     name: "element",
     value: element
   }) : null));
 });
-var createDecorator = (0, _appAdmin.createDecoratorFactory)()(BaseField, function (decoratorProps, componentProps) {
+const createDecorator = createDecoratorFactory()(BaseField, (decoratorProps, componentProps) => {
   if (decoratorProps.name === "*") {
     return true;
   }
   return decoratorProps.name === componentProps.name;
 });
-var Field = exports.Field = Object.assign(BaseField, {
-  createDecorator: createDecorator
+export const Field = Object.assign(BaseField, {
+  createDecorator
 });
 
 //# sourceMappingURL=Field.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","_appAdmin","BaseField","makeDecoratable","_ref","name","element","_ref$after","after","undefined","_ref$before","before","_ref$remove","remove","getId","useIdGenerator","placeAfter","placeBefore","default","createElement","Property","id","array","value","createDecorator","createDecoratorFactory","decoratorProps","componentProps","Field","exports","Object","assign"],"sources":["Field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable, createDecoratorFactory } from \"@webiny/app-admin\";\n\nexport interface FieldConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface FieldProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nconst BaseField = makeDecoratable(\n    \"Field\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: FieldProps) => {\n        const getId = useIdGenerator(\"field\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"fileDetails\" name={\"fileDetails\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"fields\"}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                    remove={remove}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n\nconst createDecorator = createDecoratorFactory<{ name: string }>()(\n    BaseField,\n    (decoratorProps, componentProps) => {\n        if (decoratorProps.name === \"*\") {\n            return true;\n        }\n\n        return decoratorProps.name === componentProps.name;\n    }\n);\n\nexport const Field = Object.assign(BaseField, { createDecorator });\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAeA,IAAMG,SAAS,GAAG,IAAAC,yBAAe,EAC7B,OAAO,EACP,UAAAC,IAAA,EAA0F;EAAA,IAAvFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,WAAA,GAAAN,IAAA,CAAEO,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGD,SAAS,GAAAC,WAAA;IAAAE,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EACnE,IAAME,KAAK,GAAG,IAAAC,+BAAc,EAAC,OAAO,CAAC;EACrC,IAAMC,UAAU,GAAGR,KAAK,KAAKC,SAAS,GAAGK,KAAK,CAACN,KAAK,CAAC,GAAGC,SAAS;EACjE,IAAMQ,WAAW,GAAGN,MAAM,KAAKF,SAAS,GAAGK,KAAK,CAACH,MAAM,CAAC,GAAGF,SAAS;EAEpE,oBACIZ,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAC,aAAa;IAAChB,IAAI,EAAE;EAAc,gBAC3CR,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IACLC,EAAE,EAAEP,KAAK,CAACT,IAAI,CAAE;IAChBA,IAAI,EAAE,QAAS;IACfiB,KAAK,EAAE,IAAK;IACZX,MAAM,EAAEM,WAAY;IACpBT,KAAK,EAAEQ,UAAW;IAClBH,MAAM,EAAEA;EAAO,gBAEfhB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACkB,KAAK,EAAElB;EAAK,CAAE,CAAC,EAC/DC,OAAO,gBACJT,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACkB,KAAK,EAAEjB;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CACJ,CAAC;AAED,IAAMkB,eAAe,GAAG,IAAAC,gCAAsB,EAAmB,CAAC,CAC9DvB,SAAS,EACT,UAACwB,cAAc,EAAEC,cAAc,EAAK;EAChC,IAAID,cAAc,CAACrB,IAAI,KAAK,GAAG,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,OAAOqB,cAAc,CAACrB,IAAI,KAAKsB,cAAc,CAACtB,IAAI;AACtD,CACJ,CAAC;AAEM,IAAMuB,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAGE,MAAM,CAACC,MAAM,CAAC7B,SAAS,EAAE;EAAEsB,eAAe,EAAfA;AAAgB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Property","useIdGenerator","makeDecoratable","createDecoratorFactory","BaseField","name","element","after","undefined","before","remove","getId","placeAfter","placeBefore","createElement","id","array","value","createDecorator","decoratorProps","componentProps","Field","Object","assign"],"sources":["Field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable, createDecoratorFactory } from \"@webiny/app-admin\";\n\nexport interface FieldConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface FieldProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nconst BaseField = makeDecoratable(\n    \"Field\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: FieldProps) => {\n        const getId = useIdGenerator(\"field\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"fileDetails\" name={\"fileDetails\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"fields\"}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                    remove={remove}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n\nconst createDecorator = createDecoratorFactory<{ name: string }>()(\n    BaseField,\n    (decoratorProps, componentProps) => {\n        if (decoratorProps.name === \"*\") {\n            return true;\n        }\n\n        return decoratorProps.name === componentProps.name;\n    }\n);\n\nexport const Field = Object.assign(BaseField, { createDecorator });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACnE,SAASC,eAAe,EAAEC,sBAAsB,QAAQ,mBAAmB;AAe3E,MAAMC,SAAS,GAAGF,eAAe,CAC7B,OAAO,EACP,CAAC;EAAEG,IAAI;EAAEC,OAAO;EAAEC,KAAK,GAAGC,SAAS;EAAEC,MAAM,GAAGD,SAAS;EAAEE,MAAM,GAAG;AAAkB,CAAC,KAAK;EACtF,MAAMC,KAAK,GAAGV,cAAc,CAAC,OAAO,CAAC;EACrC,MAAMW,UAAU,GAAGL,KAAK,KAAKC,SAAS,GAAGG,KAAK,CAACJ,KAAK,CAAC,GAAGC,SAAS;EACjE,MAAMK,WAAW,GAAGJ,MAAM,KAAKD,SAAS,GAAGG,KAAK,CAACF,MAAM,CAAC,GAAGD,SAAS;EAEpE,oBACIT,KAAA,CAAAe,aAAA,CAACd,QAAQ;IAACe,EAAE,EAAC,aAAa;IAACV,IAAI,EAAE;EAAc,gBAC3CN,KAAA,CAAAe,aAAA,CAACd,QAAQ;IACLe,EAAE,EAAEJ,KAAK,CAACN,IAAI,CAAE;IAChBA,IAAI,EAAE,QAAS;IACfW,KAAK,EAAE,IAAK;IACZP,MAAM,EAAEI,WAAY;IACpBN,KAAK,EAAEK,UAAW;IAClBF,MAAM,EAAEA;EAAO,gBAEfX,KAAA,CAAAe,aAAA,CAACd,QAAQ;IAACe,EAAE,EAAEJ,KAAK,CAACN,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACY,KAAK,EAAEZ;EAAK,CAAE,CAAC,EAC/DC,OAAO,gBACJP,KAAA,CAAAe,aAAA,CAACd,QAAQ;IAACe,EAAE,EAAEJ,KAAK,CAACN,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACY,KAAK,EAAEX;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CACJ,CAAC;AAED,MAAMY,eAAe,GAAGf,sBAAsB,CAAmB,CAAC,CAC9DC,SAAS,EACT,CAACe,cAAc,EAAEC,cAAc,KAAK;EAChC,IAAID,cAAc,CAACd,IAAI,KAAK,GAAG,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,OAAOc,cAAc,CAACd,IAAI,KAAKe,cAAc,CAACf,IAAI;AACtD,CACJ,CAAC;AAED,OAAO,MAAMgB,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACnB,SAAS,EAAE;EAAEc;AAAgB,CAAC,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/FieldDecorator.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { GenericComponent, Decorator } from "@webiny/app-admin";
+import type { GenericComponent, Decorator } from "@webiny/app-admin";
 import { FieldElement } from "@webiny/app-headless-cms";
-export declare type FieldProps = React.ComponentProps<typeof FieldElement>;
-export declare type FieldDecoratorProps = {
+export type FieldProps = React.ComponentProps<typeof FieldElement>;
+export type FieldDecoratorProps = {
     id?: string;
 };
 export declare const createScopedFieldDecorator: (scope?: string) => (decorator: Decorator<GenericComponent<FieldProps>>) => (props: FieldDecoratorProps) => React.JSX.Element;

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/FieldDecorator.js

@@ -1,32 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createScopedFieldDecorator = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _appHeadlessCms = require("@webiny/app-headless-cms");
-var shouldDecorate = function shouldDecorate(decoratorProps, componentProps) {
-  var id = decoratorProps.id;
+import React from "react";
+import { Compose, createConditionalDecorator, CompositionScope } from "@webiny/app-admin";
+import { FieldElement } from "@webiny/app-headless-cms";
+const shouldDecorate = (decoratorProps, componentProps) => {
+  const {
+    id
+  } = decoratorProps;
   if (id) {
     return id === "*" ? true : id === componentProps.field.id;
   }
   return true;
 };
-var createScopedFieldDecorator = exports.createScopedFieldDecorator = function createScopedFieldDecorator() {
-  var scope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "*";
-  return function (decorator) {
-    return function FieldDecorator(props) {
-      var conditionalDecorator = (0, _appAdmin.createConditionalDecorator)(shouldDecorate, decorator, props);
-      return /*#__PURE__*/_react.default.createElement(_appAdmin.CompositionScope, {
-        name: scope
-      }, /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
-        component: _appHeadlessCms.FieldElement,
-        with: conditionalDecorator
-      }));
-    };
+export const createScopedFieldDecorator = (scope = "*") => decorator => {
+  return function FieldDecorator(props) {
+    const conditionalDecorator = createConditionalDecorator(shouldDecorate, decorator, props);
+    return /*#__PURE__*/React.createElement(CompositionScope, {
+      name: scope
+    }, /*#__PURE__*/React.createElement(Compose, {
+      component: FieldElement,
+      with: conditionalDecorator
+    }));
   };
 };
 

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/FieldDecorator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_appHeadlessCms","shouldDecorate","decoratorProps","componentProps","id","field","createScopedFieldDecorator","exports","scope","arguments","length","undefined","decorator","FieldDecorator","props","conditionalDecorator","createConditionalDecorator","default","createElement","CompositionScope","name","Compose","component","FieldElement","with"],"sources":["FieldDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Compose,\n    createConditionalDecorator,\n    CompositionScope,\n    GenericComponent,\n    Decorator\n} from \"@webiny/app-admin\";\nimport { FieldElement } from \"@webiny/app-headless-cms\";\n\nexport type FieldProps = React.ComponentProps<typeof FieldElement>;\n\nconst shouldDecorate = (decoratorProps: FieldDecoratorProps, componentProps: FieldProps) => {\n    const { id } = decoratorProps;\n\n    if (id) {\n        return id === \"*\" ? true : id === componentProps.field.id;\n    }\n\n    return true;\n};\n\nexport type FieldDecoratorProps = {\n    id?: string;\n};\n\nexport const createScopedFieldDecorator =\n    (scope = \"*\") =>\n    (decorator: Decorator<GenericComponent<FieldProps>>) => {\n        return function FieldDecorator(props: FieldDecoratorProps) {\n            const conditionalDecorator = createConditionalDecorator(\n                shouldDecorate,\n                decorator,\n                props\n            );\n\n            return (\n                <CompositionScope name={scope}>\n                    <Compose component={FieldElement} with={conditionalDecorator} />\n                </CompositionScope>\n            );\n        };\n    };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAOA,IAAAE,eAAA,GAAAF,OAAA;AAIA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,cAAmC,EAAEC,cAA0B,EAAK;EACxF,IAAQC,EAAE,GAAKF,cAAc,CAArBE,EAAE;EAEV,IAAIA,EAAE,EAAE;IACJ,OAAOA,EAAE,KAAK,GAAG,GAAG,IAAI,GAAGA,EAAE,KAAKD,cAAc,CAACE,KAAK,CAACD,EAAE;EAC7D;EAEA,OAAO,IAAI;AACf,CAAC;AAMM,IAAME,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GACnC,SADSA,0BAA0BA,CAAA;EAAA,IAClCE,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,GAAG;EAAA,OACZ,UAACG,SAAkD,EAAK;IACpD,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;MACvD,IAAMC,oBAAoB,GAAG,IAAAC,oCAA0B,EACnDf,cAAc,EACdW,SAAS,EACTE,KACJ,CAAC;MAED,oBACIlB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAoB,gBAAgB;QAACC,IAAI,EAAEZ;MAAM,gBAC1BZ,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAsB,OAAO;QAACC,SAAS,EAAEC,4BAAa;QAACC,IAAI,EAAET;MAAqB,CAAE,CACjD,CAAC;IAE3B,CAAC;EACL,CAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["React","Compose","createConditionalDecorator","CompositionScope","FieldElement","shouldDecorate","decoratorProps","componentProps","id","field","createScopedFieldDecorator","scope","decorator","FieldDecorator","props","conditionalDecorator","createElement","name","component","with"],"sources":["FieldDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport type { GenericComponent, Decorator } from \"@webiny/app-admin\";\nimport { Compose, createConditionalDecorator, CompositionScope } from \"@webiny/app-admin\";\nimport { FieldElement } from \"@webiny/app-headless-cms\";\n\nexport type FieldProps = React.ComponentProps<typeof FieldElement>;\n\nconst shouldDecorate = (decoratorProps: FieldDecoratorProps, componentProps: FieldProps) => {\n    const { id } = decoratorProps;\n\n    if (id) {\n        return id === \"*\" ? true : id === componentProps.field.id;\n    }\n\n    return true;\n};\n\nexport type FieldDecoratorProps = {\n    id?: string;\n};\n\nexport const createScopedFieldDecorator =\n    (scope = \"*\") =>\n    (decorator: Decorator<GenericComponent<FieldProps>>) => {\n        return function FieldDecorator(props: FieldDecoratorProps) {\n            const conditionalDecorator = createConditionalDecorator(\n                shouldDecorate,\n                decorator,\n                props\n            );\n\n            return (\n                <CompositionScope name={scope}>\n                    <Compose component={FieldElement} with={conditionalDecorator} />\n                </CompositionScope>\n            );\n        };\n    };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,EAAEC,0BAA0B,EAAEC,gBAAgB,QAAQ,mBAAmB;AACzF,SAASC,YAAY,QAAQ,0BAA0B;AAIvD,MAAMC,cAAc,GAAGA,CAACC,cAAmC,EAAEC,cAA0B,KAAK;EACxF,MAAM;IAAEC;EAAG,CAAC,GAAGF,cAAc;EAE7B,IAAIE,EAAE,EAAE;IACJ,OAAOA,EAAE,KAAK,GAAG,GAAG,IAAI,GAAGA,EAAE,KAAKD,cAAc,CAACE,KAAK,CAACD,EAAE;EAC7D;EAEA,OAAO,IAAI;AACf,CAAC;AAMD,OAAO,MAAME,0BAA0B,GACnCA,CAACC,KAAK,GAAG,GAAG,KACXC,SAAkD,IAAK;EACpD,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;IACvD,MAAMC,oBAAoB,GAAGb,0BAA0B,CACnDG,cAAc,EACdO,SAAS,EACTE,KACJ,CAAC;IAED,oBACId,KAAA,CAAAgB,aAAA,CAACb,gBAAgB;MAACc,IAAI,EAAEN;IAAM,gBAC1BX,KAAA,CAAAgB,aAAA,CAACf,OAAO;MAACiB,SAAS,EAAEd,YAAa;MAACe,IAAI,EAAEJ;IAAqB,CAAE,CACjD,CAAC;EAE3B,CAAC;AACL,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/GroupFields.js

@@ -1,19 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GroupFields = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var GroupFields = exports.GroupFields = function GroupFields(_ref) {
-  var value = _ref.value;
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+import React from "react";
+import { Property } from "@webiny/react-properties";
+export const GroupFields = ({
+  value
+}) => {
+  return /*#__PURE__*/React.createElement(Property, {
     id: "fileDetails",
     name: "fileDetails"
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
-    id: "drawer:groupFields",
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: `drawer:groupFields`,
     name: "groupFields",
     value: value
   }));

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/GroupFields.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","GroupFields","exports","_ref","value","default","createElement","Property","id","name"],"sources":["GroupFields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface GroupFieldsProps {\n    value: boolean;\n}\n\nexport const GroupFields: React.FC<GroupFieldsProps> = ({ value }) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:groupFields`} name={\"groupFields\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMO,IAAME,WAAuC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAA1CA,WAAuCA,CAAAE,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC3D,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,sBAAuB;IAACC,IAAI,EAAE,aAAc;IAACL,KAAK,EAAEA;EAAM,CAAE,CAClE,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Property","GroupFields","value","createElement","id","name"],"sources":["GroupFields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface GroupFieldsProps {\n    value: boolean;\n}\n\nexport const GroupFields: React.FC<GroupFieldsProps> = ({ value }) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:groupFields`} name={\"groupFields\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,0BAA0B;AAMnD,OAAO,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EAClE,oBACIH,KAAA,CAAAI,aAAA,CAACH,QAAQ;IAACI,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CN,KAAA,CAAAI,aAAA,CAACH,QAAQ;IAACI,EAAE,EAAE,oBAAqB;IAACC,IAAI,EAAE,aAAc;IAACH,KAAK,EAAEA;EAAM,CAAE,CAClE,CAAC;AAEnB,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Thumbnail.d.ts

@@ -7,10 +7,22 @@ export interface RendererProps {
     type: string;
     element: JSX.Element;
 }
-export declare const Thumbnail: import("@webiny/react-composition").GenericComponent<RendererProps> & {
-    original: import("@webiny/react-composition").GenericComponent<RendererProps>;
+export declare const Thumbnail: (({ type, element }: RendererProps) => React.JSX.Element) & {
+    original: ({ type, element }: RendererProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: RendererProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: (({ type, element }: RendererProps) => React.JSX.Element) & {
+        original: ({ type, element }: RendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: RendererProps) => React.JSX.Element) & {
+        original: ({ type, element }: RendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Thumbnail.js

@@ -1,29 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Thumbnail = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactComposition = require("@webiny/react-composition");
-var _reactProperties = require("@webiny/react-properties");
-var Thumbnail = exports.Thumbnail = (0, _reactComposition.makeDecoratable)("Thumbnail", function (_ref) {
-  var type = _ref.type,
-    element = _ref.element;
-  var getId = (0, _reactProperties.useIdGenerator)("thumbnail");
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+import React from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+export const Thumbnail = makeDecoratable("Thumbnail", ({
+  type,
+  element
+}) => {
+  const getId = useIdGenerator("thumbnail");
+  return /*#__PURE__*/React.createElement(Property, {
     id: "fileDetails",
     name: "fileDetails"
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(type),
     name: "thumbnails",
     array: true
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(type, "type"),
     name: "type",
     value: type
-  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), /*#__PURE__*/React.createElement(Property, {
     id: getId(type, "element"),
     name: "element",
     value: element

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactComposition","_reactProperties","Thumbnail","exports","makeDecoratable","_ref","type","element","getId","useIdGenerator","default","createElement","Property","id","name","array","value"],"sources":["Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface ThumbnailConfig {\n    type: string;\n    element: JSX.Element;\n}\n\nexport interface RendererProps {\n    type: string;\n    element: JSX.Element;\n}\n\nexport const Thumbnail = makeDecoratable(\"Thumbnail\", ({ type, element }: RendererProps) => {\n    const getId = useIdGenerator(\"thumbnail\");\n\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={getId(type)} name={\"thumbnails\"} array={true}>\n                <Property id={getId(type, \"type\")} name={\"type\"} value={type} />\n                <Property id={getId(type, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        </Property>\n    );\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAYO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,iCAAe,EAAC,WAAW,EAAE,UAAAC,IAAA,EAAsC;EAAA,IAAnCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAClE,IAAMC,KAAK,GAAG,IAAAC,+BAAc,EAAC,WAAW,CAAC;EAEzC,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,CAAE;IAACQ,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE;EAAK,gBACvDlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACQ,IAAI,EAAE,MAAO;IAACE,KAAK,EAAEV;EAAK,CAAE,CAAC,eAChET,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,SAAS,CAAE;IAACQ,IAAI,EAAE,SAAU;IAACE,KAAK,EAAET;EAAQ,CAAE,CAClE,CACJ,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","Thumbnail","type","element","getId","createElement","id","name","array","value"],"sources":["Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface ThumbnailConfig {\n    type: string;\n    element: JSX.Element;\n}\n\nexport interface RendererProps {\n    type: string;\n    element: JSX.Element;\n}\n\nexport const Thumbnail = makeDecoratable(\"Thumbnail\", ({ type, element }: RendererProps) => {\n    const getId = useIdGenerator(\"thumbnail\");\n\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={getId(type)} name={\"thumbnails\"} array={true}>\n                <Property id={getId(type, \"type\")} name={\"type\"} value={type} />\n                <Property id={getId(type, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        </Property>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAYnE,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC,WAAW,EAAE,CAAC;EAAEI,IAAI;EAAEC;AAAuB,CAAC,KAAK;EACxF,MAAMC,KAAK,GAAGJ,cAAc,CAAC,WAAW,CAAC;EAEzC,oBACIH,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CV,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAACK,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE;EAAK,gBACvDX,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACK,IAAI,EAAE,MAAO;IAACE,KAAK,EAAEP;EAAK,CAAE,CAAC,eAChEL,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,SAAS,CAAE;IAACK,IAAI,EAAE,SAAU;IAACE,KAAK,EAAEN;EAAQ,CAAE,CAClE,CACJ,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Width.js

@@ -1,19 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Width = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var Width = exports.Width = function Width(_ref) {
-  var value = _ref.value;
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+import React from "react";
+import { Property } from "@webiny/react-properties";
+export const Width = ({
+  value
+}) => {
+  return /*#__PURE__*/React.createElement(Property, {
     id: "fileDetails",
     name: "fileDetails"
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
-    id: "drawer:width",
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: `drawer:width`,
     name: "width",
     value: value
   }));

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Width.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","Width","exports","_ref","value","default","createElement","Property","id","name"],"sources":["Width.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface WidthProps {\n    value: string;\n}\n\nexport const Width = ({ value }: WidthProps) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:width`} name={\"width\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMO,IAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACzB,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,gBAAiB;IAACC,IAAI,EAAE,OAAQ;IAACL,KAAK,EAAEA;EAAM,CAAE,CACtD,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Property","Width","value","createElement","id","name"],"sources":["Width.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface WidthProps {\n    value: string;\n}\n\nexport const Width = ({ value }: WidthProps) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:width`} name={\"width\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,0BAA0B;AAMnD,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EAC5C,oBACIH,KAAA,CAAAI,aAAA,CAACH,QAAQ;IAACI,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CN,KAAA,CAAAI,aAAA,CAACH,QAAQ;IAACI,EAAE,EAAE,cAAe;IAACC,IAAI,EAAE,OAAQ;IAACH,KAAK,EAAEA;EAAM,CAAE,CACtD,CAAC;AAEnB,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { FieldConfig } from "./Field";
-import { ActionConfig } from "./Action";
-import { ThumbnailConfig } from "./Thumbnail";
+import type { FieldConfig } from "./Field.js";
+import type { ActionConfig } from "./Action.js";
+import type { ThumbnailConfig } from "./Thumbnail.js";
 export interface FileDetailsConfig {
     actions: ActionConfig[];
     thumbnails: ThumbnailConfig[];
@@ -10,38 +9,78 @@ export interface FileDetailsConfig {
     fields: FieldConfig[];
 }
 export declare const FileDetails: {
-    Action: import("@webiny/react-composition").GenericComponent<import("./Action").ActionProps> & {
-        original: import("@webiny/react-composition").GenericComponent<import("./Action").ActionProps>;
+    Action: (({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+        original: ({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Action").ActionProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+        original: (({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
     } & {
-        IconButton: ({ label, icon, onAction, disabled, ...props }: import("../../../../../components/FileDetails/components/ActionButton").ActionButtonProps) => import("react").JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Button: ({ label, icon, onAction, disabled, className, ...props }: import("~/components/FileDetails/components/ActionButton.js").ActionButtonProps) => import("react").JSX.Element;
     };
     Preview: {
-        Thumbnail: import("@webiny/react-composition").GenericComponent<import("./Thumbnail").RendererProps> & {
-            original: import("@webiny/react-composition").GenericComponent<import("./Thumbnail").RendererProps>;
+        Thumbnail: (({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+            original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Thumbnail").RendererProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
         };
     };
-    Width: ({ value }: import("./Width").WidthProps) => import("react").JSX.Element;
-    GroupFields: import("react").FC<import("./GroupFields").GroupFieldsProps>;
-    Field: import("@webiny/react-composition").GenericComponent<import("./Field").FieldProps> & {
-        original: import("@webiny/react-composition").GenericComponent<import("./Field").FieldProps>;
+    Width: ({ value }: import("./Width.js").WidthProps) => import("react").JSX.Element;
+    GroupFields: import("react").FC<import("./GroupFields.js").GroupFieldsProps>;
+    Field: (({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element) & {
+        original: ({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Field").FieldProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+        original: (({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Field").FieldProps, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Field.js").FieldProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: {
             name: string;
-        }) => import("react").JSX.Element;
+        }) => React.JSX.Element;
     };
     ExtensionField: {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("@webiny/app-headless-cms").FieldElementProps>>) => (props: import("./FieldDecorator").FieldDecoratorProps) => import("react").JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").Decorator<import("@webiny/react-composition/types.js").GenericComponent<import("./FieldDecorator.js").FieldProps>>) => (props: import("./FieldDecorator.js").FieldDecoratorProps) => import("react").JSX.Element;
     };
 };

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/index.js

@@ -1,28 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileDetails = void 0;
-var _Field = require("./Field");
-var _FieldDecorator = require("./FieldDecorator");
-var _Width = require("./Width");
-var _GroupFields = require("./GroupFields");
-var _Action = require("./Action");
-var _ActionButton = require("../../../../../components/FileDetails/components/ActionButton");
-var _Thumbnail = require("./Thumbnail");
-var FileDetails = exports.FileDetails = {
-  Action: Object.assign(_Action.Action, {
-    IconButton: _ActionButton.ActionButton
+import { Field } from "./Field.js";
+import { createScopedFieldDecorator } from "./FieldDecorator.js";
+import { Width } from "./Width.js";
+import { GroupFields } from "./GroupFields.js";
+import { Action } from "./Action.js";
+import { ActionButton } from "../../../../../components/FileDetails/components/ActionButton.js";
+import { Thumbnail } from "./Thumbnail.js";
+export const FileDetails = {
+  Action: Object.assign(Action, {
+    Button: ActionButton
   }),
   Preview: {
-    Thumbnail: _Thumbnail.Thumbnail
+    Thumbnail
   },
-  Width: _Width.Width,
-  GroupFields: _GroupFields.GroupFields,
-  Field: _Field.Field,
+  Width,
+  GroupFields,
+  Field,
   ExtensionField: {
-    createDecorator: (0, _FieldDecorator.createScopedFieldDecorator)("fm.fileDetails.extensionFields")
+    createDecorator: createScopedFieldDecorator("fm.fileDetails.extensionFields")
   }
 };
 

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Field","require","_FieldDecorator","_Width","_GroupFields","_Action","_ActionButton","_Thumbnail","FileDetails","exports","Action","Object","assign","IconButton","ActionButton","Preview","Thumbnail","Width","GroupFields","Field","ExtensionField","createDecorator","createScopedFieldDecorator"],"sources":["index.ts"],"sourcesContent":["import { Field, FieldConfig } from \"./Field\";\nimport { createScopedFieldDecorator } from \"./FieldDecorator\";\nimport { Width } from \"./Width\";\nimport { GroupFields } from \"./GroupFields\";\nimport { Action, ActionConfig } from \"./Action\";\nimport { ActionButton } from \"~/components/FileDetails/components/ActionButton\";\nimport { Thumbnail, ThumbnailConfig } from \"./Thumbnail\";\n\nexport interface FileDetailsConfig {\n    actions: ActionConfig[];\n    thumbnails: ThumbnailConfig[];\n    width: string;\n    groupFields: boolean;\n    fields: FieldConfig[];\n}\n\nexport const FileDetails = {\n    Action: Object.assign(Action, { IconButton: ActionButton }),\n    Preview: {\n        Thumbnail\n    },\n    Width,\n    GroupFields,\n    Field,\n    ExtensionField: {\n        createDecorator: createScopedFieldDecorator(\"fm.fileDetails.extensionFields\")\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAUO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACvBE,MAAM,EAAEC,MAAM,CAACC,MAAM,CAACF,cAAM,EAAE;IAAEG,UAAU,EAAEC;EAAa,CAAC,CAAC;EAC3DC,OAAO,EAAE;IACLC,SAAS,EAATA;EACJ,CAAC;EACDC,KAAK,EAALA,YAAK;EACLC,WAAW,EAAXA,wBAAW;EACXC,KAAK,EAALA,YAAK;EACLC,cAAc,EAAE;IACZC,eAAe,EAAE,IAAAC,0CAA0B,EAAC,gCAAgC;EAChF;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["Field","createScopedFieldDecorator","Width","GroupFields","Action","ActionButton","Thumbnail","FileDetails","Object","assign","Button","Preview","ExtensionField","createDecorator"],"sources":["index.ts"],"sourcesContent":["import type { FieldConfig } from \"./Field.js\";\nimport { Field } from \"./Field.js\";\nimport { createScopedFieldDecorator } from \"./FieldDecorator.js\";\nimport { Width } from \"./Width.js\";\nimport { GroupFields } from \"./GroupFields.js\";\nimport type { ActionConfig } from \"./Action.js\";\nimport { Action } from \"./Action.js\";\nimport { ActionButton } from \"~/components/FileDetails/components/ActionButton.js\";\nimport type { ThumbnailConfig } from \"./Thumbnail.js\";\nimport { Thumbnail } from \"./Thumbnail.js\";\n\nexport interface FileDetailsConfig {\n    actions: ActionConfig[];\n    thumbnails: ThumbnailConfig[];\n    width: string;\n    groupFields: boolean;\n    fields: FieldConfig[];\n}\n\nexport const FileDetails = {\n    Action: Object.assign(Action, { Button: ActionButton }),\n    Preview: {\n        Thumbnail\n    },\n    Width,\n    GroupFields,\n    Field,\n    ExtensionField: {\n        createDecorator: createScopedFieldDecorator(\"fm.fileDetails.extensionFields\")\n    }\n};\n"],"mappings":"AACA,SAASA,KAAK;AACd,SAASC,0BAA0B;AACnC,SAASC,KAAK;AACd,SAASC,WAAW;AAEpB,SAASC,MAAM;AACf,SAASC,YAAY;AAErB,SAASC,SAAS;AAUlB,OAAO,MAAMC,WAAW,GAAG;EACvBH,MAAM,EAAEI,MAAM,CAACC,MAAM,CAACL,MAAM,EAAE;IAAEM,MAAM,EAAEL;EAAa,CAAC,CAAC;EACvDM,OAAO,EAAE;IACLL;EACJ,CAAC;EACDJ,KAAK;EACLC,WAAW;EACXH,KAAK;EACLY,cAAc,EAAE;IACZC,eAAe,EAAEZ,0BAA0B,CAAC,gCAAgC;EAChF;AACJ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/formatFileItem.d.ts

@@ -0,0 +1,6 @@
+import type { FileItem } from "../../../types.js";
+import type { FileManagerFileItem } from "@webiny/app-admin";
+/**
+ * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.
+ */
+export declare const formatFileItem: (file: FileItem) => FileManagerFileItem;