@webiny/app-admin 0.0.0-unstable.b14eaecf38 → 0.0.0-unstable.b9b64acb6d

package/ui/elements/SmallButtonElement.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ButtonElement, ButtonElementConfig } from "./ButtonElement";
-export declare class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {
-    constructor(id: string, config: ButtonElementConfig<TRenderProps>);
-    render(props: TRenderProps): React.ReactElement;
-}

package/ui/elements/SmallButtonElement.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmallButtonElement = 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 _Button = require("@webiny/ui/Button");
-var _ButtonElement2 = require("./ButtonElement");
-var BUTTONS = {
-  default: _Button.ButtonDefault,
-  primary: _Button.ButtonPrimary,
-  secondary: _Button.ButtonSecondary
-};
-var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
-  (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
-  var _super = (0, _createSuper2.default)(SmallButtonElement);
-  function SmallButtonElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, SmallButtonElement);
-    _this = _super.call(this, id, config);
-    _this.applyPlugins(SmallButtonElement);
-    return _this;
-  }
-  (0, _createClass2.default)(SmallButtonElement, [{
-    key: "render",
-    value: function render(props) {
-      var Component = BUTTONS[this.getType()];
-      var _onClick = this.getOnClick();
-      return /*#__PURE__*/_react.default.createElement(Component, {
-        small: true,
-        onClick: function onClick() {
-          return _onClick(props);
-        }
-      }, this.getLabel());
-    }
-  }]);
-  return SmallButtonElement;
-}(_ButtonElement2.ButtonElement);
-exports.SmallButtonElement = SmallButtonElement;

package/ui/elements/SmallButtonElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAEC,MAAyC,EAAE;IAAA;IAAA;IACtE,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,kBAAkB,CAAC;IAAC;EAC1C;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGZ,OAAO,CAAC,IAAI,CAACa,OAAO,EAAE,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QAAC,KAAK;QAAC,OAAO,EAAE;UAAA,OAAMD,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACK,QAAQ,EAAE,CACR;IAEpB;EAAC;EAAA;AAAA,EAhBuDC,6BAAa;AAAA"}

package/ui/elements/TypographyElement.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
-export declare type TypographyT = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline";
-interface TypographyElementConfig extends UIElementConfig {
-    typography: TypographyT;
-}
-export declare class TypographyElement extends UIElement<TypographyElementConfig> {
-    constructor(id: string, config: TypographyElementConfig);
-    getTypography(): TypographyT;
-    setTypography(typography: TypographyT): void;
-    render(props: any): React.ReactNode;
-}
-export {};

package/ui/elements/TypographyElement.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypographyElement = 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 _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../UIElement");
-var _Typography = require("@webiny/ui/Typography");
-var TypographyElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(TypographyElement, _UIElement);
-  var _super = (0, _createSuper2.default)(TypographyElement);
-  function TypographyElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TypographyElement);
-    _this = _super.call(this, id, config);
-    _this.useGrid(false);
-    _this.applyPlugins(TypographyElement);
-    return _this;
-  }
-  (0, _createClass2.default)(TypographyElement, [{
-    key: "getTypography",
-    value: function getTypography() {
-      return this.config.typography;
-    }
-  }, {
-    key: "setTypography",
-    value: function setTypography(typography) {
-      this.config.typography = typography;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: this.getTypography()
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(TypographyElement.prototype), "render", this).call(this, props));
-    }
-  }]);
-  return TypographyElement;
-}(_UIElement2.UIElement);
-exports.TypographyElement = TypographyElement;

package/ui/elements/TypographyElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TypographyElement","id","config","useGrid","applyPlugins","typography","props","getTypography","UIElement"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AAAmD,IAqBtCA,iBAAiB;EAAA;EAAA;EAC1B,2BAAYC,EAAU,EAAEC,MAA+B,EAAE;IAAA;IAAA;IACrD,0BAAMD,EAAE,EAAEC,MAAM;IAChB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAKC,YAAY,CAACJ,iBAAiB,CAAC;IAAC;EACzC;EAAC;IAAA;IAAA,OAED,yBAAoC;MAChC,OAAO,IAAI,CAACE,MAAM,CAACG,UAAU;IACjC;EAAC;IAAA;IAAA,OAED,uBAAqBA,UAAuB,EAAQ;MAChD,IAAI,CAACH,MAAM,CAACG,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAU,EAAmB;MAChD,oBAAO,6BAAC,sBAAU;QAAC,GAAG,EAAE,IAAI,CAACC,aAAa;MAAG,6GAAeD,KAAK,EAAe;IACpF;EAAC;EAAA;AAAA,EAlBkCE,qBAAS;AAAA"}

