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

package/admin/plugins/fieldRenderers/Accordion.js

@@ -1,134 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _Typography = require("@webiny/ui/Typography");
-var classes = {
-  accordionWrapper: /*#__PURE__*/(0, _emotion.css)({
-    /**
-     * We're using position: "relative" here for "Popping Out of Hidden Overflow" https://css-tricks.com/popping-hidden-overflow/
-     * so that, we can use absolute positioned element inside without "overflow: hidden" being a problem
-     */
-    position: "relative",
-    width: "100%",
-    borderBottom: "1px solid var(--mdc-theme-on-secondary)"
-  }, "label:accordionWrapper;"),
-  accordionHeader: /*#__PURE__*/(0, _emotion.css)({
-    position: "relative",
-    color: "var(--mdc-theme-text-secondary-on-background)",
-    cursor: "pointer",
-    padding: "0px",
-    minHeight: 48,
-    // To have same height as the remove value action button.
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    "& .accordion-header--left": {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      "& .accordion-title": {
-        span: {
-          marginLeft: 16
-        }
-      }
-    },
-    "& .accordion-header--right": {
-      display: "flex",
-      "& .icon-container": {
-        display: "flex",
-        alignItems: "center",
-        "& span": {
-          display: "flex"
-        },
-        "& svg": {
-          fill: "currentColor",
-          width: 14,
-          height: 14
-        }
-      }
-    },
-    "&::before": {
-      position: "absolute",
-      top: "calc(50% - 5px)",
-      left: 0,
-      content: '""',
-      width: 0,
-      height: 0,
-      // Arrow right.
-      borderTop: "5px solid transparent",
-      borderBottom: "5px solid transparent",
-      borderLeft: "5px solid currentColor"
-    },
-    "&.open": {
-      "&::before": {
-        transform: "translateY(3px) rotate(90deg)"
-      }
-    }
-  }, "label:accordionHeader;"),
-  accordionItem: /*#__PURE__*/(0, _emotion.css)({
-    overflow: "hidden",
-    transition: "max-height 0.3s cubic-bezier(1, 0, 1, 0)",
-    height: "auto",
-    maxHeight: "9999px",
-    "&.collapsed": {
-      maxHeight: 0,
-      transition: "max-height 0.35s cubic-bezier(0, 1, 0, 1)"
-    },
-    ".accordion-content": {
-      paddingBottom: 10
-    }
-  }, "label:accordionItem;")
-};
-var Accordion = function Accordion(_ref) {
-  var title = _ref.title,
-    children = _ref.children,
-    action = _ref.action,
-    icon = _ref.icon,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
-  var _useState = (0, _react.useState)(defaultValue),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isOpen = _useState2[0],
-    setOpen = _useState2[1];
-  var toggleOpen = (0, _react.useCallback)(function () {
-    return setOpen(!isOpen);
-  }, [isOpen]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.accordionWrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.accordionHeader, {
-      open: isOpen
-    }),
-    onClick: toggleOpen
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-header--left"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-title"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, title))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-header--right"
-  }, action && /*#__PURE__*/_react.default.createElement("div", {
-    className: "action-container"
-  }, action), /*#__PURE__*/_react.default.createElement("div", {
-    className: "icon-container"
-  }, icon))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.accordionItem, {
-      collapsed: !isOpen
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-content"
-  }, children)));
-};
-var MemoizedAccordion = /*#__PURE__*/_react.default.memo(Accordion);
-var _default = MemoizedAccordion;
-exports.default = _default;

