@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/admin/components/ContentModelEditor/Editor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","prompt","ContentContainer","styled","paddingTop","EditContainer","padding","position","LeftBarTitle","borderBottom","display","alignItems","color","titleIcon","css","height","marginRight","LeftBarFieldList","overflow","formTabs","backgroundColor","Editor","useModelEditor","data","setData","isPristine","tabsRef","useRef","useState","activeTabIndex","setActiveTabIndex","onChange","fields","layout","current","switchTab","e"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Prompt } from \"@webiny/react-router\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tab, Tabs, TabsImperativeApi } from \"@webiny/ui/Tabs\";\nimport { ReactComponent as FormIcon } from \"./icons/round-assignment-24px.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar\";\nimport { FieldEditor } from \"../FieldEditor\";\nimport { PreviewTab } from \"./PreviewTab\";\nimport Header from \"./Header\";\nimport DragPreview from \"../DragPreview\";\nimport { useModelEditor } from \"./useModelEditor\";\nimport { CmsModelField, CmsEditorFieldsLayout } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\nconst ContentContainer = styled(\"div\")({\n    paddingTop: 65\n});\n\nexport const EditContainer = styled(\"div\")({\n    padding: 40,\n    position: \"relative\"\n});\n\nconst LeftBarTitle = styled(\"div\")({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 25,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst titleIcon = css({\n    height: 24,\n    marginRight: 15,\n    color: \"var(--mdc-theme-primary)\"\n});\n\nconst LeftBarFieldList = styled(\"div\")({\n    padding: 40,\n    overflow: \"auto\",\n    height: \"calc(100vh - 250px)\"\n});\n\nconst formTabs = css({\n    \"&.webiny-ui-tabs\": {\n        \".webiny-ui-tabs__tab-bar\": {\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\n\ninterface OnChangeParams {\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n}\n\nexport const Editor: React.FC = () => {\n    const { data, setData, isPristine } = useModelEditor();\n\n    const tabsRef = useRef<TabsImperativeApi>();\n    const [activeTabIndex, setActiveTabIndex] = useState<number>(0);\n\n    const onChange = ({ fields, layout }: OnChangeParams) => {\n        setData(data => ({ ...data, fields, layout }));\n    };\n\n    if (!data) {\n        return <CircularProgress label={\"Loading content model...\"} />;\n    }\n\n    return (\n        <div className={\"content-model-editor\"}>\n            <Prompt when={!isPristine} message={prompt} />\n            <Header />\n            <ContentContainer>\n                <SplitView>\n                    <LeftPanel span={4}>\n                        <LeftBarTitle>\n                            <Icon className={titleIcon} icon={<FormIcon />} />\n                            <Typography use={\"headline6\"}>Fields</Typography>\n                        </LeftBarTitle>\n                        <LeftBarFieldList>\n                            <FieldsSidebar\n                                onFieldDragStart={() => {\n                                    if (!tabsRef.current) {\n                                        return;\n                                    }\n                                    tabsRef.current.switchTab(0);\n                                }}\n                            />\n                        </LeftBarFieldList>\n                    </LeftPanel>\n                    <RightPanel span={8}>\n                        <Tabs\n                            className={formTabs}\n                            ref={tabsRef}\n                            onActivate={e => setActiveTabIndex(e)}\n                        >\n                            <Tab label={\"Edit\"} data-testid={\"cms.editor.tab.edit\"}>\n                                <EditContainer>\n                                    <FieldEditor\n                                        fields={data.fields}\n                                        layout={data.layout || []}\n                                        onChange={onChange}\n                                    />\n                                </EditContainer>\n                            </Tab>\n                            <Tab label={\"Preview\"} data-testid={\"cms.editor.tab.preview\"}>\n                                <PreviewTab activeTab={activeTabIndex === 1} />\n                            </Tab>\n                        </Tabs>\n                    </RightPanel>\n                </SplitView>\n            </ContentContainer>\n            <DragPreview />\n        </div>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ContentModelEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ContentModelEditorProvider\";\nexport * from \"./useModelEditor\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/admin/components/DelayedOnChange.d.ts

