@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/views/contentModelGroups/DelayedOnChange.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _noop = _interopRequireDefault(require("lodash/noop"));
-
-var _excluded = ["children"];
-
-var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(DelayedOnChange, _React$Component);
-
-  var _super = (0, _createSuper2.default)(DelayedOnChange);
-
-  function DelayedOnChange() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DelayedOnChange);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "delay", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      value: ""
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "applyValue", function (value) {
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop.default;
-      _this.delay && clearTimeout(_this.delay);
-      _this.delay = null;
-
-      _this.props.onChange(value, callback);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (value) {
-      _this.setState({
-        value: value
-      }, _this.changed);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changed", function () {
-      _this.delay && clearTimeout(_this.delay);
-      _this.delay = null;
-      _this.delay = setTimeout(function () {
-        return _this.applyValue(_this.state.value);
-      }, _this.props.delay);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(DelayedOnChange, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        value: this.props.value
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          children = _this$props.children,
-          other = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var newProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
-        value: this.state.value,
-        onChange: this.onChange
-      });
-      var renderProp = typeof children === "function" ? children : false;
-      var child = renderProp ? renderProp(newProps) : /*#__PURE__*/React.cloneElement(children, newProps);
-      var props = (0, _objectSpread2.default)({}, child.props);
-      var realOnKeyDown = props.onKeyDown || _noop.default;
-      var realOnBlur = props.onBlur || _noop.default; // Need to apply value if input lost focus
-
-      props.onBlur = function (ev) {
-        ev.persist();
-
-        _this2.applyValue(ev.target.value, function () {
-          return realOnBlur(ev);
-        });
-      }; // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.
-
-
-      props.onKeyDown = function (ev) {
-        ev.persist();
-
-        if (ev.key === "Tab") {
-          _this2.applyValue(ev.target.value, function () {
-            return realOnKeyDown(ev);
-          });
-        } else if (ev.key === "Enter" && props["data-on-enter"]) {
-          _this2.applyValue(ev.target.value, function () {
-            return realOnKeyDown(ev);
-          });
-        } else {
-          realOnKeyDown(ev);
-        }
-      };
-
-      return /*#__PURE__*/React.cloneElement(child, props);
-    }
-  }]);
-  return DelayedOnChange;
-}(React.Component);
-
-(0, _defineProperty2.default)(DelayedOnChange, "defaultProps", {
-  delay: 400
-});
-var _default = DelayedOnChange;
-exports.default = _default;

package/admin/views/contentModelGroups/DelayedOnChange.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DelayedOnChange","value","callback","noop","delay","clearTimeout","props","onChange","setState","changed","setTimeout","applyValue","state","children","other","newProps","renderProp","child","React","cloneElement","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key","Component"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\ninterface OnChangeCbCallable {\n    (value: string): void;\n}\ninterface OnChangeCallable {\n    (value: string, cb?: OnChangeCbCallable): void;\n}\ninterface ChildrenParams {\n    value: string;\n    onChange: OnChangeCallable;\n}\ninterface DelayedOnChangeProps {\n    delay?: number;\n    value?: string;\n    onChange: OnChangeCallable;\n    onKeyDown?: (ev: React.SyntheticEvent) => void;\n    onBlur?: (ev: React.SyntheticEvent) => void;\n    children: (params: ChildrenParams) => React.ReactElement;\n}\ninterface DelayedOnChangeState {\n    value?: string;\n}\nclass DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {\n    static defaultProps: Partial<DelayedOnChangeProps> = {\n        delay: 400\n    };\n\n    private delay: number | null = null;\n\n    public override readonly state: DelayedOnChangeState = {\n        value: \"\"\n    };\n\n    public override componentDidMount() {\n        this.setState({ value: this.props.value });\n    }\n\n    private applyValue = (value: any, callback: OnChangeCbCallable = noop): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.props.onChange(value, callback);\n    };\n\n    private onChange = (value: string): void => {\n        this.setState({ value }, this.changed);\n    };\n\n    private changed = (): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.delay = setTimeout(\n            () => this.applyValue(this.state.value),\n            this.props.delay\n        ) as unknown as number;\n    };\n\n    public override render(): React.ReactNode {\n        const { children, ...other } = this.props;\n        const newProps: Omit<DelayedOnChangeProps, \"children\"> = {\n            ...other,\n            value: this.state.value,\n            onChange: this.onChange\n        };\n\n        const renderProp = typeof children === \"function\" ? children : false;\n        const child = renderProp\n            ? renderProp(newProps as Required<DelayedOnChangeProps>)\n            : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n        const props = { ...child.props };\n        const realOnKeyDown = props.onKeyDown || noop;\n        const realOnBlur = props.onBlur || noop;\n\n        // Need to apply value if input lost focus\n        props.onBlur = (ev: React.SyntheticEvent) => {\n            ev.persist();\n            this.applyValue((ev.target as HTMLInputElement).value, () => realOnBlur(ev));\n        };\n\n        // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n        props.onKeyDown = (ev: React.KeyboardEvent) => {\n            ev.persist();\n            if (ev.key === \"Tab\") {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else {\n                realOnKeyDown(ev);\n            }\n        };\n\n        return React.cloneElement(child, props);\n    }\n}\n\nexport default DelayedOnChange;\n"],"mappings":"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"}