package/admin/plugins/fieldRenderers/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","paddingBottom","Accordion","title","children","action","icon","defaultValue","useState","isOpen","setOpen","toggleOpen","useCallback","classNames","open","collapsed","MemoizedAccordion","React","memo"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    }),\n    accordionItem: css({\n        overflow: \"hidden\",\n        transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n        height: \"auto\",\n        maxHeight: \"9999px\",\n\n        \"&.collapsed\": {\n            maxHeight: 0,\n            transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n        },\n        \".accordion-content\": {\n            paddingBottom: 10\n        }\n    })\n};\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n    title,\n    children,\n    action,\n    icon,\n    defaultValue = false\n}) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"}>{title}</Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n                <div className=\"accordion-content\">{children}</div>\n            </div>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.FC<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/DynamicSection.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { BindComponent, BindComponentRenderProp, CmsModelField } from "../../../types";
-import { GetBindCallable } from "../../components/ContentEntryForm/useBind";
-export interface DynamicSectionPropsChildrenParams {
-    Bind: BindComponent;
-    field: CmsModelField;
-    bind: {
-        index: BindComponentRenderProp;
-        field: BindComponentRenderProp;
-    };
-    index: number;
-}
-export interface DynamicSectionProps {
-    field: CmsModelField;
-    getBind: GetBindCallable;
-    showLabel?: boolean;
-    Label: React.ComponentType<any>;
-    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;
-    emptyValue?: any;
-    renderTitle?: (value: any[]) => React.ReactElement;
-    gridClassName?: string;
-}
-declare const DynamicSection: React.FC<DynamicSectionProps>;
-export default DynamicSection;

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _i18n = require("@webiny/app/i18n");
-var _Grid = require("@webiny/ui/Grid");
-var _Button = require("@webiny/ui/Button");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var style = {
-  addButton: /*#__PURE__*/(0, _emotion.css)({
-    width: "100%",
-    borderTop: "1px solid var(--mdc-theme-background)",
-    paddingTop: 8
-  }, "label:addButton;")
-};
-var DynamicSection = function DynamicSection(_ref) {
-  var field = _ref.field,
-    getBind = _ref.getBind,
-    Label = _ref.Label,
-    children = _ref.children,
-    _ref$showLabel = _ref.showLabel,
-    showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
-    _ref$emptyValue = _ref.emptyValue,
-    emptyValue = _ref$emptyValue === void 0 ? "" : _ref$emptyValue,
-    renderTitle = _ref.renderTitle,
-    gridClassName = _ref.gridClassName;
-  var Bind = getBind();
-  var FirstFieldBind = getBind(0);
-  return (
-    /*#__PURE__*/
-    /* First we mount the top level field, for example: "items" */
-    _react.default.createElement(Bind, null, function (bindField) {
-      /**
-       * "value" -> an array of items
-       * "appendValue" -> a callback to add a new value to the top level "items" array
-       */
-      var value = bindField.value,
-        appendValue = bindField.appendValue;
-      var bindFieldValue = value || [];
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-        className: gridClassName
-      }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12
-      }, showLabel && field.label && /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(FirstFieldBind, null, function (bindProps) {
-        return (/* We bind it to index "0", so when you start typing, that index in parent array will be populated */
-          children({
-            Bind: FirstFieldBind,
-            field: field,
-            // "index" contains Bind props for this particular item in the array
-            // "field" contains Bind props for the main (parent) field.
-            bind: {
-              index: bindProps,
-              field: bindField
-            },
-            index: 0 // Binds to "items.0" in the <Form>.
-          })
-        );
-      })), bindFieldValue.slice(1).map(function (_, index) {
-        /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */
-        var realIndex = index + 1;
-        var BindField = getBind(realIndex);
-        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12,
-          key: realIndex
-        }, /*#__PURE__*/_react.default.createElement(BindField, null, function (bindProps) {
-          return children({
-            Bind: BindField,
-            field: field,
-            bind: {
-              index: bindProps,
-              field: bindField
-            },
-            index: realIndex
-          });
-        }));
-      }), bindField.validation.isValid === false && /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12
-      }, /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true
-      }, bindField.validation.message)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12,
-        className: style.addButton
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-        disabled: bindFieldValue[0] === undefined,
-        onClick: function onClick() {
-          return appendValue(emptyValue);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-      }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Add value"]))))));
-    })
-  );
-};
-var _default = DynamicSection;
-exports.default = _default;

