@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/components/IconPicker.js

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

package/admin/components/IconPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconPickerLabel","css","marginBottom","marginLeft","MenuWrapper","NoResultWrapper","width","color","padding","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","backgroundColor","grid","pickIcon","searchInput","input","useState","React","useCallback","useMemo","IconPicker","value","onChange","label","description","validation","filter","setFilter","mustRenderGrid","setMustRenderGrid","inputRef","useRef","useEffect","setTimeout","current","focus","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 React, { useEffect, useRef } 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    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\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\nexport interface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\nexport const 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    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (mustRenderGrid && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }, 50);\n    }, [mustRenderGrid]);\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                                inputRef={inputRef}\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\n            <Menu\n                onOpen={() => setMustRenderGrid(true)}\n                onClose={() => setMustRenderGrid(false)}\n                handle={\n                    <div className={MenuWrapper}>\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    </div>\n                }\n            >\n                {mustRenderGrid && renderGrid}\n            </Menu>\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ModelFieldProvider/ModelFieldContext.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { CmsModelField } from "../../../types";
+export declare type ModelFieldContext = CmsModelField;
+export declare const ModelFieldContext: React.Context<{
+    id: string;
+    type: string;
+    fieldId: string;
+    storageId?: string | undefined;
+    label?: string | undefined;
+    helpText?: string | undefined;
+    placeholderText?: string | undefined;
+    validation?: import("../../../types").CmsModelFieldValidator[] | undefined;
+    listValidation?: import("../../../types").CmsModelFieldValidator[] | undefined;
+    multipleValues?: boolean | undefined;
+    predefinedValues?: import("../../../types").CmsEditorFieldPredefinedValues | undefined;
+    settings?: {
+        [key: string]: any;
+        defaultValue?: string | null | undefined;
+        defaultSetValue?: string | undefined;
+        type?: string | undefined;
+        fields?: any[] | undefined;
+        layout?: string[][] | undefined;
+        models?: Pick<import("../../../types").CmsModel, "name" | "modelId">[] | undefined;
+        templates?: import("../../../types").CmsDynamicZoneTemplate[] | undefined;
+        imagesOnly?: boolean | undefined;
+    } | undefined;
+    renderer: {
+        name: string;
+    };
+    tags?: string[] | undefined;
+} | undefined>;
+export interface ModelFieldProviderProps {
+    field: CmsModelField;
+    children: React.ReactNode;
+}
+export declare const ModelFieldProvider: ({ field, children }: ModelFieldProviderProps) => JSX.Element;

package/admin/components/ModelFieldProvider/ModelFieldContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModelFieldProvider = exports.ModelFieldContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var ModelFieldContext = /*#__PURE__*/_react.default.createContext(undefined);
+exports.ModelFieldContext = ModelFieldContext;
+var ModelFieldProvider = function ModelFieldProvider(_ref) {
+  var field = _ref.field,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(ModelFieldContext.Provider, {
+    value: field
+  }, children);
+};
+exports.ModelFieldProvider = ModelFieldProvider;

package/admin/components/ModelFieldProvider/ModelFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ModelFieldContext","React","createContext","undefined","ModelFieldProvider","field","children"],"sources":["ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\n\nexport type ModelFieldContext = CmsModelField;\n\nexport const ModelFieldContext = React.createContext<ModelFieldContext | undefined>(undefined);\n\nexport interface ModelFieldProviderProps {\n    field: CmsModelField;\n    children: React.ReactNode;\n}\n\nexport const ModelFieldProvider = ({ field, children }: ModelFieldProviderProps) => {\n    return <ModelFieldContext.Provider value={field}>{children}</ModelFieldContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA;AAKO,IAAMA,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAAC;AAOxF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAqD;EAAA,IAA/CC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EAChD,oBAAO,6BAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAED;EAAM,GAAEC,QAAQ,CAA8B;AAC5F,CAAC;AAAC"}

package/admin/components/ModelFieldProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ModelFieldContext";
+export * from "./useModelField";

package/admin/components/ModelFieldProvider/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ModelFieldContext = require("./ModelFieldContext");
+Object.keys(_ModelFieldContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModelFieldContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModelFieldContext[key];
+    }
+  });
+});
+var _useModelField = require("./useModelField");
+Object.keys(_useModelField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useModelField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useModelField[key];
+    }
+  });
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelFieldContext\";\nexport * from \"./useModelField\";\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/ModelFieldProvider/useModelField.d.ts