package/admin/views/contentModelGroups/IconPicker.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { FormComponentProps } from "@webiny/ui/types";
-interface IconPickerProps extends FormComponentProps {
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-}
-declare const IconPicker: React.FC<IconPickerProps>;
-export default IconPicker;

package/admin/views/contentModelGroups/IconPicker.js

@@ -1,235 +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.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _emotion = require("emotion");
-
-var _plugins = require("@webiny/plugins");
-
-var _Typography = require("@webiny/ui/Typography");
-
-var _reactVirtualized = require("react-virtualized");
-
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-
-var _DelayedOnChange = _interopRequireDefault(require("./DelayedOnChange"));
-
-var _Menu = require("@webiny/ui/Menu");
-
-var _Input = require("@webiny/ui/Input");
-
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-var iconPickerLabel = /*#__PURE__*/(0, _emotion.css)({
-  marginBottom: 5,
-  marginLeft: 2
-}, "label:iconPickerLabel;");
-var MenuWrapper = /*#__PURE__*/(0, _emotion.css)({
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  backgroundColor: "var(--mdc-theme-on-background)",
-  padding: "16px 8px"
-}, "label:MenuWrapper;");
-var NoResultWrapper = /*#__PURE__*/(0, _emotion.css)({
-  width: 640,
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  padding: "16px 12px"
-}, "label:NoResultWrapper;");
-var COLUMN_COUNT = 6;
-var gridItem = /*#__PURE__*/(0, _emotion.css)({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "flex-start",
-  boxSizing: "border-box",
-  paddingTop: 15,
-  alignItems: "center",
-  textAlign: "center",
-  cursor: "pointer",
-  transform: "translateZ(0)",
-  borderRadius: 2,
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  transition: "all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)",
-  "&::after": {
-    boxShadow: "0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)",
-    transition: "opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)",
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    zIndex: -1,
-    opacity: 0
-  },
-  "&:hover": {
-    backgroundColor: "var(--mdc-theme-background)",
-    color: "var(--mdc-theme-text-primary-on-background)",
-    "&::after": {
-      opacity: 1
-    }
-  },
-  ">svg": {
-    width: 42,
-    marginBottom: 5
-  }
-}, "label:gridItem;");
-var grid = /*#__PURE__*/(0, _emotion.css)({
-  padding: 20
-}, "label:grid;");
-var pickIcon = /*#__PURE__*/(0, _emotion.css)({
-  width: 50,
-  textAlign: "center",
-  cursor: "pointer"
-}, "label:pickIcon;");
-var searchInput = /*#__PURE__*/(0, _emotion.css)({
-  input: {
-    padding: "20px 12px 20px"
-  }
-}, "label:searchInput;");
-var useState = React.useState,
-    useCallback = React.useCallback,
-    useMemo = React.useMemo;
-
-var IconPicker = function IconPicker(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange,
-      label = _ref.label,
-      description = _ref.description,
-      validation = _ref.validation;
-
-  var _useState = useState(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      mustRenderGrid = _useState4[0],
-      setMustRenderGrid = _useState4[1];
-
-  var onFilterChange = useCallback(function (value, cb) {
-    setFilter(value);
-    cb();
-  }, [filter]);
-  var allIcons = useMemo(function () {
-    var iconPlugins = _plugins.plugins.byType("cms-icons");
-
-    return iconPlugins.reduce(function (icons, pl) {
-      return icons.concat(pl.getIcons());
-    }, []);
-  }, []);
-  var icons = useMemo(function () {
-    return filter ? allIcons.filter(function (ic) {
-      return ic.name.includes(filter);
-    }) : allIcons;
-  }, [filter]);
-  var renderCell = useCallback(function (_ref2) {
-    var closeMenu = _ref2.closeMenu;
-    return function renderCell(_ref3) {
-      var columnIndex = _ref3.columnIndex,
-          key = _ref3.key,
-          rowIndex = _ref3.rowIndex,
-          style = _ref3.style;
-      var item = icons[rowIndex * COLUMN_COUNT + columnIndex];
-
-      if (!item) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        key: key,
-        style: style,
-        className: gridItem,
-        onClick: function onClick() {
-          if (onChange) {
-            onChange(item.id.join("/"));
-          }
-
-          closeMenu();
-        }
-      }, /*#__PURE__*/React.createElement(_reactFontawesome.FontAwesomeIcon, {
-        icon: item.id,
-        size: "2x"
-      }), /*#__PURE__*/React.createElement(_Typography.Typography, {
-        use: "body2"
-      }, item.name));
-    };
-  }, [icons]);
-  var renderGrid = useCallback(function (_ref4) {
-    var closeMenu = _ref4.closeMenu;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DelayedOnChange.default, {
-      value: filter,
-      onChange: onFilterChange
-    }, function (_ref5) {
-      var value = _ref5.value,
-          onChange = _ref5.onChange;
-      return /*#__PURE__*/React.createElement(_Input.Input, {
-        autoFocus: true,
-        className: searchInput,
-        value: value,
-        onChange: onChange,
-        placeholder: "Search icons..."
-      });
-    }), icons.length === 0 ? /*#__PURE__*/React.createElement("div", {
-      className: NoResultWrapper
-    }, /*#__PURE__*/React.createElement(_Typography.Typography, {
-      use: "body1"
-    }, "No results found.")) : /*#__PURE__*/React.createElement(_reactVirtualized.Grid, {
-      className: grid,
-      cellRenderer: renderCell({
-        closeMenu: closeMenu
-      }),
-      columnCount: COLUMN_COUNT,
-      columnWidth: 100,
-      height: 440,
-      rowCount: Math.ceil(icons.length / COLUMN_COUNT),
-      rowHeight: 100,
-      width: 640
-    }));
-  }, [icons]);
-  var fontAwesomeIconValue = typeof value === "string" && value.includes("/") ? value.split("/") : ["fas", "star"];
-
-  var _ref6 = validation || {},
-      validationIsValid = _ref6.isValid,
-      validationMessage = _ref6.message;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
-    className: iconPickerLabel
-  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
-    use: "body1"
-  }, label)), /*#__PURE__*/React.createElement("div", {
-    className: MenuWrapper
-  }, /*#__PURE__*/React.createElement(_Menu.Menu, {
-    onOpen: function onOpen() {
-      return setMustRenderGrid(true);
-    },
-    onClose: function onClose() {
-      return setMustRenderGrid(false);
-    },
-    handle: /*#__PURE__*/React.createElement("div", {
-      className: pickIcon
-    }, /*#__PURE__*/React.createElement(_reactFontawesome.FontAwesomeIcon, {
-      icon: fontAwesomeIconValue,
-      size: "2x"
-    }))
-  }, mustRenderGrid && renderGrid)), validationIsValid === false && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, {
-    error: true
-  }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, null, description));
-};
-
-var _default = IconPicker;
-exports.default = _default;