@@ -1,42 +0,0 @@
-import * as React from "react";
-/**
- * This component is used to wrap Input and Textarea components to optimize form re-render.
- * These 2 are the only components that trigger form model change on each character input.
- * This means, whenever you type a letter an entire form re-renders.
- * On complex forms you will feel and see a significant delay if this component is not used.
- *
- * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
- * a user stops typing for given period of time (400ms by default).
- */
-interface OnChangeCbCallable {
-    (value: string): void;
-}
-interface OnChangeCallable {
-    (value: string, cb?: OnChangeCbCallable): void;
-}
-interface ChildrenParams {
-    value: string;
-    onChange: OnChangeCallable;
-}
-interface DelayedOnChangeProps {
-    delay?: number;
-    value?: string;
-    onChange: OnChangeCallable;
-    onKeyDown?: (ev: React.SyntheticEvent) => void;
-    onBlur?: (ev: React.SyntheticEvent) => void;
-    children: (params: ChildrenParams) => React.ReactElement;
-}
-interface DelayedOnChangeState {
-    value?: string;
-}
-declare class DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {
-    static defaultProps: Partial<DelayedOnChangeProps>;
-    private delay;
-    readonly state: DelayedOnChangeState;
-    componentDidMount(): void;
-    private applyValue;
-    private onChange;
-    private changed;
-    render(): React.ReactNode;
-}
-export default DelayedOnChange;

package/admin/components/DelayedOnChange.js

@@ -1,110 +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/components/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/components/DropZone/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["import Center from \"./Center\";\nimport Horizontal from \"./Horizontal\";\nimport Vertical from \"./Vertical\";\n\nexport { Center, Horizontal, Vertical };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA"}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const AppearanceTab: () => JSX.Element;
-export default AppearanceTab;

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js