@@ -0,0 +1,35 @@
+import { CmsModelFieldTypePlugin } from "../../../types";
+/**
+ * Get model field from the current context.
+ */
+export declare function useModelField(): {
+    field: {
+        id: string;
+        type: string;
+        fieldId: string;
+        storageId?: string | undefined;
+        label?: string | undefined;
+        helpText?: string | undefined;
+        placeholderText?: string | undefined;
+        validation?: import("../../../types").CmsModelFieldValidator[] | undefined;
+        listValidation?: import("../../../types").CmsModelFieldValidator[] | undefined;
+        multipleValues?: boolean | undefined;
+        predefinedValues?: import("../../../types").CmsEditorFieldPredefinedValues | undefined;
+        settings?: {
+            [key: string]: any;
+            defaultValue?: string | null | undefined;
+            defaultSetValue?: string | undefined;
+            type?: string | undefined;
+            fields?: any[] | undefined;
+            layout?: string[][] | undefined;
+            models?: Pick<import("../../../types").CmsModel, "name" | "modelId">[] | undefined;
+            templates?: import("../../../types").CmsDynamicZoneTemplate[] | undefined;
+            imagesOnly?: boolean | undefined;
+        } | undefined;
+        renderer: {
+            name: string;
+        };
+        tags?: string[] | undefined;
+    };
+    fieldPlugin: CmsModelFieldTypePlugin;
+};

package/admin/components/ModelFieldProvider/useModelField.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModelField = useModelField;
+var _react = require("react");
+var _ModelFieldContext = require("./ModelFieldContext");
+var _plugins = require("@webiny/plugins");
+var getFieldPlugin = function getFieldPlugin(type) {
+  var plugin = _plugins.plugins.byType("cms-editor-field-type").find(function (plugin) {
+    return plugin.field.type === type;
+  });
+  if (!plugin) {
+    throw Error("Missing plugin for field type \"".concat(type, "\"!"));
+  }
+  return plugin;
+};
+
+/**
+ * Get model field from the current context.
+ */
+function useModelField() {
+  var field = (0, _react.useContext)(_ModelFieldContext.ModelFieldContext);
+  if (!field) {
+    throw Error("Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?");
+  }
+  var fieldPlugin = getFieldPlugin(field.type);
+  return {
+    field: field,
+    fieldPlugin: fieldPlugin
+  };
+}

