@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/ui/elements/ViewElement.js

@@ -1,18 +1,3 @@
-"use strict";
+export * from "@webiny/ui-composer/elements/ViewElement";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _ViewElement = require("@webiny/ui-composer/elements/ViewElement");
-
-Object.keys(_ViewElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ViewElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ViewElement[key];
-    }
-  });
-});
+//# sourceMappingURL=ViewElement.js.map

package/ui/elements/ViewElement.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":"AAAA,cAAc,0CAA0C","ignoreList":[]}

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { UIElement, UiElementRenderProps } from "../../../UIElement";
+import type React from "react";
+import type { UiElementRenderProps } from "../../../UIElement";
+import { UIElement } from "../../../UIElement";
 export declare class DynamicFieldsetRowElement extends UIElement<any> {
     constructor(id: string);
     render(props?: UiElementRenderProps): React.ReactNode;

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js

@@ -1,60 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicFieldsetRowElement = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _UIElement2 = require("../../../UIElement");
-
+import { UIElement } from "../../../UIElement";
 // import styled from "@emotion/styled";
+
 // const DynamicFieldsetRow = styled("div")({
 //     paddingBottom: 10
 // });
+
 // !GOOD FIRST ISSUE!
 // Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.
-var DynamicFieldsetRowElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(DynamicFieldsetRowElement, _UIElement);
-
-  var _super = (0, _createSuper2.default)(DynamicFieldsetRowElement);
-
-  function DynamicFieldsetRowElement(id) {
-    var _this;
 
-    (0, _classCallCheck2.default)(this, DynamicFieldsetRowElement);
-    _this = _super.call(this, id);
-
-    _this.applyPlugins(DynamicFieldsetRowElement);
-
-    return _this;
+export class DynamicFieldsetRowElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.applyPlugins(DynamicFieldsetRowElement);
   }
+  render(props) {
+    return super.render(props);
+    /**
+     * TODO @ts-refactor @pavel
+     * Why was this left here?
+     */
+    // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;
+  }
+}
 