@@ -1,91 +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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _plugins = require("@webiny/plugins");
-var _Grid = require("@webiny/ui/Grid");
-var _i18n = require("@webiny/app/i18n");
-var _Radio = require("@webiny/ui/Radio");
-var _Typography = require("@webiny/ui/Typography");
-var _emotion = require("emotion");
-var _validation = require("@webiny/validation");
-var _hooks = require("../../../hooks");
-var _form = require("@webiny/form");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-editor/tabs/appearance-tab");
-var style = {
-  topLabel: /*#__PURE__*/(0, _emotion.css)({
-    marginBottom: 25
-  }, "label:topLabel;"),
-  noComponentsMessage: /*#__PURE__*/(0, _emotion.css)({
-    textAlign: "center",
-    padding: 25
-  }, "label:noComponentsMessage;"),
-  radioContainer: /*#__PURE__*/(0, _emotion.css)({
-    marginBottom: 10
-  }, "label:radioContainer;")
-};
-var AppearanceTab = function AppearanceTab() {
-  var _field$predefinedValu;
-  var form = (0, _form.useForm)();
-  var _useModelField = (0, _hooks.useModelField)(),
-    field = _useModelField.field,
-    fieldPlugin = _useModelField.fieldPlugin;
-  var renderPlugins = _plugins.plugins.byType("cms-editor-field-renderer").filter(function (item) {
-    return item.renderer.canUse({
-      field: field,
-      fieldPlugin: fieldPlugin
-    });
-  });
-  (0, _react.useEffect)(function () {
-    // If the currently selected render plugin is no longer available, select the first available one.
-    var currentlySelectedRenderAvailable = renderPlugins.find(function (item) {
-      return item.renderer.rendererName === field.renderer.name;
-    });
-    if (currentlySelectedRenderAvailable) {
-      return;
-    }
-    if (renderPlugins[0]) {
-      form.setValue("renderer.name", renderPlugins[0].renderer.rendererName);
-      return;
-    }
-    console.info("No renderers for field ".concat(field.fieldId, " found."), field);
-  }, [field.id, field.multipleValues, (_field$predefinedValu = field.predefinedValues) === null || _field$predefinedValu === void 0 ? void 0 : _field$predefinedValu.enabled]);
-  if (renderPlugins.length === 0) {
-    return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12,
-      className: style.noComponentsMessage
-    }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["There are no components that can render this field."])))));
-  }
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: style.topLabel
-  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Choose a component that will render the field:"])))), /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "renderer.name",
-    validate: _validation.validation.create("required")
-  }, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, null, function (_ref) {
-    var onChange = _ref.onChange,
-      getValue = _ref.getValue;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderPlugins.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: item.name,
-        className: style.radioContainer
-      }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-        value: getValue(item.renderer.rendererName),
-        onChange: onChange(item.renderer.rendererName),
-        label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, item.renderer.name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-          use: "caption"
-        }, item.renderer.description)))
-      }));
-    }));
-  }))));
-};
-var _default = AppearanceTab;
-exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","style","topLabel","css","marginBottom","noComponentsMessage","textAlign","padding","radioContainer","AppearanceTab","form","useForm","useModelField","field","fieldPlugin","renderPlugins","plugins","byType","filter","item","renderer","canUse","useEffect","currentlySelectedRenderAvailable","find","rendererName","name","setValue","console","info","fieldId","id","multipleValues","predefinedValues","enabled","length","validation","create","onChange","getValue","map","description"],"sources":["AppearanceTab.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { css } from \"emotion\";\nimport { validation } from \"@webiny/validation\";\nimport { useModelField } from \"~/admin/hooks\";\nimport { useForm, Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-editor/tabs/appearance-tab\");\n\nconst style = {\n    topLabel: css({\n        marginBottom: 25\n    }),\n    noComponentsMessage: css({\n        textAlign: \"center\",\n        padding: 25\n    }),\n    radioContainer: css({\n        marginBottom: 10\n    })\n};\n\nconst AppearanceTab = () => {\n    const form = useForm<CmsModelField>();\n    const { field, fieldPlugin } = useModelField();\n\n    const renderPlugins = plugins\n        .byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field, fieldPlugin }));\n\n    useEffect((): void => {\n        // If the currently selected render plugin is no longer available, select the first available one.\n        const currentlySelectedRenderAvailable = renderPlugins.find(\n            item => item.renderer.rendererName === field.renderer.name\n        );\n\n        if (currentlySelectedRenderAvailable) {\n            return;\n        }\n\n        if (renderPlugins[0]) {\n            form.setValue(\"renderer.name\", renderPlugins[0].renderer.rendererName);\n            return;\n        }\n\n        console.info(`No renderers for field ${field.fieldId} found.`, field);\n    }, [field.id, field.multipleValues, field.predefinedValues?.enabled]);\n\n    if (renderPlugins.length === 0) {\n        return (\n            <Grid>\n                <Cell\n                    span={12}\n                    className={style.noComponentsMessage}\n                >{t`There are no components that can render this field.`}</Cell>\n            </Grid>\n        );\n    }\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <div\n                    className={style.topLabel}\n                >{t`Choose a component that will render the field:`}</div>\n                <Bind name={\"renderer.name\"} validate={validation.create(\"required\")}>\n                    <RadioGroup>\n                        {({ onChange, getValue }) => (\n                            <React.Fragment>\n                                {renderPlugins.map(item => (\n                                    <div key={item.name} className={style.radioContainer}>\n                                        <Radio\n                                            value={getValue(item.renderer.rendererName)}\n                                            onChange={onChange(item.renderer.rendererName)}\n                                            label={\n                                                <>\n                                                    <div>{item.renderer.name}</div>\n                                                    <div>\n                                                        <Typography use={\"caption\"}>\n                                                            {item.renderer.description}\n                                                        </Typography>\n                                                    </div>\n                                                </>\n                                            }\n                                        />\n                                    </div>\n                                ))}\n                            </React.Fragment>\n                        )}\n                    </RadioGroup>\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default AppearanceTab;\n"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const GeneralTab: () => JSX.Element;
-export default GeneralTab;

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.js

