@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

package/admin/components/FieldEditor/FieldEditorContext.js

@@ -1,100 +1,89 @@
-"use strict";
+import React, { useCallback, useState } from "react";
+import dot from "dot-prop-immutable";
+import useDeepCompareEffect from "use-deep-compare-effect";
+import { plugins } from "@webiny/plugins";
+import * as utils from "./utils";
+import { useModelFieldEditor } from "./useModelFieldEditor";
+import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldEditorProvider = exports.FieldEditorContext = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
-var _plugins = require("@webiny/plugins");
-var utils = _interopRequireWildcard(require("./utils"));
-var _useModelFieldEditor = require("./useModelFieldEditor");
-var _utils2 = require("@webiny/utils");
 /**
  * Property in GetFieldParams can be any key from CmsEditorField, but TS does not allow union types
  */
 
-var FieldEditorContext = exports.FieldEditorContext = /*#__PURE__*/_react.default.createContext(undefined);
+export const FieldEditorContext = /*#__PURE__*/React.createContext(undefined);
 /**
  * We try to generate the random id string but with the check that it does not exist already.
  * Chances that the same string exists are quite small, but let's check it anyway.
  *
  * In most cases, there will be no iterations anyway...
  */
-var maxGenerateIdIterations = 100;
-var generateFieldId = function generateFieldId(layout) {
-  var id = (0, _utils2.generateAlphaNumericLowerCaseId)(8);
-  var iteration = 0;
+const maxGenerateIdIterations = 100;
+const generateFieldId = layout => {
+  let id = generateAlphaNumericLowerCaseId(8);
+  let iteration = 0;
   while (layout.includes(id) && iteration < maxGenerateIdIterations) {
-    id = (0, _utils2.generateAlphaNumericLowerCaseId)(8);
+    id = generateAlphaNumericLowerCaseId(8);
     iteration++;
   }
   if (iteration >= maxGenerateIdIterations) {
-    throw new Error("Could not generate field ID in ".concat(maxGenerateIdIterations, " iterations."));
+    throw new Error(`Could not generate field ID in ${maxGenerateIdIterations} iterations.`);
   }
   return id;
 };
-var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProvider(_ref) {
-  var parent = _ref.parent,
-    fields = _ref.fields,
-    layout = _ref.layout,
-    onChange = _ref.onChange,
-    children = _ref.children;
+export const FieldEditorProvider = ({
+  parent,
+  fields,
+  layout,
+  onChange,
+  children
+}) => {
   // We need to determine depth of this provider so we can render drop zones with correct z-indexes.
-  var depth = 0;
+  let depth = 0;
   try {
-    var editor = (0, _useModelFieldEditor.useModelFieldEditor)();
+    const editor = useModelFieldEditor();
     depth = editor.depth + 1;
-  } catch (_unused) {
+  } catch {
     // There's no parent provider, so this is the top-level one.
   }
-  var _useState = (0, _react.useState)({
-      layout: layout,
-      fields: fields,
-      field: null,
-      dropTarget: {
-        row: -1,
-        index: null
-      }
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  (0, _useDeepCompareEffect.default)(function () {
+  const [state, setState] = useState({
+    layout,
+    fields,
+    field: null,
+    dropTarget: {
+      row: -1,
+      index: null
+    }
+  });
+  useDeepCompareEffect(() => {
     onChange({
       fields: state.fields,
       layout: state.layout
     });
   }, [state.fields, state.layout]);
-  var editField = (0, _react.useCallback)(function (field) {
-    setState(function (state) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        field: field
-      });
-    });
+  const editField = useCallback(field => {
+    setState(state => ({
+      ...state,
+      field
+    }));
   }, []);
-  var onDropTarget = {
+  const onDropTarget = {
     dropTarget: parent ? parent.fieldId : null
   };
-  var onFieldDrop = (0, _react.useCallback)(function (source, dropTarget) {
-    var pos = source.pos,
-      type = source.type,
-      fieldType = source.fieldType,
-      field = source.field,
-      _source$fields = source.fields,
-      fields = _source$fields === void 0 ? [] : _source$fields;
-    var parentId = parent ? parent.fieldId : null;
+  const onFieldDrop = useCallback((source, dropTarget) => {
+    const {
+      pos,
+      type,
+      fieldType,
+      field,
+      fields = []
+    } = source;
+    const parentId = parent ? parent.fieldId : null;
     if (type === "row") {
       if (parentId !== source.parent) {
         // We're dragging an existing row from another fieldset
-        fields.forEach(function (field, index) {
+        fields.forEach((field, index) => {
           insertField({
-            field: field,
+            field,
             position: {
               row: dropTarget.row,
               index: index === 0 ? null : index
@@ -116,13 +105,13 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
       if (parentId !== source.parent) {
         // We're dragging an existing field from another fieldset
         insertField({
-          field: field,
+          field,
           position: dropTarget
         });
       } else {
         // We're dragging a field within the same fieldset
         moveField({
-          field: field,
+          field,
           position: dropTarget
         });
       }
@@ -131,18 +120,17 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
     if (!fieldType) {
       return null;
     }
-    var plugin = getFieldPlugin(fieldType);
+    const plugin = getFieldPlugin(fieldType);
     if (!plugin) {
       return null;
     }
-    var fieldData = plugin.field.createField();
+    const fieldData = plugin.field.createField();
     if (plugin.field.canEditSettings !== false) {
       editField(fieldData);
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          dropTarget: dropTarget
-        });
-      });
+      setState(state => ({
+        ...state,
+        dropTarget
+      }));
     } else {
       insertField({
         field: fieldData,
@@ -151,36 +139,33 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
     }
     return null;
   }, []);
-  var onEndDrag = function onEndDrag(_ref2, monitor) {
-    var type = _ref2.type,
-      field = _ref2.field,
-      fields = _ref2.fields;
+  const onEndDrag = ({
+    type,
+    field,
+    fields
+  }, monitor) => {
     if (!monitor.didDrop()) {
       return;
     }
 
     // Check if we dropped outside of the source fieldset, and if yes, remove the field from the original parent.
-    var monitorResult = monitor.getDropResult();
-    var parentId = parent ? parent.fieldId : null;
+    const monitorResult = monitor.getDropResult();
+    const parentId = parent ? parent.fieldId : null;
     if (monitorResult?.dropTarget === parentId) {
       return;
     }
-    var removeFields = type === "row" ? fields || [] : field ? [field] : [];
-    removeFields.forEach(function (field) {
-      return deleteField(field);
-    });
+    const removeFields = type === "row" ? fields || [] : field ? [field] : [];
+    removeFields.forEach(field => deleteField(field));
   };
-  var getFieldsInLayout = function getFieldsInLayout() {
+  const getFieldsInLayout = () => {
     // Replace every field ID with actual field object.
-    return state.layout.filter(function (arr) {
-      return arr.length;
-    }).map(function (row) {
-      return row.map(function (id) {
+    return state.layout.filter(arr => arr.length).map(row => {
+      return row.map(id => {
         return getField({
-          id: id
+          id
         });
       }).filter(Boolean);
-    }).filter(function (row) {
+    }).filter(row => {
       return row.length > 0;
     });
   };
@@ -188,23 +173,19 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
   /**
    * Return field plugin.
    */
-  var getFieldPlugin = function getFieldPlugin(type) {
-    return _plugins.plugins.byType("cms-editor-field-type").find(function (plugin) {
-      return plugin.field.type === type;
-    });
+  const getFieldPlugin = type => {
+    return plugins.byType("cms-editor-field-type").find(plugin => plugin.field.type === type);
   };
-  var getFieldRendererPlugin = function getFieldRendererPlugin(name) {
-    return _plugins.plugins.byType("cms-editor-field-renderer").find(function (plugin) {
-      return plugin.renderer.rendererName === name;
-    });
+  const getFieldRendererPlugin = name => {
+    return plugins.byType("cms-editor-field-renderer").find(plugin => plugin.renderer.rendererName === name);
   };
 
   /**
    * Checks if field of given type already exists in the list of fields.
    */
-  var getField = function getField(query) {
-    return state.fields.find(function (field) {
-      for (var key in query) {
+  const getField = query => {
+    return state.fields.find(field => {
+      for (const key in query) {
         if (!(key in field)) {
           return false;
         }
@@ -219,28 +200,30 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
   /**
    * Inserts a new field into the target position.
    */
-  var insertField = function insertField(_ref3) {
-    var field = _ref3.field,
-      position = _ref3.position;
+  const insertField = ({
+    field,
+    position
+  }) => {
     if (!field.id) {
       field.id = generateFieldId(layout.flat());
     }
     if (!field.type) {
-      throw new Error("Field \"type\" missing.");
+      throw new Error(`Field "type" missing.`);
     }
-    var fieldPlugin = getFieldPlugin(field.type);
+    const fieldPlugin = getFieldPlugin(field.type);
     if (!fieldPlugin) {
-      throw new Error("No plugin found for field type \"".concat(field.type, "\"."));
+      throw new Error(`No plugin found for field type "${field.type}".`);
     }
-    setState(function (prev) {
-      var next = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+    setState(prev => {
+      const next = {
+        ...prev,
         fields: (prev.fields || []).concat(field)
-      });
+      };
 
       // Move field to position where it was dropped.
       return utils.moveField({
-        field: field,
-        position: position,
+        field,
+        position,
         data: next
       });
     });
@@ -249,14 +232,15 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
   /**
    * Moves field to the given target position.
    */
-  var moveField = function moveField(_ref4) {
-    var field = _ref4.field,
-      position = _ref4.position;
-    setState(function (data) {
+  const moveField = ({
+    field,
+    position
+  }) => {
+    setState(data => {
       return utils.moveField({
-        field: field,
-        position: position,
-        data: data
+        field,
+        position,
+        data
       });
     });
   };
@@ -264,12 +248,12 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
   /**
    * Moves row to a destination row.
    */
-  var moveRow = function moveRow(source, destination) {
-    setState(function (data) {
+  const moveRow = (source, destination) => {
+    setState(data => {
       return utils.moveRow({
-        data: data,
-        source: source,
-        destination: destination
+        data,
+        source,
+        destination
       });
     });
   };
@@ -277,11 +261,11 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
   /**
    * Updates field.
    */
-  var updateField = function updateField(field) {
-    setState(function (data) {
-      for (var i = 0; i < data.fields.length; i++) {
+  const updateField = field => {
+    setState(data => {
+      for (let i = 0; i < data.fields.length; i++) {
         if (data.fields[i].id === field.id) {
-          return _dotPropImmutable.default.set(data, "fields.".concat(i), field);
+          return dot.set(data, `fields.${i}`, field);
         }
       }
       return data;
@@ -291,65 +275,57 @@ var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProv
   /**
    * Deletes a field (both from the list of field and the layout).
    */
-  var deleteField = function deleteField(field) {
-    setState(function (data) {
+  const deleteField = field => {
+    setState(data => {
       return utils.deleteField({
-        field: field,
-        data: data
+        field,
+        data
       });
     });
   };
-  var noConflict = (0, _react.useCallback)(function (isVisible) {
-    return function (item) {
-      var sameParent = item.parent === onDropTarget.dropTarget;
-      var draggedFields = [];
-      switch (item.type) {
-        case "row":
-          (item.fields || []).forEach(function (field) {
-            return draggedFields.push(field.fieldId);
-          });
-          break;
-        case "field":
-          if (!item.field) {
-            break;
-          }
-          draggedFields.push(item.field.fieldId);
+  const noConflict = useCallback(isVisible => item => {
+    const sameParent = item.parent === onDropTarget.dropTarget;
+    const draggedFields = [];
+    switch (item.type) {
+      case "row":
+        (item.fields || []).forEach(field => draggedFields.push(field.fieldId));
+        break;
+      case "field":
+        if (!item.field) {
           break;
-        default:
-          break;
-      }
-      if (draggedFields.length && !sameParent && fields.some(function (field) {
-        return draggedFields.includes(field.fieldId);
-      })) {
-        return false;
-      }
-      return typeof isVisible === "function" ? isVisible(item) : true;
-    };
-  }, [fields.map(function (f) {
-    return f.fieldId;
-  }).join(".")]);
-  var value = {
-    parent: parent,
-    depth: depth,
-    getFieldsInLayout: getFieldsInLayout,
-    getFieldPlugin: getFieldPlugin,
-    getFieldRendererPlugin: getFieldRendererPlugin,
-    getField: getField,
-    editField: editField,
+        }
+        draggedFields.push(item.field.fieldId);
+        break;
+      default:
+        break;
+    }
+    if (draggedFields.length && !sameParent && fields.some(field => draggedFields.includes(field.fieldId))) {
+      return false;
+    }
+    return typeof isVisible === "function" ? isVisible(item) : true;
+  }, [fields.map(f => f.fieldId).join(".")]);
+  const value = {
+    parent,
+    depth,
+    getFieldsInLayout,
+    getFieldPlugin,
+    getFieldRendererPlugin,
+    getField,
+    editField,
     field: state.field,
     dropTarget: state.dropTarget,
-    onFieldDrop: onFieldDrop,
-    onEndDrag: onEndDrag,
-    insertField: insertField,
-    moveField: moveField,
-    moveRow: moveRow,
-    updateField: updateField,
-    deleteField: deleteField,
+    onFieldDrop,
+    onEndDrag,
+    insertField,
+    moveField,
+    moveRow,
+    updateField,
+    deleteField,
     fields: getFieldsInLayout(),
-    noConflict: noConflict,
+    noConflict,
     layout: state.layout
   };
-  return /*#__PURE__*/_react.default.createElement(FieldEditorContext.Provider, {
+  return /*#__PURE__*/React.createElement(FieldEditorContext.Provider, {
     value: value
   }, children);
 };

package/admin/components/FieldEditor/FieldEditorContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_interopRequireDefault","_useDeepCompareEffect","_plugins","utils","_useModelFieldEditor","_utils2","FieldEditorContext","exports","React","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","generateAlphaNumericLowerCaseId","iteration","includes","Error","concat","FieldEditorProvider","_ref","parent","fields","onChange","children","depth","editor","useModelFieldEditor","_unused","_useState","useState","field","dropTarget","row","index","_useState2","_slicedToArray2","default","state","setState","useDeepCompareEffect","editField","useCallback","_objectSpread2","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","_source$fields","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","_ref2","monitor","didDrop","monitorResult","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","plugins","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","_ref3","flat","fieldPlugin","prev","next","data","_ref4","destination","updateField","i","dot","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value","createElement","Provider"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport {\n    CmsEditorFieldId,\n    CmsEditorFieldRendererPlugin,\n    CmsEditorFieldsLayout,\n    CmsEditorFieldTypePlugin,\n    CmsModelField,\n    DragSource,\n    FieldLayoutPosition\n} from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils\";\nimport { FieldEditorProps } from \"./FieldEditor\";\nimport { DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { DragObject } from \"../Droppable\";\n\ninterface DropTarget {\n    row: number;\n    index: number | null;\n}\n\n/**\n * Property in GetFieldParams can be any key from CmsEditorField, but TS does not allow union types\n */\ninterface GetFieldParams {\n    id?: string;\n    fieldId?: string;\n}\ninterface InsertFieldParams {\n    field: CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface MoveFieldParams {\n    field: CmsEditorFieldId | CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface GetFieldsInLayoutCallable {\n    (): CmsModelField[][];\n}\ninterface GetFieldPluginCallable {\n    (type: string): CmsEditorFieldTypePlugin | undefined;\n}\ninterface GetFieldCallable {\n    (query: GetFieldParams): CmsModelField | undefined;\n}\ninterface GetFieldRendererCallable {\n    (rendererName: string): CmsEditorFieldRendererPlugin | undefined;\n}\ninterface OnFieldDropCallable {\n    (source: Partial<DragSource>, target: DropTarget): void;\n}\ninterface InsertFieldCallable {\n    (params: InsertFieldParams): void;\n}\ninterface MoveFieldCallable {\n    (params: MoveFieldParams): void;\n}\ninterface OnEndDragCallable<DragObject = unknown, DropResult = unknown> {\n    (item: DragSource, monitor: DragSourceMonitor<DragObject, DropResult>): void;\n}\ninterface MoveRowCallable {\n    (source: number, destination: number): void;\n}\ninterface UpdateFieldCallable {\n    (field: CmsModelField): void;\n}\ninterface DeleteFieldCallable {\n    (field: Pick<CmsModelField, \"id\">): void;\n}\nexport interface IsVisibleCallable {\n    (item: DragSource): boolean;\n}\ninterface NoConflictCallable {\n    (cb?: IsVisibleCallable): (item: DragSource) => boolean;\n}\nexport interface FieldEditorContext {\n    fields: CmsModelField[][];\n    noConflict: NoConflictCallable;\n    layout: CmsEditorFieldsLayout;\n    onChange?: (data: any) => void;\n    getFieldsInLayout: GetFieldsInLayoutCallable;\n    getFieldPlugin: GetFieldPluginCallable;\n    getField: GetFieldCallable;\n    getFieldRendererPlugin: GetFieldRendererCallable;\n    editField: (field: CmsModelField | null) => void;\n    field: CmsModelField | null;\n    parent?: CmsModelField;\n    depth: number;\n    dropTarget: DropTarget;\n    onFieldDrop: OnFieldDropCallable;\n    onEndDrag: OnEndDragCallable;\n    insertField: InsertFieldCallable;\n    moveField: MoveFieldCallable;\n    moveRow: MoveRowCallable;\n    updateField: UpdateFieldCallable;\n    deleteField: DeleteFieldCallable;\n}\n\ninterface FieldEditorProviderProps extends FieldEditorProps {\n    children: React.ReactElement;\n}\n\ntype DropResult = {\n    dropTarget: string | null;\n};\n\nexport const FieldEditorContext = React.createContext<FieldEditorContext | undefined>(undefined);\n/**\n * We try to generate the random id string but with the check that it does not exist already.\n * Chances that the same string exists are quite small, but let's check it anyway.\n *\n * In most cases, there will be no iterations anyway...\n */\nconst maxGenerateIdIterations = 100;\nconst generateFieldId = (layout: string[]): string => {\n    let id = generateAlphaNumericLowerCaseId(8);\n\n    let iteration = 0;\n    while (layout.includes(id) && iteration < maxGenerateIdIterations) {\n        id = generateAlphaNumericLowerCaseId(8);\n        iteration++;\n    }\n    if (iteration >= maxGenerateIdIterations) {\n        throw new Error(`Could not generate field ID in ${maxGenerateIdIterations} iterations.`);\n    }\n    return id;\n};\n\ninterface State {\n    layout: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    field: CmsModelField | null;\n    dropTarget: DropTarget;\n}\nexport const FieldEditorProvider = ({\n    parent,\n    fields,\n    layout,\n    onChange,\n    children\n}: FieldEditorProviderProps) => {\n    // We need to determine depth of this provider so we can render drop zones with correct z-indexes.\n    let depth = 0;\n    try {\n        const editor = useModelFieldEditor();\n        depth = editor.depth + 1;\n    } catch {\n        // There's no parent provider, so this is the top-level one.\n    }\n\n    const [state, setState] = useState<State>({\n        layout,\n        fields,\n        field: null,\n        dropTarget: {\n            row: -1,\n            index: null\n        }\n    });\n\n    useDeepCompareEffect(() => {\n        onChange({ fields: state.fields, layout: state.layout });\n    }, [state.fields, state.layout]);\n\n    const editField = useCallback((field: CmsModelField | null) => {\n        setState(state => ({ ...state, field }));\n    }, []);\n\n    const onDropTarget = {\n        dropTarget: parent ? parent.fieldId : null\n    };\n\n    const onFieldDrop = useCallback<OnFieldDropCallable>((source, dropTarget) => {\n        const { pos, type, fieldType, field, fields = [] } = source;\n\n        const parentId = parent ? parent.fieldId : null;\n\n        if (type === \"row\") {\n            if (parentId !== source.parent) {\n                // We're dragging an existing row from another fieldset\n                fields.forEach((field, index) => {\n                    insertField({\n                        field,\n                        position: {\n                            row: dropTarget.row,\n                            index: index === 0 ? null : index\n                        }\n                    });\n                });\n            } else if (pos && pos.row !== undefined) {\n                // We're dragging a row within the same fieldset\n                moveRow(pos.row, dropTarget.row);\n            }\n\n            return onDropTarget;\n        }\n\n        // If source pos is set, we are moving an existing field.\n        if (pos) {\n            if (!field) {\n                return onDropTarget;\n            }\n            if (parentId !== source.parent) {\n                // We're dragging an existing field from another fieldset\n                insertField({ field, position: dropTarget });\n            } else {\n                // We're dragging a field within the same fieldset\n                moveField({ field, position: dropTarget });\n            }\n            return onDropTarget;\n        }\n\n        if (!fieldType) {\n            return null;\n        }\n        const plugin = getFieldPlugin(fieldType);\n        if (!plugin) {\n            return null;\n        }\n\n        const fieldData = plugin.field.createField() as CmsModelField;\n\n        if (plugin.field.canEditSettings !== false) {\n            editField(fieldData);\n            setState(state => ({\n                ...state,\n                dropTarget\n            }));\n        } else {\n            insertField({ field: fieldData, position: dropTarget });\n        }\n        return null;\n    }, []);\n\n    const onEndDrag: OnEndDragCallable<DragObject, DropResult> = (\n        { type, field, fields },\n        monitor\n    ) => {\n        if (!monitor.didDrop()) {\n            return;\n        }\n\n        // Check if we dropped outside of the source fieldset, and if yes, remove the field from the original parent.\n        const monitorResult = monitor.getDropResult();\n        const parentId = parent ? parent.fieldId : null;\n        if (monitorResult?.dropTarget === parentId) {\n            return;\n        }\n\n        const removeFields = type === \"row\" ? fields || [] : field ? [field] : [];\n        removeFields.forEach(field => deleteField(field));\n    };\n\n    const getFieldsInLayout: GetFieldsInLayoutCallable = () => {\n        // Replace every field ID with actual field object.\n        return state.layout\n            .filter(arr => arr.length)\n            .map(row => {\n                return row\n                    .map(id => {\n                        return getField({ id });\n                    })\n                    .filter(Boolean);\n            })\n            .filter(row => {\n                return row.length > 0;\n            }) as CmsModelField[][];\n    };\n\n    /**\n     * Return field plugin.\n     */\n    const getFieldPlugin: GetFieldPluginCallable = type => {\n        return plugins\n            .byType<CmsEditorFieldTypePlugin>(\"cms-editor-field-type\")\n            .find(plugin => plugin.field.type === type);\n    };\n\n    const getFieldRendererPlugin: GetFieldRendererCallable = name => {\n        return plugins\n            .byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\")\n            .find(plugin => plugin.renderer.rendererName === name);\n    };\n\n    /**\n     * Checks if field of given type already exists in the list of fields.\n     */\n    const getField: GetFieldCallable = query => {\n        return state.fields.find(field => {\n            for (const key in query) {\n                if (!(key in field)) {\n                    return false;\n                }\n\n                if (field[key as keyof typeof field] !== query[key as keyof typeof query]) {\n                    return false;\n                }\n            }\n\n            return true;\n        });\n    };\n\n    /**\n     * Inserts a new field into the target position.\n     */\n    const insertField: InsertFieldCallable = ({ field, position }) => {\n        if (!field.id) {\n            field.id = generateFieldId(layout.flat());\n        }\n\n        if (!field.type) {\n            throw new Error(`Field \"type\" missing.`);\n        }\n\n        const fieldPlugin = getFieldPlugin(field.type);\n        if (!fieldPlugin) {\n            throw new Error(`No plugin found for field type \"${field.type}\".`);\n        }\n\n        setState(prev => {\n            const next: State = {\n                ...prev,\n                fields: (prev.fields || []).concat(field)\n            };\n\n            // Move field to position where it was dropped.\n            return utils.moveField({ field, position, data: next });\n        });\n    };\n\n    /**\n     * Moves field to the given target position.\n     */\n    const moveField: MoveFieldCallable = ({ field, position }) => {\n        setState(data => {\n            return utils.moveField<State>({ field, position, data });\n        });\n    };\n\n    /**\n     * Moves row to a destination row.\n     */\n    const moveRow: MoveRowCallable = (source, destination) => {\n        setState(data => {\n            return utils.moveRow({ data, source, destination });\n        });\n    };\n\n    /**\n     * Updates field.\n     */\n    const updateField: UpdateFieldCallable = field => {\n        setState(data => {\n            for (let i = 0; i < data.fields.length; i++) {\n                if (data.fields[i].id === field.id) {\n                    return dot.set(data, `fields.${i}`, field);\n                }\n            }\n            return data;\n        });\n    };\n\n    /**\n     * Deletes a field (both from the list of field and the layout).\n     */\n    const deleteField: DeleteFieldCallable = field => {\n        setState(data => {\n            return utils.deleteField({ field, data });\n        });\n    };\n\n    const noConflict: NoConflictCallable = useCallback(\n        (isVisible?: IsVisibleCallable) => item => {\n            const sameParent = item.parent === onDropTarget.dropTarget;\n            const draggedFields: string[] = [];\n            switch (item.type) {\n                case \"row\":\n                    (item.fields || []).forEach(field => draggedFields.push(field.fieldId));\n                    break;\n                case \"field\":\n                    if (!item.field) {\n                        break;\n                    }\n                    draggedFields.push(item.field.fieldId);\n                    break;\n                default:\n                    break;\n            }\n\n            if (\n                draggedFields.length &&\n                !sameParent &&\n                fields.some(field => draggedFields.includes(field.fieldId))\n            ) {\n                return false;\n            }\n\n            return typeof isVisible === \"function\" ? isVisible(item) : true;\n        },\n        [fields.map(f => f.fieldId).join(\".\")]\n    );\n\n    const value: FieldEditorContext = {\n        parent,\n        depth,\n        getFieldsInLayout,\n        getFieldPlugin,\n        getFieldRendererPlugin,\n        getField,\n        editField,\n        field: state.field,\n        dropTarget: state.dropTarget,\n        onFieldDrop,\n        onEndDrag,\n        insertField,\n        moveField,\n        moveRow,\n        updateField,\n        deleteField,\n        fields: getFieldsInLayout(),\n        noConflict,\n        layout: state.layout\n    };\n\n    return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","dot","useDeepCompareEffect","plugins","utils","useModelFieldEditor","generateAlphaNumericLowerCaseId","FieldEditorContext","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","iteration","includes","Error","FieldEditorProvider","parent","fields","onChange","children","depth","editor","state","setState","field","dropTarget","row","index","editField","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","monitor","didDrop","monitorResult","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","flat","fieldPlugin","prev","next","concat","data","destination","updateField","i","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value","createElement","Provider"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport {\n    CmsEditorFieldId,\n    CmsEditorFieldRendererPlugin,\n    CmsEditorFieldsLayout,\n    CmsEditorFieldTypePlugin,\n    CmsModelField,\n    DragSource,\n    FieldLayoutPosition\n} from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils\";\nimport { FieldEditorProps } from \"./FieldEditor\";\nimport { DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { DragObject } from \"../Droppable\";\n\ninterface DropTarget {\n    row: number;\n    index: number | null;\n}\n\n/**\n * Property in GetFieldParams can be any key from CmsEditorField, but TS does not allow union types\n */\ninterface GetFieldParams {\n    id?: string;\n    fieldId?: string;\n}\ninterface InsertFieldParams {\n    field: CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface MoveFieldParams {\n    field: CmsEditorFieldId | CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface GetFieldsInLayoutCallable {\n    (): CmsModelField[][];\n}\ninterface GetFieldPluginCallable {\n    (type: string): CmsEditorFieldTypePlugin | undefined;\n}\ninterface GetFieldCallable {\n    (query: GetFieldParams): CmsModelField | undefined;\n}\ninterface GetFieldRendererCallable {\n    (rendererName: string): CmsEditorFieldRendererPlugin | undefined;\n}\ninterface OnFieldDropCallable {\n    (source: Partial<DragSource>, target: DropTarget): void;\n}\ninterface InsertFieldCallable {\n    (params: InsertFieldParams): void;\n}\ninterface MoveFieldCallable {\n    (params: MoveFieldParams): void;\n}\ninterface OnEndDragCallable<DragObject = unknown, DropResult = unknown> {\n    (item: DragSource, monitor: DragSourceMonitor<DragObject, DropResult>): void;\n}\ninterface MoveRowCallable {\n    (source: number, destination: number): void;\n}\ninterface UpdateFieldCallable {\n    (field: CmsModelField): void;\n}\ninterface DeleteFieldCallable {\n    (field: Pick<CmsModelField, \"id\">): void;\n}\nexport interface IsVisibleCallable {\n    (item: DragSource): boolean;\n}\ninterface NoConflictCallable {\n    (cb?: IsVisibleCallable): (item: DragSource) => boolean;\n}\nexport interface FieldEditorContext {\n    fields: CmsModelField[][];\n    noConflict: NoConflictCallable;\n    layout: CmsEditorFieldsLayout;\n    onChange?: (data: any) => void;\n    getFieldsInLayout: GetFieldsInLayoutCallable;\n    getFieldPlugin: GetFieldPluginCallable;\n    getField: GetFieldCallable;\n    getFieldRendererPlugin: GetFieldRendererCallable;\n    editField: (field: CmsModelField | null) => void;\n    field: CmsModelField | null;\n    parent?: CmsModelField;\n    depth: number;\n    dropTarget: DropTarget;\n    onFieldDrop: OnFieldDropCallable;\n    onEndDrag: OnEndDragCallable;\n    insertField: InsertFieldCallable;\n    moveField: MoveFieldCallable;\n    moveRow: MoveRowCallable;\n    updateField: UpdateFieldCallable;\n    deleteField: DeleteFieldCallable;\n}\n\ninterface FieldEditorProviderProps extends FieldEditorProps {\n    children: React.ReactElement;\n}\n\ntype DropResult = {\n    dropTarget: string | null;\n};\n\nexport const FieldEditorContext = React.createContext<FieldEditorContext | undefined>(undefined);\n/**\n * We try to generate the random id string but with the check that it does not exist already.\n * Chances that the same string exists are quite small, but let's check it anyway.\n *\n * In most cases, there will be no iterations anyway...\n */\nconst maxGenerateIdIterations = 100;\nconst generateFieldId = (layout: string[]): string => {\n    let id = generateAlphaNumericLowerCaseId(8);\n\n    let iteration = 0;\n    while (layout.includes(id) && iteration < maxGenerateIdIterations) {\n        id = generateAlphaNumericLowerCaseId(8);\n        iteration++;\n    }\n    if (iteration >= maxGenerateIdIterations) {\n        throw new Error(`Could not generate field ID in ${maxGenerateIdIterations} iterations.`);\n    }\n    return id;\n};\n\ninterface State {\n    layout: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    field: CmsModelField | null;\n    dropTarget: DropTarget;\n}\nexport const FieldEditorProvider = ({\n    parent,\n    fields,\n    layout,\n    onChange,\n    children\n}: FieldEditorProviderProps) => {\n    // We need to determine depth of this provider so we can render drop zones with correct z-indexes.\n    let depth = 0;\n    try {\n        const editor = useModelFieldEditor();\n        depth = editor.depth + 1;\n    } catch {\n        // There's no parent provider, so this is the top-level one.\n    }\n\n    const [state, setState] = useState<State>({\n        layout,\n        fields,\n        field: null,\n        dropTarget: {\n            row: -1,\n            index: null\n        }\n    });\n\n    useDeepCompareEffect(() => {\n        onChange({ fields: state.fields, layout: state.layout });\n    }, [state.fields, state.layout]);\n\n    const editField = useCallback((field: CmsModelField | null) => {\n        setState(state => ({ ...state, field }));\n    }, []);\n\n    const onDropTarget = {\n        dropTarget: parent ? parent.fieldId : null\n    };\n\n    const onFieldDrop = useCallback<OnFieldDropCallable>((source, dropTarget) => {\n        const { pos, type, fieldType, field, fields = [] } = source;\n\n        const parentId = parent ? parent.fieldId : null;\n\n        if (type === \"row\") {\n            if (parentId !== source.parent) {\n                // We're dragging an existing row from another fieldset\n                fields.forEach((field, index) => {\n                    insertField({\n                        field,\n                        position: {\n                            row: dropTarget.row,\n                            index: index === 0 ? null : index\n                        }\n                    });\n                });\n            } else if (pos && pos.row !== undefined) {\n                // We're dragging a row within the same fieldset\n                moveRow(pos.row, dropTarget.row);\n            }\n\n            return onDropTarget;\n        }\n\n        // If source pos is set, we are moving an existing field.\n        if (pos) {\n            if (!field) {\n                return onDropTarget;\n            }\n            if (parentId !== source.parent) {\n                // We're dragging an existing field from another fieldset\n                insertField({ field, position: dropTarget });\n            } else {\n                // We're dragging a field within the same fieldset\n                moveField({ field, position: dropTarget });\n            }\n            return onDropTarget;\n        }\n\n        if (!fieldType) {\n            return null;\n        }\n        const plugin = getFieldPlugin(fieldType);\n        if (!plugin) {\n            return null;\n        }\n\n        const fieldData = plugin.field.createField() as CmsModelField;\n\n        if (plugin.field.canEditSettings !== false) {\n            editField(fieldData);\n            setState(state => ({\n                ...state,\n                dropTarget\n            }));\n        } else {\n            insertField({ field: fieldData, position: dropTarget });\n        }\n        return null;\n    }, []);\n\n    const onEndDrag: OnEndDragCallable<DragObject, DropResult> = (\n        { type, field, fields },\n        monitor\n    ) => {\n        if (!monitor.didDrop()) {\n            return;\n        }\n\n        // Check if we dropped outside of the source fieldset, and if yes, remove the field from the original parent.\n        const monitorResult = monitor.getDropResult();\n        const parentId = parent ? parent.fieldId : null;\n        if (monitorResult?.dropTarget === parentId) {\n            return;\n        }\n\n        const removeFields = type === \"row\" ? fields || [] : field ? [field] : [];\n        removeFields.forEach(field => deleteField(field));\n    };\n\n    const getFieldsInLayout: GetFieldsInLayoutCallable = () => {\n        // Replace every field ID with actual field object.\n        return state.layout\n            .filter(arr => arr.length)\n            .map(row => {\n                return row\n                    .map(id => {\n                        return getField({ id });\n                    })\n                    .filter(Boolean);\n            })\n            .filter(row => {\n                return row.length > 0;\n            }) as CmsModelField[][];\n    };\n\n    /**\n     * Return field plugin.\n     */\n    const getFieldPlugin: GetFieldPluginCallable = type => {\n        return plugins\n            .byType<CmsEditorFieldTypePlugin>(\"cms-editor-field-type\")\n            .find(plugin => plugin.field.type === type);\n    };\n\n    const getFieldRendererPlugin: GetFieldRendererCallable = name => {\n        return plugins\n            .byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\")\n            .find(plugin => plugin.renderer.rendererName === name);\n    };\n\n    /**\n     * Checks if field of given type already exists in the list of fields.\n     */\n    const getField: GetFieldCallable = query => {\n        return state.fields.find(field => {\n            for (const key in query) {\n                if (!(key in field)) {\n                    return false;\n                }\n\n                if (field[key as keyof typeof field] !== query[key as keyof typeof query]) {\n                    return false;\n                }\n            }\n\n            return true;\n        });\n    };\n\n    /**\n     * Inserts a new field into the target position.\n     */\n    const insertField: InsertFieldCallable = ({ field, position }) => {\n        if (!field.id) {\n            field.id = generateFieldId(layout.flat());\n        }\n\n        if (!field.type) {\n            throw new Error(`Field \"type\" missing.`);\n        }\n\n        const fieldPlugin = getFieldPlugin(field.type);\n        if (!fieldPlugin) {\n            throw new Error(`No plugin found for field type \"${field.type}\".`);\n        }\n\n        setState(prev => {\n            const next: State = {\n                ...prev,\n                fields: (prev.fields || []).concat(field)\n            };\n\n            // Move field to position where it was dropped.\n            return utils.moveField({ field, position, data: next });\n        });\n    };\n\n    /**\n     * Moves field to the given target position.\n     */\n    const moveField: MoveFieldCallable = ({ field, position }) => {\n        setState(data => {\n            return utils.moveField<State>({ field, position, data });\n        });\n    };\n\n    /**\n     * Moves row to a destination row.\n     */\n    const moveRow: MoveRowCallable = (source, destination) => {\n        setState(data => {\n            return utils.moveRow({ data, source, destination });\n        });\n    };\n\n    /**\n     * Updates field.\n     */\n    const updateField: UpdateFieldCallable = field => {\n        setState(data => {\n            for (let i = 0; i < data.fields.length; i++) {\n                if (data.fields[i].id === field.id) {\n                    return dot.set(data, `fields.${i}`, field);\n                }\n            }\n            return data;\n        });\n    };\n\n    /**\n     * Deletes a field (both from the list of field and the layout).\n     */\n    const deleteField: DeleteFieldCallable = field => {\n        setState(data => {\n            return utils.deleteField({ field, data });\n        });\n    };\n\n    const noConflict: NoConflictCallable = useCallback(\n        (isVisible?: IsVisibleCallable) => item => {\n            const sameParent = item.parent === onDropTarget.dropTarget;\n            const draggedFields: string[] = [];\n            switch (item.type) {\n                case \"row\":\n                    (item.fields || []).forEach(field => draggedFields.push(field.fieldId));\n                    break;\n                case \"field\":\n                    if (!item.field) {\n                        break;\n                    }\n                    draggedFields.push(item.field.fieldId);\n                    break;\n                default:\n                    break;\n            }\n\n            if (\n                draggedFields.length &&\n                !sameParent &&\n                fields.some(field => draggedFields.includes(field.fieldId))\n            ) {\n                return false;\n            }\n\n            return typeof isVisible === \"function\" ? isVisible(item) : true;\n        },\n        [fields.map(f => f.fieldId).join(\".\")]\n    );\n\n    const value: FieldEditorContext = {\n        parent,\n        depth,\n        getFieldsInLayout,\n        getFieldPlugin,\n        getFieldRendererPlugin,\n        getField,\n        editField,\n        field: state.field,\n        dropTarget: state.dropTarget,\n        onFieldDrop,\n        onEndDrag,\n        insertField,\n        moveField,\n        moveRow,\n        updateField,\n        deleteField,\n        fields: getFieldsInLayout(),\n        noConflict,\n        layout: state.layout\n    };\n\n    return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/FieldEditor/index.js

@@ -1,21 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FieldEditor", {
-  enumerable: true,
-  get: function get() {
-    return _FieldEditor.FieldEditor;
-  }
-});
-Object.defineProperty(exports, "useModelFieldEditor", {
-  enumerable: true,
-  get: function get() {
-    return _useModelFieldEditor.useModelFieldEditor;
-  }
-});
-var _FieldEditor = require("./FieldEditor");
-var _useModelFieldEditor = require("./useModelFieldEditor");
+export { FieldEditor } from "./FieldEditor";
+export { useModelFieldEditor } from "./useModelFieldEditor";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_FieldEditor","require","_useModelFieldEditor"],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["FieldEditor","useModelFieldEditor"],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":"AAAA,SAASA,WAAW;AACpB,SAASC,mBAAmB","ignoreList":[]}

package/admin/components/FieldEditor/useModelFieldEditor.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModelFieldEditor = useModelFieldEditor;
-var _react = require("react");
-var _FieldEditorContext = require("./FieldEditorContext");
-function useModelFieldEditor() {
-  var context = (0, _react.useContext)(_FieldEditorContext.FieldEditorContext);
+import { useContext } from "react";
+import { FieldEditorContext } from "./FieldEditorContext";
+export function useModelFieldEditor() {
+  const context = useContext(FieldEditorContext);
   if (!context) {
-    throw Error("FieldEditorContext is missing in the component tree. Are you useing the \"useFieldEditor()\" hook in the right place?");
+    throw Error(`FieldEditorContext is missing in the component tree. Are you useing the "useFieldEditor()" hook in the right place?`);
   }
   return context;
 }