package/admin/views/contentModelGroups/IconPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconPickerLabel","css","marginBottom","marginLeft","MenuWrapper","color","backgroundColor","padding","NoResultWrapper","width","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","grid","pickIcon","searchInput","input","useState","React","useCallback","useMemo","IconPicker","value","onChange","label","description","validation","filter","setFilter","mustRenderGrid","setMustRenderGrid","onFilterChange","cb","allIcons","iconPlugins","plugins","byType","reduce","icons","pl","concat","getIcons","ic","name","includes","renderCell","closeMenu","columnIndex","key","rowIndex","style","item","id","join","renderGrid","length","Math","ceil","fontAwesomeIconValue","split","validationIsValid","isValid","validationMessage","message"],"sources":["IconPicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Grid } from \"react-virtualized\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport DelayedOnChange from \"./DelayedOnChange\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { GridCellProps } from \"react-virtualized/dist/es/Grid\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst iconPickerLabel = css({ marginBottom: 5, marginLeft: 2 });\n\nconst MenuWrapper = css({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    padding: \"16px 8px\"\n});\n\nconst NoResultWrapper = css({\n    width: 640,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    padding: \"16px 12px\"\n});\n\nconst COLUMN_COUNT = 6;\n\nconst gridItem = css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\",\n    boxSizing: \"border-box\",\n    paddingTop: 15,\n    alignItems: \"center\",\n    textAlign: \"center\",\n    cursor: \"pointer\",\n    transform: \"translateZ(0)\",\n    borderRadius: 2,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    transition: \"all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    },\n    \">svg\": {\n        width: 42,\n        marginBottom: 5\n    }\n});\n\nconst grid = css({\n    padding: 20\n});\n\nconst pickIcon = css({\n    width: 50,\n    textAlign: \"center\",\n    cursor: \"pointer\"\n});\n\nconst searchInput = css({\n    input: {\n        padding: \"20px 12px 20px\"\n    }\n});\n\nconst { useState, useCallback, useMemo } = React;\n\ninterface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\nconst IconPicker: React.FC<IconPickerProps> = ({\n    value,\n    onChange,\n    label,\n    description,\n    validation\n}) => {\n    const [filter, setFilter] = useState(\"\");\n    const [mustRenderGrid, setMustRenderGrid] = useState(false);\n\n    const onFilterChange = useCallback(\n        (value, cb) => {\n            setFilter(value);\n            cb();\n        },\n        [filter]\n    );\n\n    const allIcons: CmsIcon[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<CmsIcon>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const icons = useMemo(() => {\n        return filter ? allIcons.filter(ic => ic.name.includes(filter)) : allIcons;\n    }, [filter]);\n\n    const renderCell = useCallback(\n        ({ closeMenu }) => {\n            return function renderCell({\n                columnIndex,\n                key,\n                rowIndex,\n                style\n            }: GridCellProps): React.ReactNode {\n                const item = icons[rowIndex * COLUMN_COUNT + columnIndex];\n                if (!item) {\n                    return null;\n                }\n\n                return (\n                    <div\n                        key={key}\n                        style={style}\n                        className={gridItem}\n                        onClick={() => {\n                            if (onChange) {\n                                onChange(item.id.join(\"/\"));\n                            }\n                            closeMenu();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={item.id} size={\"2x\"} />\n                        <Typography use={\"body2\"}>{item.name}</Typography>\n                    </div>\n                );\n            };\n        },\n        [icons]\n    );\n\n    const renderGrid = useCallback(\n        ({ closeMenu }) => {\n            return (\n                <>\n                    <DelayedOnChange value={filter} onChange={onFilterChange}>\n                        {({ value, onChange }) => (\n                            <Input\n                                autoFocus\n                                className={searchInput}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search icons...\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                    {icons.length === 0 ? (\n                        <div className={NoResultWrapper}>\n                            <Typography use=\"body1\">No results found.</Typography>\n                        </div>\n                    ) : (\n                        <Grid\n                            className={grid}\n                            cellRenderer={renderCell({ closeMenu })}\n                            columnCount={COLUMN_COUNT}\n                            columnWidth={100}\n                            height={440}\n                            rowCount={Math.ceil(icons.length / COLUMN_COUNT)}\n                            rowHeight={100}\n                            width={640}\n                        />\n                    )}\n                </>\n            );\n        },\n        [icons]\n    );\n\n    const fontAwesomeIconValue: any =\n        typeof value === \"string\" && value.includes(\"/\") ? value.split(\"/\") : [\"fas\", \"star\"];\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            {label && (\n                <div className={iconPickerLabel}>\n                    <Typography use={\"body1\"}>{label}</Typography>\n                </div>\n            )}\n            <div className={MenuWrapper}>\n                <Menu\n                    onOpen={() => setMustRenderGrid(true)}\n                    onClose={() => setMustRenderGrid(false)}\n                    handle={\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    }\n                >\n                    {mustRenderGrid && renderGrid}\n                </Menu>\n            </div>\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n\nexport default IconPicker;\n"],"mappings":"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"}