package/ui/elements/ViewElement.d.ts

@@ -1 +0,0 @@
-export * from "@webiny/ui-composer/elements/ViewElement";

package/ui/elements/ViewElement.js

@@ -1,16 +0,0 @@
-"use strict";
-
-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];
-    }
-  });
-});

package/ui/elements/ViewElement.js.map

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,6 +0,0 @@
-import React from "react";
-import { UIElement, UiElementRenderProps } 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,44 +0,0 @@
-"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 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;
-  }
-  (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;

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

@@ -1 +0,0 @@
-{"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;AAAA,IAEaA,yBAAyB;EAAA;EAAA;EAClC,mCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,YAAY,CAACF,yBAAyB,CAAC;IAAC;EACjD;EAAC;IAAA;IAAA,OAED,gBAAuBG,KAA4B,EAAmB;MAClE,yHAAoBA,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;EAAA;AAAA,EAd0CC,qBAAS;AAAA"}

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

@@ -1,43 +0,0 @@
-import React from "react";
-import { FormFieldElement, FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
-import { UIElement } from "../../UIElement";
-import { DynamicFieldsetRowElement } from "./DynamicFieldsetElement/DynamicFieldsetRowElement";
-interface DynamicFieldsetActions {
-    add: (index?: number) => () => void;
-    remove: (index: number) => () => void;
-}
-interface CreateHeaderCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-    }): UIElement;
-}
-interface CreateRowCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-        index: number;
-        row: DynamicFieldsetRowElement;
-    }): UIElement;
-}
-interface CreateEmptyCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-    }): UIElement;
-}
-export interface DynamicFieldsetElementConfig extends FormFieldElementConfig {
-    createHeader?: CreateHeaderCallable;
-    createRow?: CreateRowCallable;
-    createEmpty?: CreateEmptyCallable;
-}
-export declare class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {
-    constructor(id: string, config: DynamicFieldsetElementConfig);
-    getCreateHeaderElement(): CreateHeaderCallable | undefined;
-    setHeaderElement(element: UIElement): void;
-    setCreateHeaderElement(cb: DynamicFieldsetElementConfig["createHeader"]): void;
-    getCreateRowElement(): CreateRowCallable | undefined;
-    setCreateRowElement(cb: DynamicFieldsetElementConfig["createRow"]): void;
-    getCreateEmptyElement(): CreateEmptyCallable | undefined;
-    setEmptyElement(element: UIElement): void;
-    setCreateEmptyElement(cb: DynamicFieldsetElementConfig["createEmpty"]): void;
-    render(props: FormFieldElementRenderProps): React.ReactNode;
-}
-export {};

package/ui/elements/form/DynamicFieldsetElement.js

@@ -1,135 +0,0 @@
-"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;
-  }
-  (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;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-      if (!props.formProps) {
-        throw Error("DynamicFieldsetElement must be placed inside of a FormElement.");
-      }
-      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;

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

@@ -1 +0,0 @@
-{"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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"}

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

@@ -1,4 +0,0 @@
-import { UIElement } from "../../../UIElement";
-export declare class EmptyStateElement extends UIElement<any> {
-    constructor(id: string);
-}

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

@@ -1,26 +0,0 @@
-"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;
-  }
-  return (0, _createClass2.default)(EmptyStateElement);
-}(_UIElement2.UIElement);
-exports.EmptyStateElement = EmptyStateElement;

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