package/admin/components/ModelFieldProvider/useModelField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getFieldPlugin","type","plugin","plugins","byType","find","field","Error","useModelField","useContext","ModelFieldContext","fieldPlugin"],"sources":["useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelFieldContext } from \"./ModelFieldContext\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\n\ninterface GetFieldPlugin {\n    (type: string): CmsModelFieldTypePlugin;\n}\n\nconst getFieldPlugin: GetFieldPlugin = type => {\n    const plugin = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .find(plugin => plugin.field.type === type);\n\n    if (!plugin) {\n        throw Error(`Missing plugin for field type \"${type}\"!`);\n    }\n\n    return plugin;\n};\n\n/**\n * Get model field from the current context.\n */\nexport function useModelField() {\n    const field = useContext(ModelFieldContext);\n    if (!field) {\n        throw Error(\n            `Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?`\n        );\n    }\n\n    const fieldPlugin = getFieldPlugin(field.type);\n\n    return { field, fieldPlugin };\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAOA,IAAMA,cAA8B,GAAG,SAAjCA,cAA8B,CAAGC,IAAI,EAAI;EAC3C,IAAMC,MAAM,GAAGC,gBAAO,CACjBC,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,IAAI,CAAC,UAAAH,MAAM;IAAA,OAAIA,MAAM,CAACI,KAAK,CAACL,IAAI,KAAKA,IAAI;EAAA,EAAC;EAE/C,IAAI,CAACC,MAAM,EAAE;IACT,MAAMK,KAAK,2CAAmCN,IAAI,SAAK;EAC3D;EAEA,OAAOC,MAAM;AACjB,CAAC;;AAED;AACA;AACA;AACO,SAASM,aAAa,GAAG;EAC5B,IAAMF,KAAK,GAAG,IAAAG,iBAAU,EAACC,oCAAiB,CAAC;EAC3C,IAAI,CAACJ,KAAK,EAAE;IACR,MAAMC,KAAK,wHAEV;EACL;EAEA,IAAMI,WAAW,GAAGX,cAAc,CAACM,KAAK,CAACL,IAAI,CAAC;EAE9C,OAAO;IAAEK,KAAK,EAALA,KAAK;IAAEK,WAAW,EAAXA;EAAY,CAAC;AACjC"}

package/admin/components/ModelProvider/ModelContext.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CmsModel } from "../../../types";
+export declare type ModelContext = CmsModel;
+export declare const ModelContext: React.Context<CmsModel | undefined>;
+export interface ModelProviderProps {
+    model: CmsModel;
+    children: React.ReactNode;
+}
+export declare const ModelProvider: ({ model, children }: ModelProviderProps) => JSX.Element;

package/admin/components/ModelProvider/ModelContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModelProvider = exports.ModelContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var ModelContext = /*#__PURE__*/_react.default.createContext(undefined);
+exports.ModelContext = ModelContext;
+var ModelProvider = function ModelProvider(_ref) {
+  var model = _ref.model,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(ModelContext.Provider, {
+    value: model
+  }, children);
+};
+exports.ModelProvider = ModelProvider;

package/admin/components/ModelProvider/ModelContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ModelContext","React","createContext","undefined","ModelProvider","model","children"],"sources":["ModelContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModel } from \"~/types\";\n\nexport type ModelContext = CmsModel;\n\nexport const ModelContext = React.createContext<ModelContext | undefined>(undefined);\n\nexport interface ModelProviderProps {\n    model: CmsModel;\n    children: React.ReactNode;\n}\n\nexport const ModelProvider = ({ model, children }: ModelProviderProps) => {\n    return <ModelContext.Provider value={model}>{children}</ModelContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA;AAKO,IAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAA2BC,SAAS,CAAC;AAAC;AAO9E,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAAgD;EAAA,IAA1CC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EAC3C,oBAAO,6BAAC,YAAY,CAAC,QAAQ;IAAC,KAAK,EAAED;EAAM,GAAEC,QAAQ,CAAyB;AAClF,CAAC;AAAC"}

package/admin/components/ModelProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ModelContext";
+export * from "./useModel";

package/admin/components/ModelProvider/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ModelContext = require("./ModelContext");
+Object.keys(_ModelContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModelContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModelContext[key];
+    }
+  });
+});
+var _useModel = require("./useModel");
+Object.keys(_useModel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useModel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useModel[key];
+    }
+  });
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelContext\";\nexport * from \"./useModel\";\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/ModelProvider/useModel.d.ts

@@ -0,0 +1,9 @@
+import { CmsModel } from "../../../types";
+declare type UseModelReturnType = {
+    model: CmsModel;
+};
+/**
+ * Get model from the current context.
+ */
+export declare function useModel(): UseModelReturnType;
+export {};