package/admin/views/contentModels/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface CmsGroupOption {\n    value: string;\n    label: string;\n}\n"],"mappings":""}

package/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ReactElement, ReactNode } from \"react\";\nimport {\n    FormRenderPropParams,\n    FormAPI,\n    BindComponent as BaseBindComponent,\n    BindComponentRenderProp as BaseBindComponentRenderProp,\n    BindComponentProps as BaseBindComponentProps\n} from \"@webiny/form\";\nimport { ApolloClient } from \"apollo-client\";\nimport { IconPrefix, IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport Label from \"./admin/components/ContentEntryForm/Label\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\ninterface QueryFieldParams {\n    field: CmsEditorField;\n}\n\nexport interface CmsEditorFieldTypePlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-type\";\n    field: {\n        /**\n         * A unique identifier of the field type (text, number, json, myField, ...).\n         *\n         * ```ts\n         * type: \"myField\"\n         * ```\n         */\n        type: string;\n        /**\n         * A display name for the field.\n         *\n         * ```ts\n         * label: \"Field name\"\n         * ```\n         */\n        label: string;\n        /**\n         * A list of available validators for the model field.\n         *\n         * ```ts\n         * validators: [\n         *     \"required\",\n         *     \"gte\",\n         *     \"lte\"\n         * ]\n         * ```\n         */\n        validators?: string[];\n        /**\n         * A list of available validators when a model field accepts a list (array) of values.\n         *\n         * ```ts\n         * listValidators: [\n         *     \"minLength\",\n         *     \"maxLength\"\n         * ]\n         * ```\n         */\n        listValidators?: string[];\n        /**\n         * An explanation of the field displayed beneath the label.\n         *\n         * ```ts\n         * description: \"A short description of the field\"\n         * ```\n         */\n        description: string;\n        /**\n         * A ReactNode to display the icon for the field.\n         *\n         * ```tsx\n         * icon: <MyIconComponent />\n         * ```\n         */\n        icon: React.ReactNode;\n        /**\n         * Is it allowed to have multiple values in this field?\n         *\n         * ```ts\n         * allowMultipleValues: true\n         * ```\n         */\n        allowMultipleValues: boolean;\n        /**\n         * Does this field type have a fixed list of values that can be selected?\n         *\n         * ```ts\n         * allowPredefinedValues: false\n         * ```\n         */\n        allowPredefinedValues: boolean;\n        /**\n         * A ReactNode label when multiple values are enabled.\n         */\n        multipleValuesLabel: React.ReactNode;\n        /**\n         * These are default values when the field is first created. This is a representation of the field that is stored in the database.\n         *\n         * ```ts\n         * createField: () => ({\n         *     type: \"fieldType\",\n         *     validation: [],\n         *     renderer: {\n         *         name: \"fieldTypeRenderer\"\n         *     }\n         * })\n         * ```\n         */\n        createField: () => Pick<CmsEditorField, \"type\" | \"validation\" | \"renderer\" | \"settings\">;\n        /**\n         * A ReactNode that you can add in the section below the help text when creating/editing field.\n         *\n         * ```tsx\n         * renderSettings: (params) => {\n         *     return <FieldSettingsComponent />;\n         * }\n         * ```\n         */\n        renderSettings?: (params: {\n            form: FormRenderPropParams;\n            afterChangeLabel: (value: string) => void;\n            uniqueFieldIdValidator: (fieldId: string) => void;\n            contentModel: CmsEditorContentModel;\n        }) => React.ReactNode;\n        /**\n         * A ReactNode that renders in the Predefined values tab.\n         *\n         * ```tsx\n         * renderPredefinedValues: (params) => {\n         *     const {form: {Bind}} = params;\n         *     return (\n         *         <Bind name=\"fieldProperty\">\n         *             <InputComponent />\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        renderPredefinedValues?: (params: {\n            form: FormRenderPropParams;\n            field: CmsEditorField;\n            getBind: (index?: number) => any;\n        }) => React.ReactElement;\n        /**\n         * Object wrapper for GraphQL stuff\n         */\n        graphql?: {\n            /**\n             * Define field selection.\n             *\n             * ```ts\n             * graphql: {\n             *     queryField: `\n             *         {\n             *             id\n             *             title\n             *             createdOn\n             *         }\n             *     `,\n             * }\n             * ```\n             */\n            queryField?: string | ((params: QueryFieldParams) => string);\n        };\n        render?(params: any): React.ReactElement;\n    };\n}\n\nexport interface CmsEditorFieldRendererProps {\n    field: CmsEditorField;\n    Label: typeof Label;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport interface CmsEditorFieldRendererPlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-renderer\";\n    renderer: {\n        /**\n         * Name of the renderer to match the one from `createField()` method in `CmsEditorFieldTypePlugin`.\n         *\n         * ```ts\n         * renderName: \"myFieldTypeRenderer\"\n         * ```\n         */\n        rendererName: string;\n        /**\n         * A display name for the field in the UI. It is a `ReactNode` type so you can return a component if you want to.\n         *\n         * ```tsx\n         * name: <MyFieldNameComponent />\n         * ```\n         */\n        name: React.ReactNode;\n        /**\n         * A description for the field in the UI. Works exactly like the `name` property.\n         *\n         * ```tsx\n         * name: <MyFieldDescriptionComponent />\n         * ```\n         */\n        description: React.ReactNode;\n        /**\n         * A method that determines if the field can be rendered by this plugin.\n         *\n         * ```ts\n         * canUse({ field }) {\n         *     return (\n         *         field.type === \"myType\" && !field.multipleValues\n         *     );\n         * }\n         * ```\n         */\n        canUse(props: { field: CmsEditorField }): boolean;\n        /**\n         * Renders a field in the UI.\n         *\n         * ```tsx\n         * render({ field, getBind }) {\n         *     const Bind = getBind();\n         *\n         *     return (\n         *         <Bind>\n         *             {bind => {\n         *                 return (\n         *                     <Input\n         *                         value={bind.value}\n         *                         onChange={bind.onChange}\n         *                     />\n         *                 )\n         *             }}\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        render(props: CmsEditorFieldRendererProps): React.ReactNode;\n    };\n}\n\nexport interface CmsEditorFieldPredefinedValuesEntry {\n    label: string;\n    value: string;\n    selected?: boolean;\n}\n\nexport interface CmsEditorFieldPredefinedValues {\n    enabled: boolean;\n    values: CmsEditorFieldPredefinedValuesEntry[];\n}\n\nexport type CmsEditorField<T = unknown> = T & {\n    id: string;\n    type: string;\n    fieldId: CmsEditorFieldId;\n    storageId?: string;\n    label?: string;\n    helpText?: string;\n    placeholderText?: string;\n    validation?: CmsEditorFieldValidator[];\n    listValidation?: CmsEditorFieldValidator[];\n    multipleValues?: boolean;\n    predefinedValues?: CmsEditorFieldPredefinedValues;\n    settings?: {\n        defaultValue?: string | null | undefined;\n        defaultSetValue?: string;\n        type?: string;\n        fields?: CmsEditorField<any>[];\n        layout?: string[][];\n        models?: Pick<CmsModel, \"modelId\" | \"name\">[];\n        imagesOnly?: boolean;\n        [key: string]: any;\n    };\n    renderer: {\n        name: string;\n    };\n};\n\nexport type CmsEditorFieldId = string;\nexport type CmsEditorFieldsLayout = CmsEditorFieldId[][];\n\nexport interface CmsEditorContentModel {\n    id: string;\n    group: Pick<CmsGroup, \"id\" | \"name\">;\n    description?: string;\n    version: number;\n    layout?: CmsEditorFieldsLayout;\n    fields: CmsEditorField[];\n    lockedFields: CmsEditorField[];\n    name: string;\n    modelId: string;\n    titleFieldId: string;\n    settings: {\n        [key: string]: any;\n    };\n    status: string;\n    savedOn: string;\n    meta: any;\n    createdBy: CmsCreatedBy;\n    /**\n     * If model is a plugin one (it cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n\nexport type CmsContentEntryStatusType = \"draft\" | \"published\" | \"unpublished\";\n\nexport interface CmsEditorContentEntry {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n    [key: string]: any;\n}\n\nexport interface CmsContentEntryRevision {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n}\n\nexport interface CmsEditorFieldValidator {\n    name: string;\n    message: string;\n    settings: any;\n}\n\nexport interface CmsEditorFieldValidatorPluginValidator {\n    name: string;\n    label: string;\n    description: string;\n    defaultMessage: string;\n    defaultSettings?: Record<string, any>;\n    renderSettings?: (props: {\n        field: CmsEditorField;\n        Bind: BindComponent;\n        setValue: (name: string, value: any) => void;\n        setMessage: (message: string) => void;\n        data: CmsEditorFieldValidator;\n    }) => React.ReactElement;\n}\nexport interface CmsEditorFieldValidatorPlugin extends Plugin {\n    type: \"cms-editor-field-validator\";\n    validator: CmsEditorFieldValidatorPluginValidator;\n}\n\nexport type CmsEditorContentTab = React.FC<{ activeTab: boolean }>;\n\n// ------------------------------------------------------------------------------------------------------------\nexport interface CmsEditorFieldOptionPlugin extends Plugin {\n    type: \"cms-editor-field-option\";\n    render(): ReactElement;\n}\n\nexport interface CmsContentDetailsPlugin extends Plugin {\n    render: (params: any) => ReactNode;\n}\n\nexport interface CmsContentDetailsRevisionContentPlugin extends Plugin {\n    type: \"cms-content-details-revision-content\";\n    render(params: any): ReactElement;\n}\n\nexport interface CmsEditorFieldValidatorPatternPlugin extends Plugin {\n    type: \"cms-editor-field-validator-pattern\";\n    pattern: {\n        name: string;\n        message: string;\n        label: string;\n    };\n}\n\nexport interface CmsFieldValidator {\n    name: string;\n    message: any;\n    settings: any;\n}\n\nexport interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {\n    type: \"cms-model-field-validator\";\n    validator: {\n        name: string;\n        validate: (value: T, validator: CmsFieldValidator) => Promise<any>;\n    };\n}\n\n/**\n * @category Plugin\n * @category ContentModelField\n * @category FieldValidation\n */\nexport interface CmsModelFieldValidatorPatternPlugin extends Plugin {\n    /**\n     * A plugin type\n     */\n    type: \"cms-model-field-validator-pattern\";\n    /**\n     * A pattern object for the validator.\n     */\n    pattern: {\n        /**\n         * name of the pattern.\n         */\n        name: string;\n        /**\n         * RegExp of the validator.\n         */\n        regex: string;\n        /**\n         * RegExp flags\n         */\n        flags: string;\n    };\n}\n\nexport interface FieldLayoutPosition {\n    row: number;\n    index: number | null;\n}\n\nexport interface CmsEditorFormSettingsPlugin extends Plugin {\n    type: \"cms-editor-form-settings\";\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    render(props: { Bind: BaseBindComponent; form: FormAPI; formData: any }): React.ReactNode;\n    renderHeaderActions?(props: {\n        Bind: BaseBindComponent;\n        form: FormAPI;\n        formData: any;\n    }): React.ReactNode;\n}\n\nexport interface CmsIcon {\n    /**\n     * [ pack, icon ], ex: [\"fab\", \"cog\"]\n     */\n    id: [IconPrefix, IconName];\n    /**\n     * Icon name\n     */\n    name: string;\n    /**\n     * SVG element\n     */\n    svg: ReactElement;\n}\n\nexport interface CmsIconsPlugin extends Plugin {\n    type: \"cms-icons\";\n    getIcons(): CmsIcon[];\n}\n\nexport interface UseContentModelEditorReducerState {\n    apolloClient: ApolloClient<any>;\n    id: string;\n}\n\n/**\n * Transform field value when sending data to the API.\n */\nexport interface CmsFieldValueTransformer extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-field-value-transformer\";\n    /**\n     * A field type for the value transformer. Or a list of field types.\n     */\n    fieldType: string | string[];\n    /**\n     * A transformer function that takes a value and returns a new one.\n     */\n    transform: (value: any, field: CmsEditorField) => any;\n}\n\n/**\n * Define a custom form layout renderer for a specific content model.\n */\nexport interface CmsContentFormRendererPlugin extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-content-form-renderer\";\n    /**\n     * Content model ID that will use this renderer.\n     */\n    modelId: string;\n\n    /**\n     * A function that will render a custom form layout.\n     */\n    render(props: {\n        /**\n         * Content model that is being rendered.\n         */\n        contentModel: CmsEditorContentModel;\n        /**\n         * Content entry data handled by the Form element.\n         */\n        data: Record<string, any>;\n        /**\n         * A component to bind data to the Form.\n         */\n        Bind: BindComponent;\n        /**\n         * Content model fields to render.\n         */\n        fields: Record<string, React.ReactElement>;\n    }): React.ReactNode;\n}\n/**\n * #########################\n * Data types\n * #########################\n */\nexport interface CmsSecurityPermission extends SecurityPermission {\n    accessLevel?: \"full\" | \"no\" | \"custom\";\n    models?: Record<string, string>;\n    groups?: Record<string, string>;\n    endpoints?: string[];\n    locales?: string[];\n    rwd?: string;\n    own?: boolean;\n    pw?: string;\n}\nexport interface CmsCreatedBy {\n    id: string;\n    displayName: string;\n    type: string;\n}\n/**\n * @category GraphQL\n * @category Model\n */\nexport type CmsModel = CmsEditorContentModel;\n/**\n * @category GraphQL\n * @category Group\n */\nexport interface CmsGroup {\n    id: string;\n    name: string;\n    slug: string;\n    icon?: string;\n    description?: string;\n    contentModels: CmsModel[];\n    createdBy: CmsCreatedBy;\n    /**\n     * Tells if this group is a plugin one (cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n/**\n * @category GraphQL\n * @category Error\n */\nexport interface CmsErrorResponse {\n    message: string;\n    code: string;\n    data: Record<string, any> | Record<string, any>[];\n}\n/**\n * @category GraphQL\n * @category Meta\n */\nexport interface CmsMetaResponse {\n    totalCount: number;\n    cursor: string | null;\n    hasMoreItems: boolean;\n}\n\n/***\n * ###### FORM ########\n */\nexport interface BindComponentRenderProp extends BaseBindComponentRenderProp {\n    parentName: string;\n    appendValue: (value: any) => void;\n    prependValue: (value: any) => void;\n    appendValues: (values: any[]) => void;\n    removeValue: (index: number) => void;\n    moveValueUp: (index: number) => void;\n    moveValueDown: (index: number) => void;\n}\n\ninterface BindComponentProps extends Omit<BaseBindComponentProps, \"children\" | \"name\"> {\n    name?: string;\n    children?: ((props: BindComponentRenderProp) => React.ReactElement) | React.ReactElement;\n}\n\nexport type BindComponent = React.FC<BindComponentProps> & {\n    parentName?: string;\n};\n\n/**\n * After RequestReview and RequestChanges was removed, we need an option to add new status filters\n */\nexport interface CmsEntryFilterStatusPlugin extends Plugin {\n    type: \"cms.entry.filter.status\";\n    label: string;\n    value: string;\n}\n"],"mappings":""}