@@ -1 +0,0 @@
-{"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;AAAwE,IAE3DA,iBAAiB;EAAA;EAAA;EAC1B,2BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,WAAW,CAAC,IAAIC,oDAAyB,EAAE,CAAC;IAAC;EACtD;EAAC;AAAA,EALkCC,qBAAS;AAAA"}

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

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

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

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmptyStateElementRenderer = 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 _UIRenderer2 = require("../../../UIRenderer");
-var Ui = _interopRequireWildcard(require("@webiny/ui/ImageUpload"));
-var _components = require("@webiny/app/components");
-var _styled = require("./styled");
-var _attach_file = require("@material-design-icons/svg/outlined/attach_file.svg");
-var _Typography = require("@webiny/ui/Typography");
-var _close = require("@material-design-icons/svg/outlined/close.svg");
-var EmptyStateElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  (0, _inherits2.default)(EmptyStateElementRenderer, _UIRenderer);
-  var _super = (0, _createSuper2.default)(EmptyStateElementRenderer);
-  function EmptyStateElementRenderer() {
-    (0, _classCallCheck2.default)(this, EmptyStateElementRenderer);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(EmptyStateElementRenderer, [{
-    key: "render",
-    value: function render(_ref) {
-      var props = _ref.props;
-      var accept = props.fileManagerElement.getAccept();
-      var acceptsOnlyImages = !accept || accept.every(function (el) {
-        return el.startsWith("image/");
-      });
-      if (acceptsOnlyImages) {
-        return /*#__PURE__*/_react.default.createElement(Ui.Image, {
-          placeholder: "Select an image",
-          renderImagePreview: function renderImagePreview(renderImageProps) {
-            return /*#__PURE__*/_react.default.createElement(_components.Image, renderImageProps);
-          },
-          style: {
-            width: "100%",
-            height: "auto"
-          },
-          value: props.value,
-          uploadImage: props.showFileManager,
-          removeImage: props.onChange
-        });
-      }
-      if (props.value) {
-        return /*#__PURE__*/_react.default.createElement(_styled.FilePreviewWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, "Attached file: ", /*#__PURE__*/_react.default.createElement("strong", null, props.value.src.split("/").pop())), /*#__PURE__*/_react.default.createElement(_styled.RemoveImage, {
-          onClick: function onClick() {
-            return props.onChange(null);
-          }
-        }, /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_styled.AddImageWrapper, {
-          "data-role": "select-file",
-          onClick: props.showFileManager
-        }, /*#__PURE__*/_react.default.createElement(_styled.AddImageIconWrapper, null, /*#__PURE__*/_react.default.createElement(_attach_file.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-          use: "caption"
-        }, "Select a file"))));
-      }
-      return /*#__PURE__*/_react.default.createElement(_styled.AddImageWrapper, {
-        "data-role": "select-file",
-        onClick: props.showFileManager
-      }, /*#__PURE__*/_react.default.createElement(_styled.AddImageIconWrapper, null, /*#__PURE__*/_react.default.createElement(_attach_file.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "caption"
-      }, "Select a file")));
-    }
-  }]);
-  return EmptyStateElementRenderer;
-}(_UIRenderer2.UIRenderer);
-exports.EmptyStateElementRenderer = EmptyStateElementRenderer;

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

