@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/components/ContentModelEditor/ContentModelEditorProvider.js

@@ -1,88 +1,93 @@
-"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.contentModelEditorReducer = exports.contentModelEditorContext = exports.ContentModelEditorProvider = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _reactRouter = require("@webiny/react-router");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _contentModels = require("../../graphql/contentModels");
-var _viewsGraphql = require("../../viewsGraphql");
-var _ModelProvider = require("../ModelProvider");
-var contentModelEditorContext = exports.contentModelEditorContext = /*#__PURE__*/_react.default.createContext(undefined);
-var contentModelEditorReducer = exports.contentModelEditorReducer = function contentModelEditorReducer(prev, action) {
-  var data = action.data,
-    type = action.type;
+import React, { useCallback, useEffect, useMemo, useReducer } from "react";
+import get from "lodash/get.js";
+import pick from "lodash/pick.js";
+import { useSnackbar, useRouter } from "@webiny/app-admin";
+import { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from "../../graphql/contentModels.js";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
+import { ModelProvider } from "../ModelProvider/index.js";
+import { createHashing } from "@webiny/app/utils/index.js";
+import { Routes } from "../../../routes.js";
+export const contentModelEditorContext = /*#__PURE__*/React.createContext(undefined);
+export const contentModelEditorReducer = (prev, action) => {
+  const {
+    data,
+    type
+  } = action;
   switch (type) {
     case "state":
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), data);
+      return {
+        ...prev,
+        ...data
+      };
     case "data":
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+      return {
+        ...prev,
         data: data
-      });
+      };
     default:
       return prev;
   }
 };
+const hashModel = createHashing("SHA-256");
 
 /**
  * Cleanup is required because backend always expects string value in predefined values entries
  */