package/admin/plugins/fieldRenderers/DynamicSection.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","style","addButton","css","width","borderTop","paddingTop","DynamicSection","field","getBind","Label","children","showLabel","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","bindField","value","appendValue","bindFieldValue","label","bindProps","bind","index","slice","map","_","realIndex","BindField","validation","isValid","message","undefined"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection: React.FC<DynamicSectionProps> = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <Grid className={gridClassName}>\n                        {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                        <Cell span={12}>\n                            {/* We always render the first item, for better UX */}\n                            {showLabel && field.label && <Label>{field.label}</Label>}\n                            <FirstFieldBind>\n                                {bindProps =>\n                                    /* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */\n                                    children({\n                                        Bind: FirstFieldBind,\n                                        field,\n                                        // \"index\" contains Bind props for this particular item in the array\n                                        // \"field\" contains Bind props for the main (parent) field.\n                                        bind: {\n                                            index: bindProps,\n                                            field: bindField\n                                        },\n                                        index: 0 // Binds to \"items.0\" in the <Form>.\n                                    })\n                                }\n                            </FirstFieldBind>\n                        </Cell>\n\n                        {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                        {bindFieldValue.slice(1).map((_, index) => {\n                            /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                            const realIndex = index + 1;\n                            const BindField = getBind(realIndex);\n                            return (\n                                <Cell span={12} key={realIndex}>\n                                    <BindField>\n                                        {bindProps =>\n                                            children({\n                                                Bind: BindField,\n                                                field,\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: realIndex\n                                            })\n                                        }\n                                    </BindField>\n                                </Cell>\n                            );\n                        })}\n\n                        {bindField.validation.isValid === false && (\n                            <Cell span={12}>\n                                <FormElementMessage error>\n                                    {bindField.validation.message}\n                                </FormElementMessage>\n                            </Cell>\n                        )}\n                        <Cell span={12} className={style.addButton}>\n                            <ButtonDefault\n                                disabled={bindFieldValue[0] === undefined}\n                                onClick={() => appendValue(emptyValue)}\n                            >\n                                <ButtonIcon icon={<AddIcon />} />\n                                {t`Add value`}\n                            </ButtonDefault>\n                        </Cell>\n                    </Grid>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAwF;AAGxF,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,KAAK,GAAG;EACVC,SAAS,eAAE,IAAAC,YAAG,EAAC;IACXC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,uCAAuC;IAClDC,UAAU,EAAE;EAChB,CAAC;AACL,CAAC;AAuBD,IAAMC,cAA6C,GAAG,SAAhDA,cAA6C,OAS7C;EAAA,IARFC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAAA,uBAChBC,UAAU;IAAVA,UAAU,gCAAG,EAAE;IACfC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;EAEb,IAAMC,IAAI,GAAGP,OAAO,EAAE;EACtB,IAAMQ,cAAc,GAAGR,OAAO,CAAC,CAAC,CAAC;EAEjC;IAAA;IACI;IACA,6BAAC,IAAI,QACA,UAAAS,SAAS,EAAI;MACV;AAChB;AACA;AACA;MACgB,IAAQC,KAAK,GAAkBD,SAAS,CAAhCC,KAAK;QAAEC,WAAW,GAAKF,SAAS,CAAzBE,WAAW;MAE1B,IAAMC,cAAwB,GAAGF,KAAK,IAAI,EAAE;MAC5C,oBACI,6BAAC,UAAI;QAAC,SAAS,EAAEJ;MAAc,GAC1B,OAAOD,WAAW,KAAK,UAAU,IAAIA,WAAW,CAACO,cAAc,CAAC,eACjE,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,GAEVT,SAAS,IAAIJ,KAAK,CAACc,KAAK,iBAAI,6BAAC,KAAK,QAAEd,KAAK,CAACc,KAAK,CAAS,eACzD,6BAAC,cAAc,QACV,UAAAC,SAAS;QAAA,OACN;UACAZ,QAAQ,CAAC;YACLK,IAAI,EAAEC,cAAc;YACpBT,KAAK,EAALA,KAAK;YACL;YACA;YACAgB,IAAI,EAAE;cACFC,KAAK,EAAEF,SAAS;cAChBf,KAAK,EAAEU;YACX,CAAC;YACDO,KAAK,EAAE,CAAC,CAAC;UACb,CAAC;QAAC;MAAA,EAEO,CACd,EAGNJ,cAAc,CAACK,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEH,KAAK,EAAK;QACvC;QACA,IAAMI,SAAS,GAAGJ,KAAK,GAAG,CAAC;QAC3B,IAAMK,SAAS,GAAGrB,OAAO,CAACoB,SAAS,CAAC;QACpC,oBACI,6BAAC,UAAI;UAAC,IAAI,EAAE,EAAG;UAAC,GAAG,EAAEA;QAAU,gBAC3B,6BAAC,SAAS,QACL,UAAAN,SAAS;UAAA,OACNZ,QAAQ,CAAC;YACLK,IAAI,EAAEc,SAAS;YACftB,KAAK,EAALA,KAAK;YACLgB,IAAI,EAAE;cACFC,KAAK,EAAEF,SAAS;cAChBf,KAAK,EAAEU;YACX,CAAC;YACDO,KAAK,EAAEI;UACX,CAAC,CAAC;QAAA,EAEE,CACT;MAEf,CAAC,CAAC,EAEDX,SAAS,CAACa,UAAU,CAACC,OAAO,KAAK,KAAK,iBACnC,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,sCAAkB;QAAC,KAAK;MAAA,GACpBd,SAAS,CAACa,UAAU,CAACE,OAAO,CACZ,CAE5B,eACD,6BAAC,UAAI;QAAC,IAAI,EAAE,EAAG;QAAC,SAAS,EAAEhC,KAAK,CAACC;MAAU,gBACvC,6BAAC,qBAAa;QACV,QAAQ,EAAEmB,cAAc,CAAC,CAAC,CAAC,KAAKa,SAAU;QAC1C,OAAO,EAAE;UAAA,OAAMd,WAAW,CAACP,UAAU,CAAC;QAAA;MAAC,gBAEvC,6BAAC,kBAAU;QAAC,IAAI,eAAE,6BAAC,uBAAO;MAAI,EAAG,EAChCf,CAAC,6FACU,CACb,CACJ;IAEf,CAAC;EACE;AAEf,CAAC;AAAC,eAEaS,cAAc;AAAA"}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.d.ts