-  (0, _createClass2.default)(DynamicFieldsetRowElement, [{
-    key: "render",
-    value: function render(props) {
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(DynamicFieldsetRowElement.prototype), "render", this).call(this, props);
-      /**
-       * TODO @ts-refactor @pavel
-       * Why was this left here?
-       */
-      // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;
-    }
-  }]);
-  return DynamicFieldsetRowElement;
-}(_UIElement2.UIElement);
-
-exports.DynamicFieldsetRowElement = DynamicFieldsetRowElement;
+//# sourceMappingURL=DynamicFieldsetRowElement.js.map

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["DynamicFieldsetRowElement","id","applyPlugins","props","UIElement"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;AACA;AAEA;AACA;AACA;AAEA;AACA;IAEaA,yB;;;;;EACT,mCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,YAAL,CAAkBF,yBAAlB;;IAH2B;EAI9B;;;;WAED,gBAAuBG,KAAvB,EAAsE;MAClE,yHAAoBA,KAApB;MACA;AACR;AACA;AACA;MACQ;IACH;;;EAd0CC,qB"}
+{"version":3,"names":["UIElement","DynamicFieldsetRowElement","constructor","id","applyPlugins","render","props"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":"AAEA,SAASA,SAAS;AAClB;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA,OAAO,MAAMC,yBAAyB,SAASD,SAAS,CAAM;EACnDE,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,YAAY,CAACH,yBAAyB,CAAC;EAChD;EAEgBI,MAAMA,CAACC,KAA4B,EAAmB;IAClE,OAAO,KAAK,CAACD,MAAM,CAACC,KAAK,CAAC;IAC1B;AACR;AACA;AACA;IACQ;EACJ;AACJ","ignoreList":[]}

package/ui/elements/form/DynamicFieldsetElement.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { FormFieldElement, FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
-import { UIElement } from "../../UIElement";
+import type { FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
+import { FormFieldElement } from "./FormFieldElement";
+import type { UIElement } from "../../UIElement";
 import { DynamicFieldsetRowElement } from "./DynamicFieldsetElement/DynamicFieldsetRowElement";
 interface DynamicFieldsetActions {
     add: (index?: number) => () => void;

package/ui/elements/form/DynamicFieldsetElement.js

@@ -1,158 +1,97 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicFieldsetElement = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FormFieldElement2 = require("./FormFieldElement");
-
-var _DynamicFieldset = require("@webiny/ui/DynamicFieldset");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _DynamicFieldsetRowElement = require("./DynamicFieldsetElement/DynamicFieldsetRowElement");
-
-var DynamicFieldsetElement = /*#__PURE__*/function (_FormFieldElement) {
-  (0, _inherits2.default)(DynamicFieldsetElement, _FormFieldElement);
-
-  var _super = (0, _createSuper2.default)(DynamicFieldsetElement);
-
-  function DynamicFieldsetElement(id, config) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DynamicFieldsetElement);
-    _this = _super.call(this, id, config);
-
-    _this.useGrid(false);
-
-    _this.applyPlugins(DynamicFieldsetElement);
-
-    return _this;
+import React from "react";
+import { FormFieldElement } from "./FormFieldElement";
+import { DynamicFieldset } from "@webiny/ui/DynamicFieldset";
+import { Grid } from "@webiny/ui/Grid";
+import { DynamicFieldsetRowElement } from "./DynamicFieldsetElement/DynamicFieldsetRowElement";
+export class DynamicFieldsetElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.useGrid(false);
+    this.applyPlugins(DynamicFieldsetElement);
   }
-
-  (0, _createClass2.default)(DynamicFieldsetElement, [{
-    key: "getCreateHeaderElement",
-    value: function getCreateHeaderElement() {
-      return this.config.createHeader;
-    }
-  }, {
-    key: "setHeaderElement",
-    value: function setHeaderElement(element) {
-      this.config.createHeader = function () {
-        return element;
-      };
-    }
-  }, {
-    key: "setCreateHeaderElement",
-    value: function setCreateHeaderElement(cb) {
-      this.config.createHeader = cb;
-    }
-  }, {
-    key: "getCreateRowElement",
-    value: function getCreateRowElement() {
-      return this.config.createRow;
-    }
-  }, {
-    key: "setCreateRowElement",
-    value: function setCreateRowElement(cb) {
-      this.config.createRow = cb;
-    }
-  }, {
-    key: "getCreateEmptyElement",
-    value: function getCreateEmptyElement() {
-      return this.config.createEmpty;
-    }
-  }, {
-    key: "setEmptyElement",
-    value: function setEmptyElement(element) {
-      this.config.createEmpty = function () {
-        return element;
-      };
-    }
-  }, {
-    key: "setCreateEmptyElement",
-    value: function setCreateEmptyElement(cb) {
-      this.config.createEmpty = cb;
+  getCreateHeaderElement() {
+    return this.config.createHeader;
+  }
+  setHeaderElement(element) {
+    this.config.createHeader = () => element;
+  }
+  setCreateHeaderElement(cb) {
+    this.config.createHeader = cb;
+  }
+  getCreateRowElement() {
+    return this.config.createRow;
+  }
+  setCreateRowElement(cb) {
+    this.config.createRow = cb;
+  }
+  getCreateEmptyElement() {
+    return this.config.createEmpty;
+  }
+  setEmptyElement(element) {
+    this.config.createEmpty = () => element;
+  }
+  setCreateEmptyElement(cb) {
+    this.config.createEmpty = cb;
+  }
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);
     }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-
-      if (!props.formProps) {
-        throw Error("DynamicFieldsetElement must be placed inside of a FormElement.");
+    const {
+      Bind
+    } = props.formProps;
+    const createHeader = this.getCreateHeaderElement();
+    const createRow = this.getCreateRowElement();
+    const createEmpty = this.getCreateEmptyElement();
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: this.getName(),
+      defaultValue: this.getDefaultValue(props)
+    }, /*#__PURE__*/React.createElement(DynamicFieldset, null, ({
+      actions,
+      header,
+      row,
+      empty
+    }) => /*#__PURE__*/React.createElement(React.Fragment, null, header(() => {
+      if (!createHeader) {
+        return null;
       }
+      const headerElement = createHeader({
+        actions: actions
+      });
+      // This element is not created via `this.addElement()` API.
+      // We need to manually give it a parent to enable proper grid rendering.
+      headerElement && headerElement.setParent(this);
+      return headerElement ? headerElement.render(props) : null;
+    }), row(({
+      index
+    }) => {
+      if (!createRow) {
+        return null;
+      }
+      const rowElement = createRow({
+        actions: actions,
+        index,
+        row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)
+      });
+
+      // This element is not created via `this.addElement()` API.
+      // We need to manually give it a parent to enable proper grid rendering.
+      rowElement && rowElement.setParent(this);
+      return rowElement ? /*#__PURE__*/React.createElement(Grid, null, rowElement.render(props)) : null;
+    }), empty(() => {
+      if (!createEmpty) {
+        return null;
+      }
+      const emptyElement = createEmpty({
+        actions: actions
+      });
+
+      // This element is not created via `this.addElement()` API.
+      // We need to manually give it a parent to enable proper grid rendering.
+      emptyElement && emptyElement.setParent(this);
+      return emptyElement ? emptyElement.render(props) : null;
+    }))));
+  }
+}
 
-      var Bind = props.formProps.Bind;
-      var createHeader = this.getCreateHeaderElement();
-      var createRow = this.getCreateRowElement();
-      var createEmpty = this.getCreateEmptyElement();
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        defaultValue: this.getDefaultValue(props)
-      }, /*#__PURE__*/_react.default.createElement(_DynamicFieldset.DynamicFieldset, null, function (_ref) {
-        var actions = _ref.actions,
-            header = _ref.header,
-            row = _ref.row,
-            empty = _ref.empty;
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, header(function () {
-          if (!createHeader) {
-            return null;
-          }
-
-          var headerElement = createHeader({
-            actions: actions
-          }); // This element is not created via `this.addElement()` API.
-          // We need to manually give it a parent to enable proper grid rendering.
-
-          headerElement && headerElement.setParent(_this2);
-          return headerElement ? headerElement.render(props) : null;
-        }), row(function (_ref2) {
-          var index = _ref2.index;
-
-          if (!createRow) {
-            return null;
-          }
-
-          var rowElement = createRow({
-            actions: actions,
-            index: index,
-            row: new _DynamicFieldsetRowElement.DynamicFieldsetRowElement("".concat(_this2.id, ".row.").concat(index))
-          }); // This element is not created via `this.addElement()` API.
-          // We need to manually give it a parent to enable proper grid rendering.
-
-          rowElement && rowElement.setParent(_this2);
-          return rowElement ? /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, rowElement.render(props)) : null;
-        }), empty(function () {
-          if (!createEmpty) {
-            return null;
-          }
-
-          var emptyElement = createEmpty({
-            actions: actions
-          }); // This element is not created via `this.addElement()` API.
-          // We need to manually give it a parent to enable proper grid rendering.
-
-          emptyElement && emptyElement.setParent(_this2);
-          return emptyElement ? emptyElement.render(props) : null;
-        }));
-      }));
-    }
-  }]);
-  return DynamicFieldsetElement;
-}(_FormFieldElement2.FormFieldElement);
-
-exports.DynamicFieldsetElement = DynamicFieldsetElement;
+//# sourceMappingURL=DynamicFieldsetElement.js.map