@@ -1 +0,0 @@
-{"version":3,"names":["EmptyStateElementRenderer","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","renderImageProps","width","height","value","showFileManager","onChange","src","split","pop","UIRenderer"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { EmptyStateElement } from \"./EmptyStateElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"@material-design-icons/svg/outlined/attach_file.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as RemoveImageIcon } from \"@material-design-icons/svg/outlined/close.svg\";\n\nexport class EmptyStateElementRenderer extends UIRenderer<\n    EmptyStateElement,\n    FileManagerElementRenderProps\n> {\n    public override render({\n        props\n    }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode {\n        const accept = props.fileManagerElement.getAccept();\n        const acceptsOnlyImages = !accept || accept.every(el => el.startsWith(\"image/\"));\n\n        if (acceptsOnlyImages) {\n            return (\n                <Ui.Image\n                    placeholder={\"Select an image\"}\n                    renderImagePreview={renderImageProps => <Image {...renderImageProps} />}\n                    style={{ width: \"100%\", height: \"auto\" }}\n                    value={props.value}\n                    uploadImage={props.showFileManager}\n                    removeImage={props.onChange}\n                />\n            );\n        }\n\n        if (props.value) {\n            return (\n                <FilePreviewWrapper>\n                    <span>\n                        Attached file: <strong>{props.value.src.split(\"/\").pop()}</strong>\n                    </span>\n\n                    <RemoveImage onClick={() => props.onChange(null)}>\n                        <RemoveImageIcon />\n                    </RemoveImage>\n\n                    <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                        <AddImageIconWrapper>\n                            <AddFileIcon />\n                            <Typography use={\"caption\"}>Select a file</Typography>\n                        </AddImageIconWrapper>\n                    </AddImageWrapper>\n                </FilePreviewWrapper>\n            );\n        }\n\n        return (\n            <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                <AddImageIconWrapper>\n                    <AddFileIcon />\n                    <Typography use={\"caption\"}>Select a file</Typography>\n                </AddImageIconWrapper>\n            </AddImageWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAkG,IAErFA,yBAAyB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAIlC,sBAEsF;MAAA,IADlFC,KAAK,QAALA,KAAK;MAEL,IAAMC,MAAM,GAAGD,KAAK,CAACE,kBAAkB,CAACC,SAAS,EAAE;MACnD,IAAMC,iBAAiB,GAAG,CAACH,MAAM,IAAIA,MAAM,CAACI,KAAK,CAAC,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,UAAU,CAAC,QAAQ,CAAC;MAAA,EAAC;MAEhF,IAAIH,iBAAiB,EAAE;QACnB,oBACI,6BAAC,EAAE,CAAC,KAAK;UACL,WAAW,EAAE,iBAAkB;UAC/B,kBAAkB,EAAE,4BAAAI,gBAAgB;YAAA,oBAAI,6BAAC,iBAAK,EAAKA,gBAAgB,CAAI;UAAA,CAAC;UACxE,KAAK,EAAE;YAAEC,KAAK,EAAE,MAAM;YAAEC,MAAM,EAAE;UAAO,CAAE;UACzC,KAAK,EAAEV,KAAK,CAACW,KAAM;UACnB,WAAW,EAAEX,KAAK,CAACY,eAAgB;UACnC,WAAW,EAAEZ,KAAK,CAACa;QAAS,EAC9B;MAEV;MAEA,IAAIb,KAAK,CAACW,KAAK,EAAE;QACb,oBACI,6BAAC,0BAAkB,qBACf,2CAAM,iBACa,4DAASX,KAAK,CAACW,KAAK,CAACG,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAAU,CAC/D,eAEP,6BAAC,mBAAW;UAAC,OAAO,EAAE;YAAA,OAAMhB,KAAK,CAACa,QAAQ,CAAC,IAAI,CAAC;UAAA;QAAC,gBAC7C,6BAAC,qBAAe,OAAG,CACT,eAEd,6BAAC,uBAAe;UAAC,aAAW,aAAc;UAAC,OAAO,EAAEb,KAAK,CAACY;QAAgB,gBACtE,6BAAC,2BAAmB,qBAChB,6BAAC,2BAAW,OAAG,eACf,6BAAC,sBAAU;UAAC,GAAG,EAAE;QAAU,GAAC,eAAa,CAAa,CACpC,CACR,CACD;MAE7B;MAEA,oBACI,6BAAC,uBAAe;QAAC,aAAW,aAAc;QAAC,OAAO,EAAEZ,KAAK,CAACY;MAAgB,gBACtE,6BAAC,2BAAmB,qBAChB,6BAAC,2BAAW,OAAG,eACf,6BAAC,sBAAU;QAAC,GAAG,EAAE;MAAU,GAAC,eAAa,CAAa,CACpC,CACR;IAE1B;EAAC;EAAA;AAAA,EApD0CK,uBAAU;AAAA"}

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { UIRenderer, UIRenderParams } from "../../../UIRenderer";
-import { FileManagerElement } from "../FileManagerElement";
-import { FormFieldElementRenderProps } from "../FormFieldElement";
-export interface FileManagerElementRenderProps extends FormFieldElementRenderProps {
-    fileManagerElement: FileManagerElement;
-    value: any;
-    showFileManager: () => void;
-    onChange: (value: any) => void;
-}
-export declare class FileManagerElementRenderer extends UIRenderer<FileManagerElement, FormFieldElementRenderProps> {
-    render({ element, props }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode;
-}