@@ -1,139 +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 _camelCase2 = _interopRequireDefault(require("lodash/camelCase"));
-var _react = _interopRequireWildcard(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _Switch = require("@webiny/ui/Switch");
-var _Grid = require("@webiny/ui/Grid");
-var _validation = require("@webiny/validation");
-var _Tags = require("@webiny/ui/Tags");
-var _form = require("@webiny/form");
-var _ = require("./..");
-var _hooks = require("../../../hooks");
-var GeneralTab = function GeneralTab() {
-  var form = (0, _form.useForm)();
-  var _useModelField = (0, _hooks.useModelField)(),
-    field = _useModelField.field,
-    fieldPlugin = _useModelField.fieldPlugin;
-  var inputRef = (0, _react.useRef)(null);
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    contentModel = _useModelEditor.data;
-  var _useModelFieldEditor = (0, _.useModelFieldEditor)(),
-    getField = _useModelFieldEditor.getField;
-
-  // Had problems with auto-focusing the "label" field. A couple of comments on this.
-  // 1. It's probably caused by the Tabs component which wraps this component.
-  // 2. It seems that the "autoFocus" prop on the Input doesn't work. I can't see it attached in the actual DOM.
-  // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design
-  //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then
-  //    it seems it's behaving correctly. ¯\_(ツ)_/¯
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      if (!inputRef.current) {
-        return;
-      }
-      inputRef.current.focus();
-    }, /* The value of 400 was determined by manual testing. */400);
-  }, []);
-  var afterChangeLabel = (0, _react.useCallback)(function (value) {
-    form.setValue("fieldId", (0, _camelCase2.default)(value));
-  }, []);
-  var beforeChangeFieldId = (0, _react.useCallback)(function (value, baseOnChange) {
-    baseOnChange(value.trim());
-  }, []);
-  var fieldIdValidator = (0, _react.useCallback)(function (fieldId) {
-    if (fieldId.trim().toLowerCase() !== "id") {
-      return true;
-    }
-    throw new Error("Cannot use \"id\" as Field ID.");
-  }, []);
-  var uniqueFieldIdValidator = (0, _react.useCallback)(function (fieldId) {
-    var existingField = getField({
-      fieldId: fieldId
-    });
-    if (!existingField) {
-      return false;
-    }
-    if (existingField.id === field.id) {
-      return true;
-    }
-    throw new Error("Please enter a unique Field ID.");
-  }, []);
-  var additionalSettings = null;
-  if (typeof fieldPlugin.field.renderSettings === "function") {
-    additionalSettings = fieldPlugin.field.renderSettings({
-      afterChangeLabel: afterChangeLabel,
-      uniqueFieldIdValidator: uniqueFieldIdValidator,
-      contentModel: contentModel
-    });
-  }
-  var predefinedValuesEnabled = (0, _react.useMemo)(function () {
-    return fieldPlugin.field.allowPredefinedValues && typeof fieldPlugin.field.renderPredefinedValues === "function";
-  }, [field.fieldId]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "label",
-    validators: _validation.validation.create("required"),
-    afterChange: function afterChange(value) {
-      if (field.id) {
-        return;
-      }
-      afterChangeLabel(value);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "Label",
-    inputRef: inputRef,
-    "data-testid": "cms.editor.field.settings.general.label"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "fieldId",
-    validators: [_validation.validation.create("required"), uniqueFieldIdValidator, fieldIdValidator],
-    beforeChange: beforeChangeFieldId
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "Field ID",
-    "data-testid": "cms.editor.field.settings.general.label-".concat(field.id)
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "multipleValues"
-  }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
-    label: fieldPlugin.field.multipleValuesLabel,
-    disabled: !fieldPlugin.field.allowMultipleValues,
-    "data-testid": "cms.editor.field.settings.general.switch-multiplevalues"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "predefinedValues.enabled"
-  }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
-    label: "Use predefined values",
-    disabled: !predefinedValuesEnabled,
-    "data-testid": "cms.editor.field.settings.general.switch-predefinedvalues"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "helpText"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "Help text",
-    description: "Help text (optional)",
-    "data-testid": "cms.editor.field.settings.general.helptext"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "tags"
-  }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-    label: "Tags",
-    protectedTags: fieldPlugin.field.tags,
-    description: "Field tags (optional)",
-    "data-testid": "cms.editor.field.settings.general.tags"
-  })))), additionalSettings);
-};
-var _default = GeneralTab;
-exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GeneralTab","form","useForm","useModelField","field","fieldPlugin","inputRef","useRef","useModelEditor","contentModel","data","useModelFieldEditor","getField","useEffect","setTimeout","current","focus","afterChangeLabel","useCallback","value","setValue","beforeChangeFieldId","baseOnChange","trim","fieldIdValidator","fieldId","toLowerCase","Error","uniqueFieldIdValidator","existingField","id","additionalSettings","renderSettings","predefinedValuesEnabled","useMemo","allowPredefinedValues","renderPredefinedValues","validation","create","multipleValuesLabel","allowMultipleValues","tags"],"sources":["GeneralTab.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport { camelCase } from \"lodash\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { useForm, Bind } from \"@webiny/form\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelField } from \"~/admin/hooks\";\n\nconst GeneralTab = () => {\n    const form = useForm();\n    const { field, fieldPlugin } = useModelField();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data: contentModel } = useModelEditor();\n    const { getField } = useModelFieldEditor();\n\n    // Had problems with auto-focusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, /* The value of 400 was determined by manual testing. */ 400);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        form.setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            baseOnChange(value.trim());\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback(fieldId => {\n        if (fieldId.trim().toLowerCase() !== \"id\") {\n            return true;\n        }\n\n        throw new Error(`Cannot use \"id\" as Field ID.`);\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        const existingField = getField({ fieldId });\n        if (!existingField) {\n            return false;\n        }\n\n        if (existingField.id === field.id) {\n            return true;\n        }\n        throw new Error(\"Please enter a unique Field ID.\");\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            fieldPlugin.field.allowPredefinedValues &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid>\n                <Cell span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input\n                            label={\"Label\"}\n                            inputRef={inputRef}\n                            data-testid=\"cms.editor.field.settings.general.label\"\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input\n                            label={\"Field ID\"}\n                            data-testid={`cms.editor.field.settings.general.label-${field.id}`}\n                        />\n                    </Bind>\n                </Cell>\n\n                <Cell span={6}>\n                    <Bind name={\"multipleValues\"}>\n                        <Switch\n                            label={fieldPlugin.field.multipleValuesLabel}\n                            disabled={!fieldPlugin.field.allowMultipleValues}\n                            data-testid={`cms.editor.field.settings.general.switch-multiplevalues`}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                            data-testid={`cms.editor.field.settings.general.switch-predefinedvalues`}\n                        />\n                    </Bind>\n                </Cell>\n\n                <Cell span={12}>\n                    <Bind name={\"helpText\"}>\n                        <Input\n                            label={\"Help text\"}\n                            description={\"Help text (optional)\"}\n                            data-testid={`cms.editor.field.settings.general.helptext`}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags\n                            label={\"Tags\"}\n                            protectedTags={fieldPlugin.field.tags}\n                            description={\"Field tags (optional)\"}\n                            data-testid={`cms.editor.field.settings.general.tags`}\n                        />\n                    </Bind>\n                </Cell>\n            </Grid>\n            {additionalSettings}\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const PredefinedValues: () => JSX.Element;
-export default PredefinedValues;

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js

