@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

package/admin/views/contentModelGroups/IconPicker.js

@@ -1,35 +1,56 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { css } from "emotion";
-import { plugins } from "@webiny/plugins";
-import { Typography } from "@webiny/ui/Typography";
-import { Grid } from "react-virtualized";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import DelayedOnChange from "./DelayedOnChange";
-import { Menu } from "@webiny/ui/Menu";
-import { Input } from "@webiny/ui/Input";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _plugins = require("@webiny/plugins");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _reactVirtualized = require("react-virtualized");
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _DelayedOnChange = _interopRequireDefault(require("./DelayedOnChange"));
+
+var _Menu = require("@webiny/ui/Menu");
+
+var _Input = require("@webiny/ui/Input");
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
 
 /**
  * Controls the helper text below the checkbox.
  * @type {string}
  */
-var iconPickerLabel = /*#__PURE__*/css({
+var iconPickerLabel = /*#__PURE__*/(0, _emotion.css)({
   marginBottom: 5,
   marginLeft: 2
 }, "label:iconPickerLabel;");
-var MenuWrapper = /*#__PURE__*/css({
+var MenuWrapper = /*#__PURE__*/(0, _emotion.css)({
   color: "var(--mdc-theme-text-secondary-on-background)",
   backgroundColor: "var(--mdc-theme-on-background)",
   padding: "16px 8px"
 }, "label:MenuWrapper;");
-var NoResultWrapper = /*#__PURE__*/css({
+var NoResultWrapper = /*#__PURE__*/(0, _emotion.css)({
   width: 640,
   color: "var(--mdc-theme-text-secondary-on-background)",
   padding: "16px 12px"
 }, "label:NoResultWrapper;");
 var COLUMN_COUNT = 6;
-var gridItem = /*#__PURE__*/css({
+var gridItem = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-start",
@@ -66,15 +87,15 @@ var gridItem = /*#__PURE__*/css({
     marginBottom: 5
   }
 }, "label:gridItem;");
-var grid = /*#__PURE__*/css({
+var grid = /*#__PURE__*/(0, _emotion.css)({
   padding: 20
 }, "label:grid;");
-var pickIcon = /*#__PURE__*/css({
+var pickIcon = /*#__PURE__*/(0, _emotion.css)({
   width: 50,
   textAlign: "center",
   cursor: "pointer"
 }, "label:pickIcon;");
-var searchInput = /*#__PURE__*/css({
+var searchInput = /*#__PURE__*/(0, _emotion.css)({
   input: {
     padding: "20px 12px 20px"
   }
@@ -91,12 +112,12 @@ var IconPicker = function IconPicker(_ref) {
       validation = _ref.validation;
 
   var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       filter = _useState2[0],
       setFilter = _useState2[1];
 
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       mustRenderGrid = _useState4[0],
       setMustRenderGrid = _useState4[1];
 
@@ -105,7 +126,8 @@ var IconPicker = function IconPicker(_ref) {
     cb();
   }, [filter]);
   var allIcons = useMemo(function () {
-    var iconPlugins = plugins.byType("cms-icons");
+    var iconPlugins = _plugins.plugins.byType("cms-icons");
+
     return iconPlugins.reduce(function (icons, pl) {
       return icons.concat(pl.getIcons());
     }, []);
@@ -139,23 +161,23 @@ var IconPicker = function IconPicker(_ref) {
 
           closeMenu();
         }
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      }, /*#__PURE__*/React.createElement(_reactFontawesome.FontAwesomeIcon, {
         icon: item.id,
         size: "2x"
-      }), /*#__PURE__*/React.createElement(Typography, {
+      }), /*#__PURE__*/React.createElement(_Typography.Typography, {
         use: "body2"
       }, item.name));
     };
   }, [icons]);
   var renderGrid = useCallback(function (_ref4) {
     var closeMenu = _ref4.closeMenu;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DelayedOnChange, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DelayedOnChange.default, {
       value: filter,
       onChange: onFilterChange
     }, function (_ref5) {
       var value = _ref5.value,
           onChange = _ref5.onChange;
-      return /*#__PURE__*/React.createElement(Input, {
+      return /*#__PURE__*/React.createElement(_Input.Input, {
         autoFocus: true,
         className: searchInput,
         value: value,
@@ -164,9 +186,9 @@ var IconPicker = function IconPicker(_ref) {
       });
     }), icons.length === 0 ? /*#__PURE__*/React.createElement("div", {
       className: NoResultWrapper
-    }, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/React.createElement(_Typography.Typography, {
       use: "body1"
-    }, "No results found.")) : /*#__PURE__*/React.createElement(Grid, {
+    }, "No results found.")) : /*#__PURE__*/React.createElement(_reactVirtualized.Grid, {
       className: grid,
       cellRenderer: renderCell({
         closeMenu: closeMenu
@@ -187,11 +209,11 @@ var IconPicker = function IconPicker(_ref) {
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
     className: iconPickerLabel
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
     use: "body1"
   }, label)), /*#__PURE__*/React.createElement("div", {
     className: MenuWrapper
-  }, /*#__PURE__*/React.createElement(Menu, {
+  }, /*#__PURE__*/React.createElement(_Menu.Menu, {
     onOpen: function onOpen() {
       return setMustRenderGrid(true);
     },
@@ -200,13 +222,14 @@ var IconPicker = function IconPicker(_ref) {
     },
     handle: /*#__PURE__*/React.createElement("div", {
       className: pickIcon
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    }, /*#__PURE__*/React.createElement(_reactFontawesome.FontAwesomeIcon, {
       icon: fontAwesomeIconValue,
       size: "2x"
     }))
-  }, mustRenderGrid && renderGrid)), validationIsValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+  }, mustRenderGrid && renderGrid)), validationIsValid === false && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, {
     error: true
-  }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+  }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
 
-export default IconPicker;
+var _default = IconPicker;
+exports.default = _default;

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

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

package/admin/views/contentModelGroups/graphql.js

@@ -1,32 +1,47 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UPDATE_CONTENT_MODEL_GROUP = exports.LIST_CONTENT_MODEL_GROUPS = exports.GET_CONTENT_MODEL_GROUP = exports.DELETE_CONTENT_MODEL_GROUP = exports.CREATE_CONTENT_MODEL_GROUP = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import gql from "graphql-tag";
 var ERROR_FIELS = "\n    message\n    code\n    data\n";
 var fields = "\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n";
-export var LIST_CONTENT_MODEL_GROUPS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+var LIST_CONTENT_MODEL_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################
  * Get Group Query
  */
 
-export var GET_CONTENT_MODEL_GROUP = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+exports.LIST_CONTENT_MODEL_GROUPS = LIST_CONTENT_MODEL_GROUPS;
+var GET_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################
  * Create Group Mutation
  */
 
-export var CREATE_CONTENT_MODEL_GROUP = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+exports.GET_CONTENT_MODEL_GROUP = GET_CONTENT_MODEL_GROUP;
+var CREATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################
  * Update Group Mutation
  */
 
-export var UPDATE_CONTENT_MODEL_GROUP = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+exports.CREATE_CONTENT_MODEL_GROUP = CREATE_CONTENT_MODEL_GROUP;
+var UPDATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################
  * Delete Group Mutation
  */
 
-export var DELETE_CONTENT_MODEL_GROUP = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ", "\n            }\n        }\n    }\n"])), ERROR_FIELS);
+exports.UPDATE_CONTENT_MODEL_GROUP = UPDATE_CONTENT_MODEL_GROUP;
+var DELETE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ", "\n            }\n        }\n    }\n"])), ERROR_FIELS);
+exports.DELETE_CONTENT_MODEL_GROUP = DELETE_CONTENT_MODEL_GROUP;

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

@@ -1 +1 @@
-{"version":3,"sources":["graphql.ts"],"names":["gql","ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,WAAW,wCAAjB;AAKA,IAAMC,MAAM,gKAAZ;AA4BA,OAAO,IAAMC,yBAAyB,GAAGH,GAAH,iYAIpBE,MAJoB,EAWpBD,WAXoB,CAA/B;AAgBP;AACA;AACA;AACA;;AAUA,OAAO,IAAMG,uBAAuB,GAAGJ,GAAH,yTAIlBE,MAJkB,EAOlBD,WAPkB,CAA7B;AAaP;AACA;AACA;AACA;;AAWA,OAAO,IAAMI,0BAA0B,GAAGL,GAAH,0cAIrBE,MAJqB,EAWrBD,WAXqB,CAAhC;AAgBP;AACA;AACA;AACA;;AAYA,OAAO,IAAMK,0BAA0B,GAAGN,GAAH,kXAIrBE,MAJqB,EAOrBD,WAPqB,CAAhC;AAYP;AACA;AACA;AACA;;AAUA,OAAO,IAAMM,0BAA0B,GAAGP,GAAH,yQAKrBC,WALqB,CAAhC","sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"]}
+{"version":3,"names":["ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;;;AAGA,IAAMA,WAAW,wCAAjB;AAKA,IAAMC,MAAM,gKAAZ;AA4BO,IAAMC,yBAAyB,OAAGC,mBAAH,gZAIpBF,MAJoB,EAWpBD,WAXoB,CAA/B;AAgBP;AACA;AACA;AACA;;;AAUO,IAAMI,uBAAuB,OAAGD,mBAAH,wUAIlBF,MAJkB,EAOlBD,WAPkB,CAA7B;AAaP;AACA;AACA;AACA;;;AAWO,IAAMK,0BAA0B,OAAGF,mBAAH,ydAIrBF,MAJqB,EAWrBD,WAXqB,CAAhC;AAgBP;AACA;AACA;AACA;;;AAYO,IAAMM,0BAA0B,OAAGH,mBAAH,iYAIrBF,MAJqB,EAOrBD,WAPqB,CAAhC;AAYP;AACA;AACA;AACA;;;AAUO,IAAMO,0BAA0B,OAAGJ,mBAAH,wRAKrBH,WALqB,CAAhC"}