@@ -1,3 +0,0 @@
-import { CmsEditorFieldRendererPlugin } from "../../../../types";
-declare const plugin: CmsEditorFieldRendererPlugin;
-export default plugin;

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _Switch = require("@webiny/ui/Switch");
-var _i18n = require("@webiny/app/i18n");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/boolean");
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-boolean",
-  renderer: {
-    rendererName: "boolean-input",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Boolean Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple switch button."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "boolean" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
-    },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/_react.default.createElement(_Switch.Switch, Object.assign({}, bindProps, {
-          label: field.label,
-          description: field.helpText,
-          "data-testid": "fr.input.boolean.".concat(field.label)
-        }));
-      });
-    }
-  }
-};
-var _default = plugin;
-exports.default = _default;

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bindProps","label","helpText"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch\n                            {...bindProps}\n                            label={field.label}\n                            description={field.helpText}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uCAAuC,CAAC;AAE1D,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,gGAAe;IACtBQ,WAAW,EAAER,CAAC,oHAAiC;IAC/CS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IACxB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,SAAS;QAAA,oBACN,6BAAC,cAAM,oBACCA,SAAS;UACb,KAAK,EAAEN,KAAK,CAACO,KAAM;UACnB,WAAW,EAAEP,KAAK,CAACQ,QAAS;UAC5B,0CAAiCR,KAAK,CAACO,KAAK;QAAG,GACjD;MAAA,CACL,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEad,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/boolean/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
-export default _default;