@@ -1,81 +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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _getValue = _interopRequireDefault(require("./functions/getValue"));
-var _setValue = _interopRequireDefault(require("./functions/setValue"));
-var _form = require("@webiny/form");
-var _hooks = require("../../../hooks");
-var PredefinedValues = function PredefinedValues() {
-  var _useModelField = (0, _hooks.useModelField)(),
-    field = _useModelField.field,
-    fieldPlugin = _useModelField.fieldPlugin;
-  var memoizedBindComponents = (0, _react.useRef)({});
-  var getBind = (0, _react.useCallback)(function () {
-    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-    var memoKey = index;
-    if (memoizedBindComponents.current[memoKey]) {
-      return memoizedBindComponents.current[memoKey];
-    }
-    var Bind = function Bind(_ref) {
-      var children = _ref.children,
-        name = _ref.name;
-      return /*#__PURE__*/_react.default.createElement(_form.Bind, {
-        name: "predefinedValues.values"
-      }, function (bind) {
-        var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
-          value: (0, _getValue.default)({
-            bind: bind,
-            index: index,
-            name: name
-          }),
-          onChange: function () {
-            var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
-              return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-                while (1) switch (_context.prev = _context.next) {
-                  case 0:
-                    _context.next = 2;
-                    return (0, _setValue.default)({
-                      value: value,
-                      bind: bind,
-                      index: index,
-                      name: name
-                    });
-                  case 2:
-                  case "end":
-                    return _context.stop();
-                }
-              }, _callee);
-            }));
-            function onChange(_x) {
-              return _onChange.apply(this, arguments);
-            }
-            return onChange;
-          }()
-        });
-        if (typeof children === "function") {
-          return children(props);
-        }
-        return /*#__PURE__*/(0, _react.cloneElement)(children, props);
-      });
-    };
-    memoizedBindComponents.current[memoKey] = Bind;
-    return memoizedBindComponents.current[memoKey];
-  }, []);
-  if (!fieldPlugin.field.renderPredefinedValues) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing \"field.renderPredefinedValues\" method in field type plugin: \"".concat(field.type, "\"."));
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fieldPlugin.field.renderPredefinedValues({
-    getBind: getBind
-  }));
-};
-var _default = PredefinedValues;
-exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PredefinedValues","useModelField","field","fieldPlugin","memoizedBindComponents","useRef","getBind","useCallback","index","memoKey","current","Bind","children","name","bind","props","value","getValue","onChange","setValue","cloneElement","renderPredefinedValues","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport getValue from \"./functions/getValue\";\nimport setValue from \"./functions/setValue\";\nimport { BindComponent, Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: async (value: string[]) => {\n                                await setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EAC3B,qBAA+B,IAAAC,oBAAa,GAAE;IAAtCC,KAAK,kBAALA,KAAK;IAAEC,WAAW,kBAAXA,WAAW;EAC1B,IAAMC,sBAAsB,GAAG,IAAAC,aAAM,EAAyB,CAAC,CAAC,CAAC;EAEjE,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,YAAgB;IAAA,IAAfC,KAAK,uEAAG,CAAC,CAAC;IACnC,IAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIJ,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOL,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,IAAME,IAAmB,GAAG,SAAtBA,IAAmB,OAA2B;MAAA,IAArBC,QAAQ,QAARA,QAAQ;QAAEC,IAAI,QAAJA,IAAI;MACzC,oBACI,6BAAC,UAAY;QAAC,IAAI,EAAE;MAA0B,GACzC,UAAAC,IAAI,EAAI;QACL,IAAMC,KAAK,+DACJD,IAAI;UACPE,KAAK,EAAE,IAAAC,iBAAQ,EAAC;YAAEH,IAAI,EAAJA,IAAI;YAAEN,KAAK,EAALA,KAAK;YAAEK,IAAI,EAAJA;UAAK,CAAC,CAAC;UACtCK,QAAQ;YAAA,uGAAE,iBAAOF,KAAe;cAAA;gBAAA;kBAAA;oBAAA;oBAAA,OACtB,IAAAG,iBAAQ,EAAC;sBAAEH,KAAK,EAALA,KAAK;sBAAEF,IAAI,EAAJA,IAAI;sBAAEN,KAAK,EAALA,KAAK;sBAAEK,IAAI,EAAJA;oBAAK,CAAC,CAAC;kBAAA;kBAAA;oBAAA;gBAAA;cAAA;YAAA,CAC/C;YAAA;cAAA;YAAA;YAAA;UAAA;QAAA,EACJ;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACG,KAAK,CAAC;QAC1B;QAEA,oBAAO,IAAAK,mBAAY,EAACR,QAAQ,EAAmCG,KAAK,CAAC;MACzE,CAAC,CACU;IAEvB,CAAC;IAEDX,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC,GAAGE,IAAI;IAE9C,OAAOP,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACN,WAAW,CAACD,KAAK,CAACmB,sBAAsB,EAAE;IAC3C,oBACI,8IAA2EnB,KAAK,CAACoB,IAAI,SAAQ;EAErG;EAEA,oBAAO,4DAAGnB,WAAW,CAACD,KAAK,CAACmB,sBAAsB,CAAC;IAAEf,OAAO,EAAPA;EAAQ,CAAC,CAAC,CAAI;AACvE,CAAC;AAAC,eAEaN,gBAAgB;AAAA"}

