@webiny/app-file-manager 5.43.3 → 6.0.0-alpha.1

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

@@ -1,40 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Action = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var _appAdmin = require("@webiny/app-admin");
-var Action = exports.Action = (0, _appAdmin.makeDecoratable)("Action", 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)("action");
-  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 } from "@webiny/app-admin";
+export const Action = makeDecoratable("Action", ({
+  name,
+  element,
+  after = undefined,
+  before = undefined,
+  remove = false
+}) => {
+  const getId = useIdGenerator("action");
+  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: "actions",
     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

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.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,5 +1,5 @@
 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 type FieldProps = React.ComponentProps<typeof FieldElement>;
 export type FieldDecoratorProps = {

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.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,7 @@
 /// <reference types="react" />
-import { FieldConfig } from "./Field";
-import { ActionConfig } from "./Action";
-import { ThumbnailConfig } from "./Thumbnail";
+import type { FieldConfig } from "./Field";
+import type { ActionConfig } from "./Action";
+import type { ThumbnailConfig } from "./Thumbnail";
 export interface FileDetailsConfig {
     actions: ActionConfig[];
     thumbnails: ThumbnailConfig[];
@@ -29,7 +29,7 @@ export declare const FileDetails: {
             displayName: string;
         }>) => (props: unknown) => import("react").JSX.Element;
     } & {
-        IconButton: ({ label, icon, onAction, disabled, ...props }: import("../../../../../components/FileDetails/components/ActionButton").ActionButtonProps) => import("react").JSX.Element;
+        Button: ({ label, icon, onAction, disabled, className, ...props }: import("../../../../../components/FileDetails/components/ActionButton").ActionButtonProps) => import("react").JSX.Element;
     };
     Preview: {
         Thumbnail: (({ type, element }: import("./Thumbnail").RendererProps) => 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";
+import { createScopedFieldDecorator } from "./FieldDecorator";
+import { Width } from "./Width";
+import { GroupFields } from "./GroupFields";
+import { Action } from "./Action";
+import { ActionButton } from "../../../../../components/FileDetails/components/ActionButton";
+import { Thumbnail } from "./Thumbnail";
+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\";\nimport { Field } from \"./Field\";\nimport { createScopedFieldDecorator } from \"./FieldDecorator\";\nimport { Width } from \"./Width\";\nimport { GroupFields } from \"./GroupFields\";\nimport type { ActionConfig } from \"./Action\";\nimport { Action } from \"./Action\";\nimport { ActionButton } from \"~/components/FileDetails/components/ActionButton\";\nimport type { ThumbnailConfig } from \"./Thumbnail\";\nimport { Thumbnail } 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, { 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/getThumbnailRenderer.d.ts

@@ -1,4 +1,4 @@
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "@webiny/app-admin/types";
 export declare const getThumbnailRenderer: <T extends {
     type: string;
 }>(renderers: T[], file: FileItem) => T;

package/modules/FileManagerRenderer/FileManagerView/getThumbnailRenderer.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getThumbnailRenderer = void 0;
-var _minimatch = _interopRequireDefault(require("minimatch"));
-var getThumbnailRenderer = exports.getThumbnailRenderer = function getThumbnailRenderer(renderers, file) {
+import minimatch from "minimatch";
+export const getThumbnailRenderer = (renderers, file) => {
   // Sort by type and by priority. More occurrences of `*` means lower priority.
-  var regExMatch = /\*/g;
-  var types = renderers.sort(function (a, b) {
-    var countA = (a.type.match(regExMatch) || []).length;
-    var countB = (b.type.match(regExMatch) || []).length;
+  const regExMatch = /\*/g;
+  const types = renderers.sort((a, b) => {
+    const countA = (a.type.match(regExMatch) || []).length;
+    const countB = (b.type.match(regExMatch) || []).length;
     if (countB > countA) {
       return -1;
     } else if (countB < countA) {
@@ -21,9 +14,7 @@ var getThumbnailRenderer = exports.getThumbnailRenderer = function getThumbnailR
   });
 
   // Find first matching type
-  var renderer = types.find(function (type) {
-    return (0, _minimatch.default)(file.type, type.type);
-  });
+  const renderer = types.find(type => minimatch(file.type, type.type));
   return renderer;
 };
 

package/modules/FileManagerRenderer/FileManagerView/getThumbnailRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_minimatch","_interopRequireDefault","require","getThumbnailRenderer","exports","renderers","file","regExMatch","types","sort","a","b","countA","type","match","length","countB","renderer","find","minimatch"],"sources":["getThumbnailRenderer.ts"],"sourcesContent":["import { FileItem } from \"@webiny/app-admin/types\";\nimport minimatch from \"minimatch\";\n\nexport const getThumbnailRenderer = <T extends { type: string }>(\n    renderers: T[],\n    file: FileItem\n): T => {\n    // Sort by type and by priority. More occurrences of `*` means lower priority.\n    const regExMatch = /\\*/g;\n\n    const types = renderers.sort((a, b) => {\n        const countA = (a.type.match(regExMatch) || []).length;\n        const countB = (b.type.match(regExMatch) || []).length;\n        if (countB > countA) {\n            return -1;\n        } else if (countB < countA) {\n            return 1;\n        }\n        return 0;\n    });\n\n    // Find first matching type\n    const renderer = types.find(type => minimatch(file.type, type.type));\n\n    return renderer!;\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAC7BE,SAAc,EACdC,IAAc,EACV;EACJ;EACA,IAAMC,UAAU,GAAG,KAAK;EAExB,IAAMC,KAAK,GAAGH,SAAS,CAACI,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACnC,IAAMC,MAAM,GAAG,CAACF,CAAC,CAACG,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAMC,MAAM,GAAG,CAACL,CAAC,CAACE,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAIC,MAAM,GAAGJ,MAAM,EAAE;MACjB,OAAO,CAAC,CAAC;IACb,CAAC,MAAM,IAAII,MAAM,GAAGJ,MAAM,EAAE;MACxB,OAAO,CAAC;IACZ;IACA,OAAO,CAAC;EACZ,CAAC,CAAC;;EAEF;EACA,IAAMK,QAAQ,GAAGT,KAAK,CAACU,IAAI,CAAC,UAAAL,IAAI;IAAA,OAAI,IAAAM,kBAAS,EAACb,IAAI,CAACO,IAAI,EAAEA,IAAI,CAACA,IAAI,CAAC;EAAA,EAAC;EAEpE,OAAOI,QAAQ;AACnB,CAAC","ignoreList":[]}
+{"version":3,"names":["minimatch","getThumbnailRenderer","renderers","file","regExMatch","types","sort","a","b","countA","type","match","length","countB","renderer","find"],"sources":["getThumbnailRenderer.ts"],"sourcesContent":["import type { FileItem } from \"@webiny/app-admin/types\";\nimport minimatch from \"minimatch\";\n\nexport const getThumbnailRenderer = <T extends { type: string }>(\n    renderers: T[],\n    file: FileItem\n): T => {\n    // Sort by type and by priority. More occurrences of `*` means lower priority.\n    const regExMatch = /\\*/g;\n\n    const types = renderers.sort((a, b) => {\n        const countA = (a.type.match(regExMatch) || []).length;\n        const countB = (b.type.match(regExMatch) || []).length;\n        if (countB > countA) {\n            return -1;\n        } else if (countB < countA) {\n            return 1;\n        }\n        return 0;\n    });\n\n    // Find first matching type\n    const renderer = types.find(type => minimatch(file.type, type.type));\n\n    return renderer!;\n};\n"],"mappings":"AACA,OAAOA,SAAS,MAAM,WAAW;AAEjC,OAAO,MAAMC,oBAAoB,GAAGA,CAChCC,SAAc,EACdC,IAAc,KACV;EACJ;EACA,MAAMC,UAAU,GAAG,KAAK;EAExB,MAAMC,KAAK,GAAGH,SAAS,CAACI,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACnC,MAAMC,MAAM,GAAG,CAACF,CAAC,CAACG,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,MAAMC,MAAM,GAAG,CAACL,CAAC,CAACE,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAIC,MAAM,GAAGJ,MAAM,EAAE;MACjB,OAAO,CAAC,CAAC;IACb,CAAC,MAAM,IAAII,MAAM,GAAGJ,MAAM,EAAE;MACxB,OAAO,CAAC;IACZ;IACA,OAAO,CAAC;EACZ,CAAC,CAAC;;EAEF;EACA,MAAMK,QAAQ,GAAGT,KAAK,CAACU,IAAI,CAACL,IAAI,IAAIV,SAAS,CAACG,IAAI,CAACO,IAAI,EAAEA,IAAI,CAACA,IAAI,CAAC,CAAC;EAEpE,OAAOI,QAAQ;AACnB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { FileManagerViewProviderProps } from "../FileManagerViewProvider";
+import type { FileManagerViewProviderProps } from "../FileManagerViewProvider";
 interface FileManagerProviderProps extends Omit<FileManagerViewProviderProps, "accept" | "children"> {
     children: React.ReactNode;
     images?: boolean;