package/admin/plugins/fieldRenderers/boolean/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _booleanSwitch = _interopRequireDefault(require("./booleanSwitch"));
-var _default = [_booleanSwitch.default];
-exports.default = _default;

package/admin/plugins/fieldRenderers/boolean/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"],"mappings":";;;;;;;AAAA;AAA4C,eAE7B,CAACA,sBAAa,CAAC;AAAA"}

package/admin/plugins/fieldRenderers/checkboxes.d.ts

@@ -1,3 +0,0 @@
-import { CmsEditorFieldRendererPlugin } from "../../../types";
-declare const plugin: CmsEditorFieldRendererPlugin;
-export default plugin;

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _i18n = require("@webiny/app/i18n");
-var _Checkbox = require("@webiny/ui/Checkbox");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-checkboxes-buttons",
-  renderer: {
-    rendererName: "checkboxes",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Checkboxes"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders checkboxes, allowing selection of multiple values."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return !!field.multipleValues && !!(0, _get.default)(field, "predefinedValues.enabled");
-    },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      var _ref3 = field.predefinedValues || {
-          values: []
-        },
-        _ref3$values = _ref3.values,
-        options = _ref3$values === void 0 ? [] : _ref3$values;
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, Object.assign({}, bind, {
-          label: field.label,
-          description: field.helpText
-        }), function (_ref4) {
-          var onChange = _ref4.onChange,
-            getValue = _ref4.getValue;
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
-            var value = field.type === "number" ? Number(option.value) : option.value;
-            return /*#__PURE__*/_react.default.createElement("div", {
-              key: String(option.value) + index
-            }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-              label: option.label,
-              value: getValue(value),
-              onChange: onChange(value),
-              "data-testid": "fr.input.".concat(field.label)
-            }));
-          }));
-        });
-      });
-    }
-  }
-};
-var _default = plugin;
-exports.default = _default;

package/admin/plugins/fieldRenderers/checkboxes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","values","options","bind","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                            >\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Checkbox\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                        data-testid={`fr.input.${field.label}`}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </CheckboxGroup>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAA8D;AAE9D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEL,CAAC,6FAAY;IACnBQ,WAAW,EAAER,CAAC,+IAA4D;IAC1ES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAO,CAAC,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC7E,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,YAAiCJ,KAAK,CAACM,gBAAgB,IAAI;UACvDC,MAAM,EAAE;QACZ,CAAC;QAAA,qBAFOA,MAAM;QAAEC,OAAO,6BAAG,EAAE;MAI5B,oBACI,6BAAC,IAAI,QACA,UAAAC,IAAI,EAAI;QACL,oBACI,6BAAC,uBAAa,oBACNA,IAAI;UACR,KAAK,EAAET,KAAK,CAACU,KAAM;UACnB,WAAW,EAAEV,KAAK,CAACW;QAAS,IAE3B;UAAA,IAAGC,QAAQ,SAARA,QAAQ;YAAEC,QAAQ,SAARA,QAAQ;UAAA,oBAClB,6BAAC,cAAK,CAAC,QAAQ,QACVL,OAAO,CAACM,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;YAC5B,IAAMC,KAAK,GACPjB,KAAK,CAACN,IAAI,KAAK,QAAQ,GACjBwB,MAAM,CAACH,MAAM,CAACE,KAAK,CAAC,GACpBF,MAAM,CAACE,KAAK;YACtB,oBACI;cAAK,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAK,CAAC,GAAGD;YAAM,gBACnC,6BAAC,kBAAQ;cACL,KAAK,EAAED,MAAM,CAACL,KAAM;cACpB,KAAK,EAAEG,QAAQ,CAACI,KAAK,CAAE;cACvB,QAAQ,EAAEL,QAAQ,CAACK,KAAK,CAAE;cAC1B,kCAAyBjB,KAAK,CAACU,KAAK;YAAG,EACzC,CACA;UAEd,CAAC,CAAC,CACW;QAAA,CACpB,CACW;MAExB,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEajB,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { TrailingIcon } from "./Input";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
-export interface Props {
-    field: CmsModelField;
-    bind: BindComponentRenderProp;
-    trailingIcon?: TrailingIcon;
-}
-export declare const DateOnly: React.FC<Props>;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js