package/admin/components/FieldEditor/EditFieldDialog/ValidationsSection.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
-interface ValidatorsSectionProps {
-    title: string;
-    fieldKey: "validators" | "listValidators";
-    description: string;
-    validators: CmsModelFieldValidatorConfigAdapter[];
-}
-export declare const ValidationsSection: ({ title, description, fieldKey, validators }: ValidatorsSectionProps) => JSX.Element;
-export {};

package/admin/components/FieldEditor/EditFieldDialog/ValidationsSection.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ValidationsSection = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Grid = require("@webiny/ui/Grid");
-var _Typography = require("@webiny/ui/Typography");
-var _ValidatorsList = require("./ValidatorsList");
-var bindTo = {
-  validators: "validation",
-  listValidators: "listValidation"
-};
-var ValidationsSection = function ValidationsSection(_ref) {
-  var title = _ref.title,
-    description = _ref.description,
-    fieldKey = _ref.fieldKey,
-    validators = _ref.validators;
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline5"
-  }, title), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, description)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_ValidatorsList.ValidatorsList, {
-    name: bindTo[fieldKey],
-    validators: validators
-  })));
-};
-exports.ValidationsSection = ValidationsSection;

package/admin/components/FieldEditor/EditFieldDialog/ValidationsSection.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bindTo","validators","listValidators","ValidationsSection","title","description","fieldKey"],"sources":["ValidationsSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ValidatorsList } from \"./ValidatorsList\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\n\ninterface ValidatorsSectionProps {\n    title: string;\n    fieldKey: \"validators\" | \"listValidators\";\n    description: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst bindTo = {\n    validators: \"validation\",\n    listValidators: \"listValidation\"\n};\n\nexport const ValidationsSection = ({\n    title,\n    description,\n    fieldKey,\n    validators\n}: ValidatorsSectionProps) => {\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Typography use={\"headline5\"}>{title}</Typography>\n                <br />\n                <Typography use={\"body2\"}>{description}</Typography>\n            </Cell>\n            <Cell span={12}>\n                <ValidatorsList name={bindTo[fieldKey]} validators={validators} />\n            </Cell>\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAUA,IAAMA,MAAM,GAAG;EACXC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE;AACpB,CAAC;AAEM,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAKD;EAAA,IAJ1BC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACRL,UAAU,QAAVA,UAAU;EAEV,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEG,KAAK,CAAc,eAClD,wCAAM,eACN,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEC,WAAW,CAAc,CACjD,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,8BAAc;IAAC,IAAI,EAAEL,MAAM,CAACM,QAAQ,CAAE;IAAC,UAAU,EAAEL;EAAW,EAAG,CAC/D,CACJ;AAEf,CAAC;AAAC"}