package/admin/components/ModelProvider/useModel.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModel = useModel;
+var _react = require("react");
+var _ModelContext = require("./ModelContext");
+/**
+ * Get model from the current context.
+ */
+function useModel() {
+  var model = (0, _react.useContext)(_ModelContext.ModelContext);
+  if (!model) {
+    throw Error("Missing \"ModelContext\" in the component tree. Are you using the \"useModel()\" hook in the right place?");
+  }
+  return {
+    model: model
+  };
+}

package/admin/components/ModelProvider/useModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useModel","model","useContext","ModelContext","Error"],"sources":["useModel.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelContext } from \"./ModelContext\";\nimport { CmsModel } from \"~/types\";\n\ntype UseModelReturnType = {\n    model: CmsModel;\n};\n\n/**\n * Get model from the current context.\n */\nexport function useModel(): UseModelReturnType {\n    const model = useContext(ModelContext);\n    if (!model) {\n        throw Error(\n            `Missing \"ModelContext\" in the component tree. Are you using the \"useModel()\" hook in the right place?`\n        );\n    }\n\n    return { model };\n}\n"],"mappings":";;;;;;AAAA;AACA;AAOA;AACA;AACA;AACO,SAASA,QAAQ,GAAuB;EAC3C,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAI,CAACF,KAAK,EAAE;IACR,MAAMG,KAAK,6GAEV;EACL;EAEA,OAAO;IAAEH,KAAK,EAALA;EAAM,CAAC;AACpB"}

package/admin/constants/statusLabels.d.ts

@@ -1,8 +1,2 @@
-declare const _default: {
-    draft: any;
-    published: any;
-    unpublished: any;
-    changesRequested: any;
-    reviewRequested: any;
-};
-export default _default;
+declare const statuses: Record<string, string>;
+export default statuses;

package/admin/constants/statusLabels.js

@@ -1,13 +1,18 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/content-entries/status");
-export default {
-  draft: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Draft"]))),
-  published: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Published"]))),
-  unpublished: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Unpublished"]))),
-  changesRequested: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Changes Requested"]))),
-  reviewRequested: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Review Requested"])))
-};
+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 _i18n = require("@webiny/app/i18n");
+var _templateObject, _templateObject2, _templateObject3;
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-entries/status");
+var statuses = {
+  draft: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Draft"]))),
+  published: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Published"]))),
+  unpublished: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Unpublished"])))
+};
+var _default = statuses;
+exports.default = _default;

package/admin/constants/statusLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","statuses","draft","published","unpublished"],"sources":["statusLabels.ts"],"sourcesContent":["import { i18n } from \"@webiny/app/i18n\";\nconst t = i18n.ns(\"app-headless-cms/admin/content-entries/status\");\n\nconst statuses: Record<string, string> = {\n    draft: t`Draft`,\n    published: t`Published`,\n    unpublished: t`Unpublished`\n};\nexport default statuses;\n"],"mappings":";;;;;;;;AAAA;AAAwC;AACxC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+CAA+C,CAAC;AAElE,IAAMC,QAAgC,GAAG;EACrCC,KAAK,EAAEJ,CAAC,wFAAO;EACfK,SAAS,EAAEL,CAAC,8FAAW;EACvBM,WAAW,EAAEN,CAAC;AAClB,CAAC;AAAC,eACaG,QAAQ;AAAA"}

package/admin/contexts/Cms/NetworkError.js

@@ -1,7 +1,12 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GET_ERROR = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject;
-
-import gql from "graphql-tag";
-var GET_ERROR = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    {\n        networkError\n    }\n"])));
-export { GET_ERROR };
+var GET_ERROR = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    {\n        networkError\n    }\n"])));
+exports.GET_ERROR = GET_ERROR;

package/admin/contexts/Cms/NetworkError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GET_ERROR","gql"],"sources":["NetworkError.tsx"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst GET_ERROR = gql`\n    {\n        networkError\n    }\n`;\n\nexport { GET_ERROR };\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAE9B,IAAMA,SAAS,OAAGC,mBAAG,0HAIpB;AAAC"}