@@ -1,68 +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.DateOnly = 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 _Input = require("./Input");
-var _utils = require("./utils");
-var DateOnly = function DateOnly(props) {
-  var _field$settings;
-  var field = props.field,
-    bind = props.bind,
-    trailingIcon = props.trailingIcon;
-  var date = (0, _utils.getDefaultFieldValue)(field, bind, function () {
-    return (0, _utils.getCurrentDate)(new Date());
-  });
-  var bindValue = bind.value || "";
-  (0, _react.useEffect)(function () {
-    if (!date || bindValue === date) {
-      return;
-    }
-    bind.onChange(date);
-  }, [bindValue]);
-  return /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
-      value: date,
-      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:
-                if (value) {
-                  _context.next = 4;
-                  break;
-                }
-                if (bindValue) {
-                  _context.next = 3;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 3:
-                return _context.abrupt("return", bind.onChange(""));
-              case 4:
-                return _context.abrupt("return", bind.onChange(value));
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onChange(_x) {
-          return _onChange.apply(this, arguments);
-        }
-        return onChange;
-      }()
-    }),
-    field: field,
-    type: (_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.type,
-    trailingIcon: trailingIcon
-  });
-};
-exports.DateOnly = DateOnly;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DateOnly","props","field","bind","trailingIcon","date","getDefaultFieldValue","getCurrentDate","Date","bindValue","value","useEffect","onChange","settings","type"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsModelField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface Props {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly: React.FC<Props> = props => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAYO,IAAMA,QAAyB,GAAG,SAA5BA,QAAyB,CAAGC,KAAK,EAAI;EAAA;EAC9C,IAAQC,KAAK,GAAyBD,KAAK,CAAnCC,KAAK;IAAEC,IAAI,GAAmBF,KAAK,CAA5BE,IAAI;IAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;EACjC,IAAMC,IAAI,GAAG,IAAAC,2BAAoB,EAACJ,KAAK,EAAEC,IAAI,EAAE,YAAM;IACjD,OAAO,IAAAI,qBAAc,EAAC,IAAIC,IAAI,EAAE,CAAC;EACrC,CAAC,CAAC;EAEF,IAAMC,SAAS,GAAGN,IAAI,CAACO,KAAK,IAAI,EAAE;EAElC,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACN,IAAI,IAAII,SAAS,KAAKJ,IAAI,EAAE;MAC7B;IACJ;IACAF,IAAI,CAACS,QAAQ,CAACP,IAAI,CAAC;EACvB,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,oBACI,6BAAC,YAAK;IACF,IAAI,8DACGN,IAAI;MACPO,KAAK,EAAEL,IAAI;MACXO,QAAQ;QAAA,uGAAE,iBAAOF,KAAa;UAAA;YAAA;cAAA;gBAAA,IACrBA,KAAK;kBAAA;kBAAA;gBAAA;gBAAA,IACDD,SAAS;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAAA,iCAGPN,IAAI,CAACS,QAAQ,CAAC,EAAE,CAAC;cAAA;gBAAA,iCAErBT,IAAI,CAACS,QAAQ,CAACF,KAAK,CAAC;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CAC9B;QAAA;UAAA;QAAA;QAAA;MAAA;IAAA,EACH;IACF,KAAK,EAAER,KAAM;IACb,IAAI,qBAAEA,KAAK,CAACW,QAAQ,oDAAd,gBAAgBC,IAAK;IAC3B,YAAY,EAAEV;EAAa,EAC7B;AAEV,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
-export interface DateTimeWithTimezoneProps {
-    bind: BindComponentRenderProp;
-    trailingIcon?: any;
-    field: CmsModelField;
-}
-export declare const DateTimeWithTimezone: React.FC<DateTimeWithTimezoneProps>;