package/ui/elements/form/DynamicFieldsetElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["DynamicFieldsetElement","id","config","useGrid","applyPlugins","createHeader","element","cb","createRow","createEmpty","props","formProps","Error","Bind","getCreateHeaderElement","getCreateRowElement","getCreateEmptyElement","getName","getDefaultValue","actions","header","row","empty","headerElement","setParent","render","index","rowElement","DynamicFieldsetRowElement","emptyElement","FormFieldElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","FormFieldElement","DynamicFieldset","Grid","DynamicFieldsetRowElement","DynamicFieldsetElement","constructor","id","config","useGrid","applyPlugins","getCreateHeaderElement","createHeader","setHeaderElement","element","setCreateHeaderElement","cb","getCreateRowElement","createRow","setCreateRowElement","getCreateEmptyElement","createEmpty","setEmptyElement","setCreateEmptyElement","render","props","formProps","Error","Bind","createElement","name","getName","defaultValue","getDefaultValue","actions","header","row","empty","Fragment","headerElement","setParent","index","rowElement","emptyElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } from \"~/ui/elements/form/FormFieldElement\";\nimport type { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/form/FileManagerElement/EmptyStateElement.js

@@ -1,41 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmptyStateElement = void 0;
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _UIElement2 = require("../../../UIElement");
-
-var _EmptyStateElementRenderer = require("./EmptyStateElementRenderer");
-
-var EmptyStateElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(EmptyStateElement, _UIElement);
-
-  var _super = (0, _createSuper2.default)(EmptyStateElement);
-
-  function EmptyStateElement(id) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, EmptyStateElement);
-    _this = _super.call(this, id);
-
-    _this.addRenderer(new _EmptyStateElementRenderer.EmptyStateElementRenderer());
-
-    return _this;
+import { UIElement } from "../../../UIElement";
+import { EmptyStateElementRenderer } from "./EmptyStateElementRenderer";
+export class EmptyStateElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.addRenderer(new EmptyStateElementRenderer());
   }