-var cleanupModelDataFields = function cleanupModelDataFields(fields) {
-  return fields.map(function (field) {
-    var predefinedValues = field.predefinedValues;
-    var _ref = predefinedValues || {},
-      _ref$enabled = _ref.enabled,
-      enabled = _ref$enabled === void 0 ? false : _ref$enabled,
-      _ref$values = _ref.values,
-      values = _ref$values === void 0 ? [] : _ref$values;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
+const cleanupModelDataFields = fields => {
+  return fields.map(field => {
+    const {
+      predefinedValues
+    } = field;
+    const {
+      enabled = false,
+      values = []
+    } = predefinedValues || {};
+    return {
+      ...field,
       predefinedValues: {
-        enabled: enabled,
-        values: values.map(function (_ref2) {
-          var label = _ref2.label,
-            value = _ref2.value,
-            selected = _ref2.selected;
+        enabled,
+        values: values.map(({
+          label,
+          value,
+          selected
+        }) => {
           return {
-            label: label,
+            label,
             selected: selected || false,
             value: String(value)
           };
         })
       }
-    });
+    };
   });
 };
-var cleanupModelData = function cleanupModelData(data) {
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+const cleanupModelData = data => {
+  return {
+    ...data,
     fields: cleanupModelDataFields(data.fields)
-  });
+  };
+};
+const createDefaultState = modelId => {
+  return {
+    modelId: modelId || null,
+    isPristine: true,
+    data: null,
+    activeTabIndex: 0
+  };
 };
-var ContentModelEditorProvider = exports.ContentModelEditorProvider = function ContentModelEditorProvider(_ref3) {
-  var children = _ref3.children,
-    apolloClient = _ref3.apolloClient,
-    modelId = _ref3.modelId;
-  var _useReducer = (0, _react.useReducer)(contentModelEditorReducer, {
-      modelId: modelId || null,
-      isPristine: true,
-      data: null,
-      activeTabIndex: 0
-    }),
-    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    history = _useRouter.history;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var setPristine = function setPristine(flag) {
+export const ContentModelEditorProvider = ({
+  children,
+  apolloClient,
+  modelId
+}) => {
+  const [state, dispatch] = useReducer(contentModelEditorReducer, createDefaultState(modelId));
+  const {
+    goToRoute
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const setPristine = flag => {
     dispatch({
       type: "state",
       data: {
@@ -90,19 +95,19 @@ var ContentModelEditorProvider = exports.ContentModelEditorProvider = function C
       }
     });
   };
-  var saveContentModel = async function saveContentModel(data) {
+  const saveContentModel = async data => {
     if (!data) {
       data = state.data;
     }
-    var modelData = (0, _pick.default)(data, ["group", "layout", "fields", "tags", "name", "settings", "description", "titleFieldId", "descriptionFieldId", "imageFieldId", "icon"]);
-    var response = await apolloClient.mutate({
-      mutation: _contentModels.UPDATE_CONTENT_MODEL,
+    const modelData = pick(data, ["group", "layout", "fields", "tags", "name", "settings", "description", "titleFieldId", "descriptionFieldId", "imageFieldId", "icon"]);
+    const response = await apolloClient.mutate({
+      mutation: UPDATE_CONTENT_MODEL,
       variables: {
         modelId: data.modelId,
         data: cleanupModelData(modelData)
       },
       refetchQueries: [{
-        query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS
+        query: LIST_MENU_CONTENT_GROUPS_MODELS
       }]
     });
     setPristine(true);
@@ -114,11 +119,11 @@ var ContentModelEditorProvider = exports.ContentModelEditorProvider = function C
     }
     return response.data.updateContentModel;
   };
-  var setActiveTabIndex = (0, _react.useCallback)(function (activeTabIndex) {
+  const setActiveTabIndex = useCallback(activeTabIndex => {
     dispatch({
       type: "state",
       data: {
-        activeTabIndex: activeTabIndex
+        activeTabIndex
       }
     });
   }, []);
@@ -127,67 +132,70 @@ var ContentModelEditorProvider = exports.ContentModelEditorProvider = function C
    * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.
    * Return new data once finished.
    */
-  var setData = async function setData(setter) {
-    var saveModel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const setData = async (setter, saveModel = false) => {
+    const data = setter(state.data);
+    const existingHash = await hashModel(state.data);
+    const newHash = await hashModel(data);
+    if (existingHash === newHash) {
+      return;
+    }
     setPristine(false);
-    var data = setter(state.data);
     dispatch({
       type: "data",
-      data: data
+      data
     });
     if (!saveModel) {
       return;
     }
     await saveContentModel(data);
   };
-  var getContentModel = async function getContentModel(modelId) {
-    var response = await apolloClient.query({
-      query: _contentModels.GET_CONTENT_MODEL,
+  const getContentModel = async modelId => {
+    const response = await apolloClient.query({
+      query: GET_CONTENT_MODEL,
       variables: {
-        modelId: modelId
+        modelId
       }
     });
-    var _get = (0, _get2.default)(response, "data.getContentModel"),
-      data = _get.data,
-      error = _get.error;
+    const {
+      data,
+      error
+    } = get(response, "data.getContentModel");
     if (error) {
       throw new Error(error.message);
     }
-    await setData(function () {
-      return data;
-    }, false);
+    await setData(() => data, false);
     setPristine(true);
     return response;
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!modelId) {
       return;
     }
-    getContentModel(modelId).catch(function () {
-      history.push("/cms/content-models");
-      showSnackbar("Could not load content model with given ID.");
+    getContentModel(modelId).catch(() => {
+      goToRoute(Routes.ContentModels.List);
+      showSnackbar(`Could not load content model with given ID.`);
     });
   }, [modelId]);
-  var value = (0, _react.useMemo)(function () {
-    return {
-      // Keeping `data` for compatibility
-      data: state.data,
-      contentModel: state.data,
-      modelId: modelId,
-      apolloClient: apolloClient,
-      dispatch: dispatch,
-      isPristine: state.isPristine,
-      getContentModel: getContentModel,
-      saveContentModel: saveContentModel,
-      setData: setData,
-      activeTabIndex: state.activeTabIndex,
-      setActiveTabIndex: setActiveTabIndex
-    };
-  }, [state, apolloClient]);
-  var Provider = contentModelEditorContext.Provider;
-  return /*#__PURE__*/_react.default.createElement(Provider, {
+  const value = useMemo(() => ({
+    // Keeping `data` for compatibility
+    data: state.data,
+    contentModel: state.data,
+    modelId,
+    apolloClient,
+    dispatch,
+    isPristine: state.isPristine,
+    getContentModel,
+    saveContentModel,
+    setData,
+    activeTabIndex: state.activeTabIndex,
+    setActiveTabIndex
+  }), [state, apolloClient]);
+  const {
+    Provider
+  } = contentModelEditorContext;
+  return /*#__PURE__*/React.createElement(Provider, {
     value: value
-  }, /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+  }, /*#__PURE__*/React.createElement(ModelProvider, {
     model: value.contentModel
   }, children));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get2","_interopRequireDefault","_pick","_reactRouter","_useSnackbar2","_contentModels","_viewsGraphql","_ModelProvider","contentModelEditorContext","exports","React","createContext","undefined","contentModelEditorReducer","prev","action","data","type","_objectSpread2","default","cleanupModelDataFields","fields","map","field","predefinedValues","_ref","_ref$enabled","enabled","_ref$values","values","_ref2","label","value","selected","String","cleanupModelData","ContentModelEditorProvider","_ref3","children","apolloClient","modelId","_useReducer","useReducer","isPristine","activeTabIndex","_useReducer2","_slicedToArray2","state","dispatch","_useRouter","useRouter","history","_useSnackbar","useSnackbar","showSnackbar","setPristine","flag","saveContentModel","modelData","pick","response","mutate","mutation","UPDATE_CONTENT_MODEL","variables","refetchQueries","query","LIST_MENU_CONTENT_GROUPS_MODELS","updateContentModel","error","setActiveTabIndex","useCallback","setData","setter","saveModel","arguments","length","getContentModel","GET_CONTENT_MODEL","_get","get","Error","message","useEffect","catch","push","useMemo","contentModel","Provider","createElement","ModelProvider","model"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport { ApolloClient } from \"apollo-client\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables,\n    UPDATE_CONTENT_MODEL,\n    UpdateCmsModelMutationResponse,\n    UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport { FetchResult } from \"apollo-link\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nexport interface ContentModelEditorProviderContext {\n    apolloClient: ApolloClient<any>;\n    data: CmsModel;\n    contentModel: CmsModel;\n    isPristine: boolean;\n    getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n    saveContentModel: (\n        data?: CmsModel\n    ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n    setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n    activeTabIndex: number;\n    setActiveTabIndex: (index: number) => void;\n}\n\nexport const contentModelEditorContext = React.createContext<\n    ContentModelEditorProviderContext | undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n    CmsModel,\n    \"layout\" | \"fields\" | \"name\" | \"settings\" | \"description\" | \"titleFieldId\" | \"group\"\n>;\ninterface State {\n    modelId: string | null;\n    isPristine: boolean;\n    data: CmsModel;\n    activeTabIndex: number;\n}\ninterface Action {\n    data: Partial<State> | Partial<CmsModel>;\n    type: \"state\" | \"data\";\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n    const { data, type } = action;\n    switch (type) {\n        case \"state\":\n            return { ...prev, ...data };\n\n        case \"data\":\n            return { ...prev, data: data as CmsModel };\n        default:\n            return prev;\n    }\n};\n\n/**\n * Cleanup is required because backend always expects string value in predefined values entries\n */\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n    return fields.map(field => {\n        const { predefinedValues } = field;\n        const { enabled = false, values = [] } = predefinedValues || {};\n        return {\n            ...field,\n            predefinedValues: {\n                enabled,\n                values: values.map(({ label, value, selected }) => {\n                    return {\n                        label,\n                        selected: selected || false,\n                        value: String(value)\n                    };\n                })\n            }\n        };\n    });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n    return {\n        ...data,\n        fields: cleanupModelDataFields(data.fields)\n    };\n};\n\ninterface ContentModelEditorProviderProps {\n    apolloClient: ApolloClient<any>;\n    modelId?: string;\n    children: React.ReactElement;\n}\n\nexport const ContentModelEditorProvider = ({\n    children,\n    apolloClient,\n    modelId\n}: ContentModelEditorProviderProps) => {\n    const [state, dispatch] = useReducer<Reducer>(contentModelEditorReducer, {\n        modelId: modelId || null,\n        isPristine: true,\n        data: null as unknown as CmsModel,\n        activeTabIndex: 0\n    });\n\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const setPristine = (flag: boolean): void => {\n        dispatch({ type: \"state\", data: { isPristine: flag } });\n    };\n\n    const saveContentModel = async (\n        data?: CmsModel\n    ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n        if (!data) {\n            data = state.data;\n        }\n        const modelData: PickedCmsModel = pick(data, [\n            \"group\",\n            \"layout\",\n            \"fields\",\n            \"tags\",\n            \"name\",\n            \"settings\",\n            \"description\",\n            \"titleFieldId\",\n            \"descriptionFieldId\",\n            \"imageFieldId\",\n            \"icon\"\n        ]);\n        const response = await apolloClient.mutate<\n            UpdateCmsModelMutationResponse,\n            UpdateCmsModelMutationVariables\n        >({\n            mutation: UPDATE_CONTENT_MODEL,\n            variables: {\n                modelId: data.modelId,\n                data: cleanupModelData(modelData)\n            },\n            refetchQueries: [\n                {\n                    query: LIST_MENU_CONTENT_GROUPS_MODELS\n                }\n            ]\n        });\n\n        setPristine(true);\n\n        if (!response.data || !response.data.updateContentModel) {\n            return {\n                data: null,\n                error: null\n            };\n        }\n\n        return response.data.updateContentModel;\n    };\n\n    const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n        dispatch({ type: \"state\", data: { activeTabIndex } });\n    }, []);\n\n    /**\n     * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n     * Return new data once finished.\n     */\n    const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n        setPristine(false);\n        const data = setter(state.data);\n        dispatch({ type: \"data\", data });\n        if (!saveModel) {\n            return;\n        }\n        await saveContentModel(data);\n    };\n\n    const getContentModel = async (\n        modelId: string\n    ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n        const response = await apolloClient.query<\n            GetCmsModelQueryResponse,\n            GetCmsModelQueryVariables\n        >({\n            query: GET_CONTENT_MODEL,\n            variables: {\n                modelId\n            }\n        });\n\n        const { data, error } = get(response, \"data.getContentModel\");\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        await setData(() => data, false);\n        setPristine(true);\n        return response;\n    };\n\n    useEffect(() => {\n        if (!modelId) {\n            return;\n        }\n        getContentModel(modelId).catch(() => {\n            history.push(`/cms/content-models`);\n            showSnackbar(`Could not load content model with given ID.`);\n        });\n    }, [modelId]);\n\n    const value = useMemo<ContentModelEditorProviderContext>(\n        () => ({\n            // Keeping `data` for compatibility\n            data: state.data,\n            contentModel: state.data,\n            modelId,\n            apolloClient,\n            dispatch,\n            isPristine: state.isPristine,\n            getContentModel,\n            saveContentModel,\n            setData,\n            activeTabIndex: state.activeTabIndex,\n            setActiveTabIndex\n        }),\n        [state, apolloClient]\n    );\n\n    const { Provider } = contentModelEditorContext;\n\n    return (\n        <Provider value={value}>\n            <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n        </Provider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useReducer","get","pick","useSnackbar","useRouter","GET_CONTENT_MODEL","UPDATE_CONTENT_MODEL","LIST_MENU_CONTENT_GROUPS_MODELS","ModelProvider","createHashing","Routes","contentModelEditorContext","createContext","undefined","contentModelEditorReducer","prev","action","data","type","hashModel","cleanupModelDataFields","fields","map","field","predefinedValues","enabled","values","label","value","selected","String","cleanupModelData","createDefaultState","modelId","isPristine","activeTabIndex","ContentModelEditorProvider","children","apolloClient","state","dispatch","goToRoute","showSnackbar","setPristine","flag","saveContentModel","modelData","response","mutate","mutation","variables","refetchQueries","query","updateContentModel","error","setActiveTabIndex","setData","setter","saveModel","existingHash","newHash","getContentModel","Error","message","catch","ContentModels","List","contentModel","Provider","createElement","model"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport get from \"lodash/get.js\";\nimport pick from \"lodash/pick.js\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { useSnackbar, useRouter } from \"@webiny/app-admin\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables,\n    UpdateCmsModelMutationResponse,\n    UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport type { FetchResult } from \"apollo-link\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { createHashing } from \"@webiny/app/utils/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nexport interface ContentModelEditorProviderContext {\n    apolloClient: ApolloClient<any>;\n    data: CmsModel;\n    contentModel: CmsModel;\n    isPristine: boolean;\n    getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n    saveContentModel: (\n        data?: CmsModel\n    ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n    setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n    activeTabIndex: number;\n    setActiveTabIndex: (index: number) => void;\n}\n\nexport const contentModelEditorContext = React.createContext<\n    ContentModelEditorProviderContext | undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n    CmsModel,\n    \"layout\" | \"fields\" | \"name\" | \"settings\" | \"description\" | \"titleFieldId\" | \"group\"\n>;\ninterface State {\n    modelId: string | null;\n    isPristine: boolean;\n    data: CmsModel;\n    activeTabIndex: number;\n}\ninterface Action {\n    data: Partial<State> | Partial<CmsModel>;\n    type: \"state\" | \"data\";\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n    const { data, type } = action;\n    switch (type) {\n        case \"state\":\n            return { ...prev, ...data };\n\n        case \"data\":\n            return { ...prev, data: data as CmsModel };\n        default:\n            return prev;\n    }\n};\n\nconst hashModel = createHashing(\"SHA-256\");\n\n/**\n * Cleanup is required because backend always expects string value in predefined values entries\n */\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n    return fields.map(field => {\n        const { predefinedValues } = field;\n        const { enabled = false, values = [] } = predefinedValues || {};\n        return {\n            ...field,\n            predefinedValues: {\n                enabled,\n                values: values.map(({ label, value, selected }) => {\n                    return {\n                        label,\n                        selected: selected || false,\n                        value: String(value)\n                    };\n                })\n            }\n        };\n    });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n    return {\n        ...data,\n        fields: cleanupModelDataFields(data.fields)\n    };\n};\n\ninterface ContentModelEditorProviderProps {\n    apolloClient: ApolloClient<any>;\n    modelId?: string;\n    children: React.ReactElement;\n}\n\nconst createDefaultState = (modelId?: string): State => {\n    return {\n        modelId: modelId || null,\n        isPristine: true,\n        data: null as unknown as CmsModel,\n        activeTabIndex: 0\n    };\n};\n\nexport const ContentModelEditorProvider = ({\n    children,\n    apolloClient,\n    modelId\n}: ContentModelEditorProviderProps) => {\n    const [state, dispatch] = useReducer(contentModelEditorReducer, createDefaultState(modelId));\n\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const setPristine = (flag: boolean): void => {\n        dispatch({ type: \"state\", data: { isPristine: flag } });\n    };\n\n    const saveContentModel = async (\n        data?: CmsModel\n    ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n        if (!data) {\n            data = state.data;\n        }\n        const modelData: PickedCmsModel = pick(data, [\n            \"group\",\n            \"layout\",\n            \"fields\",\n            \"tags\",\n            \"name\",\n            \"settings\",\n            \"description\",\n            \"titleFieldId\",\n            \"descriptionFieldId\",\n            \"imageFieldId\",\n            \"icon\"\n        ]);\n        const response = await apolloClient.mutate<\n            UpdateCmsModelMutationResponse,\n            UpdateCmsModelMutationVariables\n        >({\n            mutation: UPDATE_CONTENT_MODEL,\n            variables: {\n                modelId: data.modelId,\n                data: cleanupModelData(modelData)\n            },\n            refetchQueries: [\n                {\n                    query: LIST_MENU_CONTENT_GROUPS_MODELS\n                }\n            ]\n        });\n\n        setPristine(true);\n\n        if (!response.data || !response.data.updateContentModel) {\n            return {\n                data: null,\n                error: null\n            };\n        }\n\n        return response.data.updateContentModel;\n    };\n\n    const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n        dispatch({ type: \"state\", data: { activeTabIndex } });\n    }, []);\n\n    /**\n     * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n     * Return new data once finished.\n     */\n    const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n        const data = setter(state.data);\n        const existingHash = await hashModel(state.data);\n        const newHash = await hashModel(data);\n        if (existingHash === newHash) {\n            return;\n        }\n        setPristine(false);\n        dispatch({ type: \"data\", data });\n        if (!saveModel) {\n            return;\n        }\n        await saveContentModel(data);\n    };\n\n    const getContentModel = async (\n        modelId: string\n    ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n        const response = await apolloClient.query<\n            GetCmsModelQueryResponse,\n            GetCmsModelQueryVariables\n        >({\n            query: GET_CONTENT_MODEL,\n            variables: {\n                modelId\n            }\n        });\n\n        const { data, error } = get(response, \"data.getContentModel\");\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        await setData(() => data, false);\n\n        setPristine(true);\n        return response;\n    };\n\n    useEffect(() => {\n        if (!modelId) {\n            return;\n        }\n        getContentModel(modelId).catch(() => {\n            goToRoute(Routes.ContentModels.List);\n            showSnackbar(`Could not load content model with given ID.`);\n        });\n    }, [modelId]);\n\n    const value = useMemo<ContentModelEditorProviderContext>(\n        () => ({\n            // Keeping `data` for compatibility\n            data: state.data,\n            contentModel: state.data,\n            modelId,\n            apolloClient,\n            dispatch,\n            isPristine: state.isPristine,\n            getContentModel,\n            saveContentModel,\n            setData,\n            activeTabIndex: state.activeTabIndex,\n            setActiveTabIndex\n        }),\n        [state, apolloClient]\n    );\n\n    const { Provider } = contentModelEditorContext;\n\n    return (\n        <Provider value={value}>\n            <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n        </Provider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ContentModelEditor/FieldsSidebar.d.ts

@@ -1,4 +1,5 @@
-import React, { DragEventHandler } from "react";
+import type { DragEventHandler } from "react";
+import React from "react";
 interface FieldsSidebarProps {
     onFieldDragStart: DragEventHandler;
 }

package/admin/components/ContentModelEditor/FieldsSidebar.js

@@ -1,122 +1,52 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldsSidebar = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _plugins = require("@webiny/plugins");
-var _Icon = require("@webiny/ui/Icon");
-var _Draggable = _interopRequireDefault(require("../Draggable"));
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var FieldContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s2p6i04"
-} : {
-  target: "e1s2p6i04",
-  label: "FieldContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ky1bsb",
-  styles: "padding:10px 15px;margin-bottom:20px;display:flex;width:100%;background-color:var(--mdc-theme-on-background);border-radius:15px;box-sizing:border-box;cursor:grab;opacity:1;transition:opacity 225ms;&:hover{opacity:0.8;}&:last-child{margin-bottom:0;}"
-} : {
-  name: "ky1bsb",
-  styles: "padding:10px 15px;margin-bottom:20px;display:flex;width:100%;background-color:var(--mdc-theme-on-background);border-radius:15px;box-sizing:border-box;cursor:grab;opacity:1;transition:opacity 225ms;&:hover{opacity:0.8;}&:last-child{margin-bottom:0;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU91QiIsImZpbGUiOiJGaWVsZHNTaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBEcmFnRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBwbHVnaW5zIH0gZnJvbSBcIkB3ZWJpbnkvcGx1Z2luc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuaW1wb3J0IERyYWdnYWJsZSBmcm9tIFwiLi4vRHJhZ2dhYmxlXCI7XG5pbXBvcnQgeyBDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5cbmNvbnN0IEZpZWxkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiBcIjEwcHggMTVweFwiLFxuICAgIG1hcmdpbkJvdHRvbTogMjAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDE1LFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBcImdyYWJcIixcbiAgICBvcGFjaXR5OiAxLFxuICAgIHRyYW5zaXRpb246IFwib3BhY2l0eSAyMjVtc1wiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuOFxuICAgIH0sXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBtYXJnaW5Cb3R0b206IDBcbiAgICB9XG59KTtcblxuY29uc3QgRmlsZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5jb25zdCBGaWVsZExhYmVsID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTQ1JVwiLFxuICAgIGZvbnRGYW1pbHk6IFwidmFyKC0tbWRjLXR5cG9ncmFwaHktZm9udC1mYW1pbHkpXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbn0pO1xuXG5jb25zdCBGaWVsZERlc2NyaXB0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmb250U2l6ZTogMTQsXG4gICAgZm9udEZhbWlseTogXCJ2YXIoLS1tZGMtdHlwb2dyYXBoeS1mb250LWZhbWlseSlcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIlxufSk7XG5cbmNvbnN0IEZpZWxkSGFuZGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBtYXJnaW5SaWdodDogMTUsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbn0pO1xuXG5pbnRlcmZhY2UgRmllbGRQcm9wcyB7XG4gICAgb25GaWVsZERyYWdTdGFydDogRHJhZ0V2ZW50SGFuZGxlcjtcbiAgICBmaWVsZFR5cGU6IENtc01vZGVsRmllbGRUeXBlUGx1Z2luW1wiZmllbGRcIl07XG59XG5cbmNvbnN0IEZpZWxkID0gKHByb3BzOiBGaWVsZFByb3BzKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICBvbkZpZWxkRHJhZ1N0YXJ0LFxuICAgICAgICBmaWVsZFR5cGU6IHsgdHlwZSwgbGFiZWwsIGljb24sIGRlc2NyaXB0aW9uIH1cbiAgICB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERyYWdnYWJsZSBiZWdpbkRyYWc9e3sgdHlwZTogXCJuZXdGaWVsZFwiLCBmaWVsZFR5cGU6IHR5cGUgfX0+XG4gICAgICAgICAgICB7KHsgZHJhZyB9KSA9PiAoXG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICByZWY9e2RyYWd9XG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG1hcmdpbkJvdHRvbTogMTAgfX1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2BjbXMtZWRpdG9yLWZpZWxkcy1maWVsZC0ke3R5cGV9YH1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnU3RhcnQ9e29uRmllbGREcmFnU3RhcnR9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8RmllbGRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRIYW5kbGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gaWNvbj17aWNvbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkSGFuZGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEZpbGVJbmZvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZExhYmVsPntsYWJlbH08L0ZpZWxkTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkRGVzY3JpcHRpb24+e2Rlc2NyaXB0aW9ufTwvRmllbGREZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRmlsZUluZm8+XG4gICAgICAgICAgICAgICAgICAgIDwvRmllbGRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L0RyYWdnYWJsZT5cbiAgICApO1xufTtcblxuaW50ZXJmYWNlIEZpZWxkc1NpZGViYXJQcm9wcyB7XG4gICAgb25GaWVsZERyYWdTdGFydDogRHJhZ0V2ZW50SGFuZGxlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEZpZWxkc1NpZGViYXIgPSAoeyBvbkZpZWxkRHJhZ1N0YXJ0IH06IEZpZWxkc1NpZGViYXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IGZpZWxkVHlwZVBsdWdpbiA9IHBsdWdpbnMuYnlUeXBlPENtc01vZGVsRmllbGRUeXBlUGx1Z2luPihcImNtcy1lZGl0b3ItZmllbGQtdHlwZVwiKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgIHtmaWVsZFR5cGVQbHVnaW4ubWFwKGZpZWxkUGx1Z2luID0+IChcbiAgICAgICAgICAgICAgICA8RmllbGRcbiAgICAgICAgICAgICAgICAgICAga2V5PXtmaWVsZFBsdWdpbi5maWVsZC50eXBlfVxuICAgICAgICAgICAgICAgICAgICBmaWVsZFR5cGU9e2ZpZWxkUGx1Z2luLmZpZWxkfVxuICAgICAgICAgICAgICAgICAgICBvbkZpZWxkRHJhZ1N0YXJ0PXtvbkZpZWxkRHJhZ1N0YXJ0fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FileInfo = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s2p6i03"
-} : {
-  target: "e1s2p6i03",
-  label: "FileInfo"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCaUIiLCJmaWxlIjoiRmllbGRzU2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRHJhZ0V2ZW50SGFuZGxlciB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgcGx1Z2lucyB9IGZyb20gXCJAd2ViaW55L3BsdWdpbnNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCJAd2ViaW55L3VpL0ljb25cIjtcbmltcG9ydCBEcmFnZ2FibGUgZnJvbSBcIi4uL0RyYWdnYWJsZVwiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZFR5cGVQbHVnaW4gfSBmcm9tIFwifi90eXBlc1wiO1xuXG5jb25zdCBGaWVsZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogXCIxMHB4IDE1cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IDIwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAxNSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGN1cnNvcjogXCJncmFiXCIsXG4gICAgb3BhY2l0eTogMSxcbiAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMjI1bXNcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjhcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiAwXG4gICAgfVxufSk7XG5cbmNvbnN0IEZpbGVJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjE0NSVcIixcbiAgICBmb250RmFtaWx5OiBcInZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KVwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuY29uc3QgRmllbGREZXNjcmlwdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFNpemU6IDE0LFxuICAgIGZvbnRGYW1pbHk6IFwidmFyKC0tbWRjLXR5cG9ncmFwaHktZm9udC1mYW1pbHkpXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5jb25zdCBGaWVsZEhhbmRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgbWFyZ2luUmlnaHQ6IDE1LFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuaW50ZXJmYWNlIEZpZWxkUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG4gICAgZmllbGRUeXBlOiBDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbltcImZpZWxkXCJdO1xufVxuXG5jb25zdCBGaWVsZCA9IChwcm9wczogRmllbGRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgICAgb25GaWVsZERyYWdTdGFydCxcbiAgICAgICAgZmllbGRUeXBlOiB7IHR5cGUsIGxhYmVsLCBpY29uLCBkZXNjcmlwdGlvbiB9XG4gICAgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEcmFnZ2FibGUgYmVnaW5EcmFnPXt7IHR5cGU6IFwibmV3RmllbGRcIiwgZmllbGRUeXBlOiB0eXBlIH19PlxuICAgICAgICAgICAgeyh7IGRyYWcgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtkcmFnfVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBtYXJnaW5Cb3R0b206IDEwIH19XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgY21zLWVkaXRvci1maWVsZHMtZmllbGQtJHt0eXBlfWB9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJhZ1N0YXJ0PXtvbkZpZWxkRHJhZ1N0YXJ0fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPEZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkSGFuZGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIGljb249e2ljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZEhhbmRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlSW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRMYWJlbD57bGFiZWx9PC9GaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZERlc2NyaXB0aW9uPntkZXNjcmlwdGlvbn08L0ZpZWxkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZpbGVJbmZvPlxuICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9EcmFnZ2FibGU+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBGaWVsZHNTaWRlYmFyUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNTaWRlYmFyID0gKHsgb25GaWVsZERyYWdTdGFydCB9OiBGaWVsZHNTaWRlYmFyUHJvcHMpID0+IHtcbiAgICBjb25zdCBmaWVsZFR5cGVQbHVnaW4gPSBwbHVnaW5zLmJ5VHlwZTxDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbj4oXCJjbXMtZWRpdG9yLWZpZWxkLXR5cGVcIik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICB7ZmllbGRUeXBlUGx1Z2luLm1hcChmaWVsZFBsdWdpbiA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkXG4gICAgICAgICAgICAgICAgICAgIGtleT17ZmllbGRQbHVnaW4uZmllbGQudHlwZX1cbiAgICAgICAgICAgICAgICAgICAgZmllbGRUeXBlPXtmaWVsZFBsdWdpbi5maWVsZH1cbiAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17b25GaWVsZERyYWdTdGFydH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FieldLabel = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s2p6i02"
-} : {
-  target: "e1s2p6i02",
-  label: "FieldLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1mgtvsm",
-  styles: "text-transform:uppercase;line-height:145%;font-family:var(--mdc-typography-font-family);color:var(--mdc-theme-on-surface)"
-} : {
-  name: "1mgtvsm",
-  styles: "text-transform:uppercase;line-height:145%;font-family:var(--mdc-typography-font-family);color:var(--mdc-theme-on-surface)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCbUIiLCJmaWxlIjoiRmllbGRzU2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRHJhZ0V2ZW50SGFuZGxlciB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgcGx1Z2lucyB9IGZyb20gXCJAd2ViaW55L3BsdWdpbnNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCJAd2ViaW55L3VpL0ljb25cIjtcbmltcG9ydCBEcmFnZ2FibGUgZnJvbSBcIi4uL0RyYWdnYWJsZVwiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZFR5cGVQbHVnaW4gfSBmcm9tIFwifi90eXBlc1wiO1xuXG5jb25zdCBGaWVsZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogXCIxMHB4IDE1cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IDIwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAxNSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGN1cnNvcjogXCJncmFiXCIsXG4gICAgb3BhY2l0eTogMSxcbiAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMjI1bXNcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjhcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiAwXG4gICAgfVxufSk7XG5cbmNvbnN0IEZpbGVJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjE0NSVcIixcbiAgICBmb250RmFtaWx5OiBcInZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KVwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuY29uc3QgRmllbGREZXNjcmlwdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFNpemU6IDE0LFxuICAgIGZvbnRGYW1pbHk6IFwidmFyKC0tbWRjLXR5cG9ncmFwaHktZm9udC1mYW1pbHkpXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5jb25zdCBGaWVsZEhhbmRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgbWFyZ2luUmlnaHQ6IDE1LFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuaW50ZXJmYWNlIEZpZWxkUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG4gICAgZmllbGRUeXBlOiBDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbltcImZpZWxkXCJdO1xufVxuXG5jb25zdCBGaWVsZCA9IChwcm9wczogRmllbGRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgICAgb25GaWVsZERyYWdTdGFydCxcbiAgICAgICAgZmllbGRUeXBlOiB7IHR5cGUsIGxhYmVsLCBpY29uLCBkZXNjcmlwdGlvbiB9XG4gICAgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEcmFnZ2FibGUgYmVnaW5EcmFnPXt7IHR5cGU6IFwibmV3RmllbGRcIiwgZmllbGRUeXBlOiB0eXBlIH19PlxuICAgICAgICAgICAgeyh7IGRyYWcgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtkcmFnfVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBtYXJnaW5Cb3R0b206IDEwIH19XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgY21zLWVkaXRvci1maWVsZHMtZmllbGQtJHt0eXBlfWB9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJhZ1N0YXJ0PXtvbkZpZWxkRHJhZ1N0YXJ0fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPEZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkSGFuZGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIGljb249e2ljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZEhhbmRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlSW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRMYWJlbD57bGFiZWx9PC9GaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZERlc2NyaXB0aW9uPntkZXNjcmlwdGlvbn08L0ZpZWxkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZpbGVJbmZvPlxuICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9EcmFnZ2FibGU+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBGaWVsZHNTaWRlYmFyUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNTaWRlYmFyID0gKHsgb25GaWVsZERyYWdTdGFydCB9OiBGaWVsZHNTaWRlYmFyUHJvcHMpID0+IHtcbiAgICBjb25zdCBmaWVsZFR5cGVQbHVnaW4gPSBwbHVnaW5zLmJ5VHlwZTxDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbj4oXCJjbXMtZWRpdG9yLWZpZWxkLXR5cGVcIik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICB7ZmllbGRUeXBlUGx1Z2luLm1hcChmaWVsZFBsdWdpbiA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkXG4gICAgICAgICAgICAgICAgICAgIGtleT17ZmllbGRQbHVnaW4uZmllbGQudHlwZX1cbiAgICAgICAgICAgICAgICAgICAgZmllbGRUeXBlPXtmaWVsZFBsdWdpbi5maWVsZH1cbiAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17b25GaWVsZERyYWdTdGFydH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FieldDescription = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s2p6i01"
-} : {
-  target: "e1s2p6i01",
-  label: "FieldDescription"
-})(process.env.NODE_ENV === "production" ? {
-  name: "dibsmm",
-  styles: "font-size:14px;font-family:var(--mdc-typography-font-family);color:var(--mdc-theme-text-secondary-on-background)"
-} : {
-  name: "dibsmm",
-  styles: "font-size:14px;font-family:var(--mdc-typography-font-family);color:var(--mdc-theme-text-secondary-on-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DeUIiLCJmaWxlIjoiRmllbGRzU2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRHJhZ0V2ZW50SGFuZGxlciB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgcGx1Z2lucyB9IGZyb20gXCJAd2ViaW55L3BsdWdpbnNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCJAd2ViaW55L3VpL0ljb25cIjtcbmltcG9ydCBEcmFnZ2FibGUgZnJvbSBcIi4uL0RyYWdnYWJsZVwiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZFR5cGVQbHVnaW4gfSBmcm9tIFwifi90eXBlc1wiO1xuXG5jb25zdCBGaWVsZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogXCIxMHB4IDE1cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IDIwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAxNSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGN1cnNvcjogXCJncmFiXCIsXG4gICAgb3BhY2l0eTogMSxcbiAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMjI1bXNcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjhcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiAwXG4gICAgfVxufSk7XG5cbmNvbnN0IEZpbGVJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjE0NSVcIixcbiAgICBmb250RmFtaWx5OiBcInZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KVwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuY29uc3QgRmllbGREZXNjcmlwdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFNpemU6IDE0LFxuICAgIGZvbnRGYW1pbHk6IFwidmFyKC0tbWRjLXR5cG9ncmFwaHktZm9udC1mYW1pbHkpXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5jb25zdCBGaWVsZEhhbmRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgbWFyZ2luUmlnaHQ6IDE1LFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuaW50ZXJmYWNlIEZpZWxkUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG4gICAgZmllbGRUeXBlOiBDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbltcImZpZWxkXCJdO1xufVxuXG5jb25zdCBGaWVsZCA9IChwcm9wczogRmllbGRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgICAgb25GaWVsZERyYWdTdGFydCxcbiAgICAgICAgZmllbGRUeXBlOiB7IHR5cGUsIGxhYmVsLCBpY29uLCBkZXNjcmlwdGlvbiB9XG4gICAgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEcmFnZ2FibGUgYmVnaW5EcmFnPXt7IHR5cGU6IFwibmV3RmllbGRcIiwgZmllbGRUeXBlOiB0eXBlIH19PlxuICAgICAgICAgICAgeyh7IGRyYWcgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtkcmFnfVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBtYXJnaW5Cb3R0b206IDEwIH19XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgY21zLWVkaXRvci1maWVsZHMtZmllbGQtJHt0eXBlfWB9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJhZ1N0YXJ0PXtvbkZpZWxkRHJhZ1N0YXJ0fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPEZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkSGFuZGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIGljb249e2ljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZEhhbmRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlSW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRMYWJlbD57bGFiZWx9PC9GaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZERlc2NyaXB0aW9uPntkZXNjcmlwdGlvbn08L0ZpZWxkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZpbGVJbmZvPlxuICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9EcmFnZ2FibGU+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBGaWVsZHNTaWRlYmFyUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNTaWRlYmFyID0gKHsgb25GaWVsZERyYWdTdGFydCB9OiBGaWVsZHNTaWRlYmFyUHJvcHMpID0+IHtcbiAgICBjb25zdCBmaWVsZFR5cGVQbHVnaW4gPSBwbHVnaW5zLmJ5VHlwZTxDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbj4oXCJjbXMtZWRpdG9yLWZpZWxkLXR5cGVcIik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICB7ZmllbGRUeXBlUGx1Z2luLm1hcChmaWVsZFBsdWdpbiA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkXG4gICAgICAgICAgICAgICAgICAgIGtleT17ZmllbGRQbHVnaW4uZmllbGQudHlwZX1cbiAgICAgICAgICAgICAgICAgICAgZmllbGRUeXBlPXtmaWVsZFBsdWdpbi5maWVsZH1cbiAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17b25GaWVsZERyYWdTdGFydH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FieldHandle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s2p6i00"
-} : {
-  target: "e1s2p6i00",
-  label: "FieldHandle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1r672mj",
-  styles: "margin-right:15px;color:var(--mdc-theme-on-surface)"
-} : {
-  name: "1r672mj",
-  styles: "margin-right:15px;color:var(--mdc-theme-on-surface)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDb0IiLCJmaWxlIjoiRmllbGRzU2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRHJhZ0V2ZW50SGFuZGxlciB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgcGx1Z2lucyB9IGZyb20gXCJAd2ViaW55L3BsdWdpbnNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCJAd2ViaW55L3VpL0ljb25cIjtcbmltcG9ydCBEcmFnZ2FibGUgZnJvbSBcIi4uL0RyYWdnYWJsZVwiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZFR5cGVQbHVnaW4gfSBmcm9tIFwifi90eXBlc1wiO1xuXG5jb25zdCBGaWVsZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogXCIxMHB4IDE1cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IDIwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAxNSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGN1cnNvcjogXCJncmFiXCIsXG4gICAgb3BhY2l0eTogMSxcbiAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMjI1bXNcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjhcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiAwXG4gICAgfVxufSk7XG5cbmNvbnN0IEZpbGVJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjE0NSVcIixcbiAgICBmb250RmFtaWx5OiBcInZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KVwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuY29uc3QgRmllbGREZXNjcmlwdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFNpemU6IDE0LFxuICAgIGZvbnRGYW1pbHk6IFwidmFyKC0tbWRjLXR5cG9ncmFwaHktZm9udC1mYW1pbHkpXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5jb25zdCBGaWVsZEhhbmRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgbWFyZ2luUmlnaHQ6IDE1LFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuaW50ZXJmYWNlIEZpZWxkUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG4gICAgZmllbGRUeXBlOiBDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbltcImZpZWxkXCJdO1xufVxuXG5jb25zdCBGaWVsZCA9IChwcm9wczogRmllbGRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgICAgb25GaWVsZERyYWdTdGFydCxcbiAgICAgICAgZmllbGRUeXBlOiB7IHR5cGUsIGxhYmVsLCBpY29uLCBkZXNjcmlwdGlvbiB9XG4gICAgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEcmFnZ2FibGUgYmVnaW5EcmFnPXt7IHR5cGU6IFwibmV3RmllbGRcIiwgZmllbGRUeXBlOiB0eXBlIH19PlxuICAgICAgICAgICAgeyh7IGRyYWcgfSkgPT4gKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtkcmFnfVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBtYXJnaW5Cb3R0b206IDEwIH19XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgY21zLWVkaXRvci1maWVsZHMtZmllbGQtJHt0eXBlfWB9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJhZ1N0YXJ0PXtvbkZpZWxkRHJhZ1N0YXJ0fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPEZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkSGFuZGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIGljb249e2ljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZEhhbmRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlSW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRMYWJlbD57bGFiZWx9PC9GaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZERlc2NyaXB0aW9uPntkZXNjcmlwdGlvbn08L0ZpZWxkRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZpbGVJbmZvPlxuICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9EcmFnZ2FibGU+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBGaWVsZHNTaWRlYmFyUHJvcHMge1xuICAgIG9uRmllbGREcmFnU3RhcnQ6IERyYWdFdmVudEhhbmRsZXI7XG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNTaWRlYmFyID0gKHsgb25GaWVsZERyYWdTdGFydCB9OiBGaWVsZHNTaWRlYmFyUHJvcHMpID0+IHtcbiAgICBjb25zdCBmaWVsZFR5cGVQbHVnaW4gPSBwbHVnaW5zLmJ5VHlwZTxDbXNNb2RlbEZpZWxkVHlwZVBsdWdpbj4oXCJjbXMtZWRpdG9yLWZpZWxkLXR5cGVcIik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICB7ZmllbGRUeXBlUGx1Z2luLm1hcChmaWVsZFBsdWdpbiA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkXG4gICAgICAgICAgICAgICAgICAgIGtleT17ZmllbGRQbHVnaW4uZmllbGQudHlwZX1cbiAgICAgICAgICAgICAgICAgICAgZmllbGRUeXBlPXtmaWVsZFBsdWdpbi5maWVsZH1cbiAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17b25GaWVsZERyYWdTdGFydH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Field = function Field(props) {
-  var onFieldDragStart = props.onFieldDragStart,
-    _props$fieldType = props.fieldType,
-    type = _props$fieldType.type,
-    label = _props$fieldType.label,
-    icon = _props$fieldType.icon,
-    description = _props$fieldType.description;
-  return /*#__PURE__*/_react.default.createElement(_Draggable.default, {
+import React from "react";
+import { plugins } from "@webiny/plugins";
+import Draggable from "../Draggable.js";
+import { Heading, Icon, Text } from "@webiny/admin-ui";
+const Field = props => {
+  const {
+    onFieldDragStart,
+    fieldType: {
+      type,
+      label,
+      icon,
+      description
+    }
+  } = props;
+  return /*#__PURE__*/React.createElement(Draggable, {
     beginDrag: {
       type: "newField",
       fieldType: type
     }
-  }, function (_ref) {
-    var drag = _ref.drag;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: drag,
-      style: {
-        marginBottom: 10
-      },
-      "data-testid": "cms-editor-fields-field-".concat(type),
-      onDragStart: onFieldDragStart
-    }, /*#__PURE__*/_react.default.createElement(FieldContainer, null, /*#__PURE__*/_react.default.createElement(FieldHandle, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: icon
-    })), /*#__PURE__*/_react.default.createElement(FileInfo, null, /*#__PURE__*/_react.default.createElement(FieldLabel, null, label), /*#__PURE__*/_react.default.createElement(FieldDescription, null, description))));
-  });
+  }, ({
+    drag
+  }) => /*#__PURE__*/React.createElement("div", {
+    ref: drag,
+    "data-testid": `cms-editor-fields-field-${type}`,
+    onDragStart: onFieldDragStart,
+    className: "bg-neutral-base rounded-sm mb-sm py-sm px-md cursor-grab last-of-type:mb-none hover:opacity-80 transition-opacity"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-md"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    label: label,
+    size: "md",
+    color: "neutral-light"
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+    level: 6
+  }, label), /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "text-neutral-strong"
+  }, description)))));
 };
-var FieldsSidebar = exports.FieldsSidebar = function FieldsSidebar(_ref2) {
-  var onFieldDragStart = _ref2.onFieldDragStart;
-  var fieldTypePlugin = _plugins.plugins.byType("cms-editor-field-type");
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fieldTypePlugin.map(function (fieldPlugin) {
-    return /*#__PURE__*/_react.default.createElement(Field, {
-      key: fieldPlugin.field.type,
-      fieldType: fieldPlugin.field,
-      onFieldDragStart: onFieldDragStart
-    });
-  }));
+export const FieldsSidebar = ({
+  onFieldDragStart
+}) => {
+  const fieldTypePlugin = plugins.byType("cms-editor-field-type").filter(p => !p.field.hideInAdmin);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fieldTypePlugin.map(fieldPlugin => /*#__PURE__*/React.createElement(Field, {
+    key: fieldPlugin.field.type,
+    fieldType: fieldPlugin.field,
+    onFieldDragStart: onFieldDragStart
+  })));
 };
 
 //# sourceMappingURL=FieldsSidebar.js.map