+}
 
-  return (0, _createClass2.default)(EmptyStateElement);
-}(_UIElement2.UIElement);
-
-exports.EmptyStateElement = EmptyStateElement;
+//# sourceMappingURL=EmptyStateElement.js.map

package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["EmptyStateElement","id","addRenderer","EmptyStateElementRenderer","UIElement"],"sources":["EmptyStateElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { EmptyStateElementRenderer } from \"./EmptyStateElementRenderer\";\n\nexport class EmptyStateElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.addRenderer(new EmptyStateElementRenderer());\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;IAEaA,iB;;;;;EACT,2BAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,WAAL,CAAiB,IAAIC,oDAAJ,EAAjB;;IAH2B;EAI9B;;;EALkCC,qB"}
+{"version":3,"names":["UIElement","EmptyStateElementRenderer","EmptyStateElement","constructor","id","addRenderer"],"sources":["EmptyStateElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { EmptyStateElementRenderer } from \"./EmptyStateElementRenderer\";\n\nexport class EmptyStateElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.addRenderer(new EmptyStateElementRenderer());\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,yBAAyB;AAElC,OAAO,MAAMC,iBAAiB,SAASF,SAAS,CAAM;EAC3CG,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,WAAW,CAAC,IAAIJ,yBAAyB,CAAC,CAAC,CAAC;EACrD;AACJ","ignoreList":[]}

package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
-import { EmptyStateElement } from "./EmptyStateElement";
-import { UIRenderer, UIRenderParams } from "../../../UIRenderer";
-import { FileManagerElementRenderProps } from "./FileManagerElementRenderer";
+import type { EmptyStateElement } from "./EmptyStateElement";
+import type { UIRenderParams } from "../../../UIRenderer";
+import { UIRenderer } from "../../../UIRenderer";
+import type { FileManagerElementRenderProps } from "./FileManagerElementRenderer";
 export declare class EmptyStateElementRenderer extends UIRenderer<EmptyStateElement, FileManagerElementRenderProps> {
     render({ props }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode;
 }