@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

package/admin/components/FieldEditor/index.js

@@ -1,2 +1,19 @@
-export { FieldEditor } from "./FieldEditor";
-export { useFieldEditor } from "./useFieldEditor";
+"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");

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA"}

package/admin/components/FieldEditor/useModelFieldEditor.d.ts

@@ -0,0 +1,2 @@
+import { FieldEditorContext } from "./FieldEditorContext";
+export declare function useModelFieldEditor(): FieldEditorContext;

package/admin/components/FieldEditor/useModelFieldEditor.js

@@ -0,0 +1,15 @@
+"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);
+  if (!context) {
+    throw Error("FieldEditorContext is missing in the component tree. Are you useing the \"useFieldEditor()\" hook in the right place?");
+  }
+  return context;
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["useModelFieldEditor","context","useContext","FieldEditorContext","Error"],"sources":["useModelFieldEditor.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FieldEditorContext } from \"./FieldEditorContext\";\n\nexport function useModelFieldEditor() {\n    const context = useContext(FieldEditorContext);\n    if (!context) {\n        throw Error(\n            `FieldEditorContext is missing in the component tree. Are you useing the \"useFieldEditor()\" hook in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,mBAAmB,GAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;EAC9C,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,yHAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}

package/admin/components/FieldEditor/utils/deleteField.d.ts

@@ -1,10 +1,8 @@
-import { CmsEditorField, CmsEditorFieldsLayout } from "../../../../types";
-interface Data {
-    fields: CmsEditorField[];
-    layout: CmsEditorFieldsLayout;
+import { CmsModelField, CmsModel } from "../../../../types";
+declare type DeleteFieldParamsData = Pick<CmsModel, "fields" | "layout">;
+interface DeleteFieldParams {
+    field: Pick<CmsModelField, "id">;
+    data: DeleteFieldParamsData;
 }
-declare const _default: ({ field, data }: {
-    field: CmsEditorField;
-    data: Data;
-}) => any;
+declare const _default: (params: DeleteFieldParams) => any;
 export default _default;

package/admin/components/FieldEditor/utils/deleteField.js

@@ -1,14 +1,25 @@
-import dot from "dot-prop-immutable";
-export default (function (_ref) {
-  var field = _ref.field,
-      data = _ref.data;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
+var _default = function _default(params) {
+  var field = params.field,
+    prev = params.data;
   // Remove the field from fields list...
-  var fieldIndex = data.fields.findIndex(function (item) {
+  var fieldIndex = prev.fields.findIndex(function (item) {
     return item.id === field.id;
   });
-  data = dot.delete(data, "fields.".concat(fieldIndex)); // ...and rebuild the layout object.
+  var data = _dotPropImmutable.default.delete(prev, "fields.".concat(fieldIndex));
 
-  return dot.set(data, "layout", function (layout) {
+  // ...and rebuild the layout object.
+  return _dotPropImmutable.default.set(data, "layout", function (layout) {
+    if (!layout) {
+      return [];
+    }
     var newLayout = [];
     var currentRowIndex = 0;
     layout.forEach(function (row) {
@@ -16,19 +27,17 @@ export default (function (_ref) {
         var field = data.fields.find(function (item) {
           return item.id === fieldId;
         });
-
         if (!field) {
-          return true;
+          return;
         }
-
         if (!Array.isArray(newLayout[currentRowIndex])) {
           newLayout[currentRowIndex] = [];
         }
-
         newLayout[currentRowIndex].push(fieldId);
       });
       newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;
     });
     return newLayout;
   });
-});
+};
+exports.default = _default;

package/admin/components/FieldEditor/utils/deleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["params","field","prev","data","fieldIndex","fields","findIndex","item","id","dot","delete","set","layout","newLayout","currentRowIndex","forEach","row","fieldId","find","Array","isArray","push","length"],"sources":["deleteField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport { CmsModelField, CmsModel } from \"~/types\";\n\ntype DeleteFieldParamsData = Pick<CmsModel, \"fields\" | \"layout\">;\ninterface DeleteFieldParams {\n    field: Pick<CmsModelField, \"id\">;\n    data: DeleteFieldParamsData;\n}\nexport default (params: DeleteFieldParams) => {\n    const { field, data: prev } = params;\n    // Remove the field from fields list...\n    const fieldIndex = prev.fields.findIndex(item => item.id === field.id);\n    const data = dot.delete(prev, `fields.${fieldIndex}`) as DeleteFieldParamsData;\n\n    // ...and rebuild the layout object.\n    return dot.set(data, \"layout\", (layout: DeleteFieldParamsData[\"layout\"]) => {\n        if (!layout) {\n            return [];\n        }\n        const newLayout: DeleteFieldParamsData[\"layout\"] = [];\n        let currentRowIndex = 0;\n        layout.forEach(row => {\n            row.forEach(fieldId => {\n                const field = data.fields.find(item => item.id === fieldId);\n                if (!field) {\n                    return;\n                }\n                if (!Array.isArray(newLayout[currentRowIndex])) {\n                    newLayout[currentRowIndex] = [];\n                }\n\n                newLayout[currentRowIndex].push(fieldId);\n            });\n            newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;\n        });\n\n        return newLayout;\n    });\n};\n"],"mappings":";;;;;;;AAAA;AAAqC,eAQtB,kBAACA,MAAyB,EAAK;EAC1C,IAAQC,KAAK,GAAiBD,MAAM,CAA5BC,KAAK;IAAQC,IAAI,GAAKF,MAAM,CAArBG,IAAI;EACnB;EACA,IAAMC,UAAU,GAAGF,IAAI,CAACG,MAAM,CAACC,SAAS,CAAC,UAAAC,IAAI;IAAA,OAAIA,IAAI,CAACC,EAAE,KAAKP,KAAK,CAACO,EAAE;EAAA,EAAC;EACtE,IAAML,IAAI,GAAGM,yBAAG,CAACC,MAAM,CAACR,IAAI,mBAAYE,UAAU,EAA4B;;EAE9E;EACA,OAAOK,yBAAG,CAACE,GAAG,CAACR,IAAI,EAAE,QAAQ,EAAE,UAACS,MAAuC,EAAK;IACxE,IAAI,CAACA,MAAM,EAAE;MACT,OAAO,EAAE;IACb;IACA,IAAMC,SAA0C,GAAG,EAAE;IACrD,IAAIC,eAAe,GAAG,CAAC;IACvBF,MAAM,CAACG,OAAO,CAAC,UAAAC,GAAG,EAAI;MAClBA,GAAG,CAACD,OAAO,CAAC,UAAAE,OAAO,EAAI;QACnB,IAAMhB,KAAK,GAAGE,IAAI,CAACE,MAAM,CAACa,IAAI,CAAC,UAAAX,IAAI;UAAA,OAAIA,IAAI,CAACC,EAAE,KAAKS,OAAO;QAAA,EAAC;QAC3D,IAAI,CAAChB,KAAK,EAAE;UACR;QACJ;QACA,IAAI,CAACkB,KAAK,CAACC,OAAO,CAACP,SAAS,CAACC,eAAe,CAAC,CAAC,EAAE;UAC5CD,SAAS,CAACC,eAAe,CAAC,GAAG,EAAE;QACnC;QAEAD,SAAS,CAACC,eAAe,CAAC,CAACO,IAAI,CAACJ,OAAO,CAAC;MAC5C,CAAC,CAAC;MACFJ,SAAS,CAACC,eAAe,CAAC,IAAID,SAAS,CAACC,eAAe,CAAC,CAACQ,MAAM,IAAIR,eAAe,EAAE;IACxF,CAAC,CAAC;IAEF,OAAOD,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAAA"}

package/admin/components/FieldEditor/utils/getFieldPosition.d.ts

@@ -1,6 +1,7 @@
-import { FieldLayoutPosition } from "../../../../types";
-declare const _default: ({ field, data }: {
-    field: any;
-    data: any;
-}) => FieldLayoutPosition;
+import { CmsModelField, CmsModel, FieldLayoutPosition } from "../../../../types";
+interface GetFieldPositionParams {
+    field: string | CmsModelField;
+    data: Pick<CmsModel, "layout">;
+}
+declare const _default: (params: GetFieldPositionParams) => FieldLayoutPosition | null;
 export default _default;

package/admin/components/FieldEditor/utils/getFieldPosition.js

@@ -1,11 +1,16 @@
-export default (function (_ref) {
-  var field = _ref.field,
-      data = _ref.data;
-  var id = typeof field === "string" ? field : field.id;
-
-  for (var i = 0; i < data.layout.length; i++) {
-    var row = data.layout[i];
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = function _default(params) {
+  var field = params.field,
+    data = params.data;
+  var id = typeof field === "string" ? field : field.id;
+  var layout = data.layout ? data.layout : [];
+  for (var i = 0; i < layout.length; i++) {
+    var row = layout[i];
     for (var j = 0; j < row.length; j++) {
       if (row[j] === id) {
         return {
@@ -15,6 +20,6 @@ export default (function (_ref) {
       }
     }
   }
-
   return null;
-});
+};
+exports.default = _default;

package/admin/components/FieldEditor/utils/getFieldPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["params","field","data","id","layout","i","length","row","j","index"],"sources":["getFieldPosition.ts"],"sourcesContent":["import { CmsModelField, CmsModel, FieldLayoutPosition } from \"~/types\";\n\ninterface GetFieldPositionParams {\n    field: string | CmsModelField;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default (params: GetFieldPositionParams): FieldLayoutPosition | null => {\n    const { field, data } = params;\n    const id = typeof field === \"string\" ? field : field.id;\n    const layout = data.layout ? data.layout : [];\n    for (let i = 0; i < layout.length; i++) {\n        const row = layout[i];\n        for (let j = 0; j < row.length; j++) {\n            if (row[j] === id) {\n                return { row: i, index: j };\n            }\n        }\n    }\n\n    return null;\n};\n"],"mappings":";;;;;;eAMe,kBAACA,MAA8B,EAAiC;EAC3E,IAAQC,KAAK,GAAWD,MAAM,CAAtBC,KAAK;IAAEC,IAAI,GAAKF,MAAM,CAAfE,IAAI;EACnB,IAAMC,EAAE,GAAG,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;EACvD,IAAMC,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAG,EAAE;EAC7C,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAM,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;IACpC,IAAME,GAAG,GAAGH,MAAM,CAACC,CAAC,CAAC;IACrB,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,GAAG,CAACD,MAAM,EAAEE,CAAC,EAAE,EAAE;MACjC,IAAID,GAAG,CAACC,CAAC,CAAC,KAAKL,EAAE,EAAE;QACf,OAAO;UAAEI,GAAG,EAAEF,CAAC;UAAEI,KAAK,EAAED;QAAE,CAAC;MAC/B;IACJ;EACJ;EAEA,OAAO,IAAI;AACf,CAAC;AAAA"}

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

@@ -1,4 +1,34 @@
-export { default as getFieldPosition } from "./getFieldPosition";
-export { default as moveField } from "./moveField";
-export { default as deleteField } from "./deleteField";
-export { default as moveRow } from "./moveRow";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "deleteField", {
+  enumerable: true,
+  get: function get() {
+    return _deleteField.default;
+  }
+});
+Object.defineProperty(exports, "getFieldPosition", {
+  enumerable: true,
+  get: function get() {
+    return _getFieldPosition.default;
+  }
+});
+Object.defineProperty(exports, "moveField", {
+  enumerable: true,
+  get: function get() {
+    return _moveField.default;
+  }
+});
+Object.defineProperty(exports, "moveRow", {
+  enumerable: true,
+  get: function get() {
+    return _moveRow.default;
+  }
+});
+var _getFieldPosition = _interopRequireDefault(require("./getFieldPosition"));
+var _moveField = _interopRequireDefault(require("./moveField"));
+var _deleteField = _interopRequireDefault(require("./deleteField"));
+var _moveRow = _interopRequireDefault(require("./moveRow"));

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as getFieldPosition } from \"./getFieldPosition\";\nexport { default as moveField } from \"./moveField\";\nexport { default as deleteField } from \"./deleteField\";\nexport { default as moveRow } from \"./moveRow\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA"}

package/admin/components/FieldEditor/utils/moveField.d.ts

@@ -1,7 +1,8 @@
-import { CmsEditorField, CmsEditorFieldId, FieldLayoutPosition } from "../../../../types";
-declare const _default: (params: {
-    field: CmsEditorFieldId | CmsEditorField;
+import { CmsModelField, CmsEditorFieldId, CmsModel as BaseCmsModel, FieldLayoutPosition } from "../../../../types";
+interface MoveFieldParams<T> {
+    field: CmsEditorFieldId | Pick<CmsModelField, "id">;
     position: FieldLayoutPosition;
-    data: object;
-}) => any;
+    data: T;
+}
+declare const _default: <T extends Required<Pick<BaseCmsModel, "layout" | "fields">>>(params: MoveFieldParams<T>) => T;
 export default _default;

package/admin/components/FieldEditor/utils/moveField.js

@@ -1,51 +1,57 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import dot from "dot-prop-immutable";
-import getFieldPosition from "./getFieldPosition";
-
-var moveField = function moveField(_ref) {
-  var field = _ref.field,
-      position = _ref.position,
-      data = _ref.data;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
+var _getFieldPosition = _interopRequireDefault(require("./getFieldPosition"));
+var moveField = function moveField(params) {
+  var field = params.field,
+    position = params.position,
+    prev = params.data;
   var row = position.row,
-      index = position.index;
+    index = position.index;
   var fieldId = typeof field === "string" ? field : field.id;
-  var existingPosition = getFieldPosition({
+  var next = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+    layout: prev.layout ? prev.layout || [] : []
+  });
+  var existingPosition = (0, _getFieldPosition.default)({
     field: fieldId,
-    data: data
+    data: prev
   });
-
   if (existingPosition) {
-    data = dot.delete(data, "layout.".concat(existingPosition.row, ".").concat(existingPosition.index));
-  } // Setting a form field into a new non-existing row.
-
-
-  if (!data.layout[row]) {
-    return dot.set(data, "layout.".concat(row), [fieldId]);
-  } // Drop the field at the specified index.
+    next = _dotPropImmutable.default.delete(prev, "layout.".concat(existingPosition.row, ".").concat(existingPosition.index));
+  }
 
+  // Setting a form field into a new non-existing row.
+  if (!next.layout[row]) {
+    return _dotPropImmutable.default.set(next, "layout.".concat(row), [fieldId]);
+  }
 
+  // Drop the field at the specified index.
   if (index === null) {
     // Create a new row with the new field at the given row index,
-    return dot.set(data, "layout", function (layout) {
-      var newLayout = _toConsumableArray(layout);
-
+    return _dotPropImmutable.default.set(next, "layout", function (layout) {
+      var newLayout = (0, _toConsumableArray2.default)(layout);
       newLayout.splice(row, 0, [fieldId]);
       return newLayout;
     });
   }
-
-  return dot.set(data, "layout.".concat(row), function (layout) {
-    var newLayout = _toConsumableArray(layout);
-
+  return _dotPropImmutable.default.set(next, "layout.".concat(row), function (layout) {
+    var newLayout = (0, _toConsumableArray2.default)(layout);
     newLayout.splice(index, 0, fieldId);
     return newLayout;
   });
 };
-
-export default (function (params) {
-  return dot.set(moveField(params), "layout", function (layout) {
-    return _toConsumableArray(layout).filter(function (row) {
+var _default = function _default(params) {
+  return _dotPropImmutable.default.set(moveField(params), "layout", function (layout) {
+    return (0, _toConsumableArray2.default)(layout).filter(function (row) {
       return row.length > 0;
     });
   });
-});
+};
+exports.default = _default;

package/admin/components/FieldEditor/utils/moveField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["moveField","params","field","position","prev","data","row","index","fieldId","id","next","layout","existingPosition","getFieldPosition","dot","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport {\n    CmsModelField,\n    CmsEditorFieldId,\n    CmsModel as BaseCmsModel,\n    FieldLayoutPosition\n} from \"~/types\";\nimport getFieldPosition from \"./getFieldPosition\";\n\ntype CmsModel = Required<Pick<BaseCmsModel, \"fields\" | \"layout\">>;\n\ninterface MoveFieldParams<T> {\n    field: CmsEditorFieldId | Pick<CmsModelField, \"id\">;\n    position: FieldLayoutPosition;\n    data: T;\n}\n\nconst moveField = <T extends CmsModel>(params: MoveFieldParams<T>) => {\n    const { field, position, data: prev } = params;\n    const { row, index } = position;\n    const fieldId = typeof field === \"string\" ? field : field.id;\n\n    let next: T = {\n        ...prev,\n        layout: prev.layout ? prev.layout || [] : []\n    };\n\n    const existingPosition = getFieldPosition({ field: fieldId, data: prev });\n\n    if (existingPosition) {\n        next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`) as T;\n    }\n\n    // Setting a form field into a new non-existing row.\n    if (!next.layout[row]) {\n        return dot.set(next, `layout.${row}`, [fieldId]);\n    }\n\n    // Drop the field at the specified index.\n    if (index === null) {\n        // Create a new row with the new field at the given row index,\n        return dot.set(next, \"layout\", (layout: string[][]) => {\n            const newLayout = [...layout];\n            newLayout.splice(row, 0, [fieldId]);\n            return newLayout;\n        });\n    }\n\n    return dot.set(next, `layout.${row}`, (layout: string[]) => {\n        const newLayout = [...layout];\n        newLayout.splice(index, 0, fieldId);\n        return newLayout;\n    });\n};\n\nexport default <T extends CmsModel>(params: MoveFieldParams<T>): T => {\n    return dot.set(moveField<T>(params), \"layout\", (layout: string[][]) => {\n        return [...layout].filter(row => row.length > 0);\n    });\n};\n"],"mappings":";;;;;;;;;AAAA;AAOA;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAwBC,MAA0B,EAAK;EAClE,IAAQC,KAAK,GAA2BD,MAAM,CAAtCC,KAAK;IAAEC,QAAQ,GAAiBF,MAAM,CAA/BE,QAAQ;IAAQC,IAAI,GAAKH,MAAM,CAArBI,IAAI;EAC7B,IAAQC,GAAG,GAAYH,QAAQ,CAAvBG,GAAG;IAAEC,KAAK,GAAKJ,QAAQ,CAAlBI,KAAK;EAClB,IAAMC,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,+DACJN,IAAI;IACPO,MAAM,EAAEP,IAAI,CAACO,MAAM,GAAGP,IAAI,CAACO,MAAM,IAAI,EAAE,GAAG;EAAE,EAC/C;EAED,IAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAC;IAAEX,KAAK,EAAEM,OAAO;IAAEH,IAAI,EAAED;EAAK,CAAC,CAAC;EAEzE,IAAIQ,gBAAgB,EAAE;IAClBF,IAAI,GAAGI,yBAAG,CAACC,MAAM,CAACX,IAAI,mBAAYQ,gBAAgB,CAACN,GAAG,cAAIM,gBAAgB,CAACL,KAAK,EAAQ;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOQ,yBAAG,CAACE,GAAG,CAACN,IAAI,mBAAYJ,GAAG,GAAI,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOO,yBAAG,CAACE,GAAG,CAACN,IAAI,EAAE,QAAQ,EAAE,UAACC,MAAkB,EAAK;MACnD,IAAMM,SAAS,oCAAON,MAAM,CAAC;MAC7BM,SAAS,CAACC,MAAM,CAACZ,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOS,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOH,yBAAG,CAACE,GAAG,CAACN,IAAI,mBAAYJ,GAAG,GAAI,UAACK,MAAgB,EAAK;IACxD,IAAMM,SAAS,oCAAON,MAAM,CAAC;IAC7BM,SAAS,CAACC,MAAM,CAACX,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOS,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAAC,eAEa,kBAAqBhB,MAA0B,EAAQ;EAClE,OAAOa,yBAAG,CAACE,GAAG,CAAChB,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAE,UAACU,MAAkB,EAAK;IACnE,OAAO,iCAAIA,MAAM,EAAEQ,MAAM,CAAC,UAAAb,GAAG;MAAA,OAAIA,GAAG,CAACc,MAAM,GAAG,CAAC;IAAA,EAAC;EACpD,CAAC,CAAC;AACN,CAAC;AAAA"}

package/admin/components/FieldEditor/utils/moveRow.d.ts

@@ -1,9 +1,8 @@
-import { CmsEditorFieldsLayout } from "../../../../types";
-declare const _default: ({ data, source, destination }: {
+import { CmsModel } from "../../../../types";
+interface Params {
     source: number;
     destination: number;
-    data: {
-        layout: CmsEditorFieldsLayout;
-    };
-}) => any;
+    data: Pick<CmsModel, "layout">;
+}
+declare const _default: ({ data, source, destination }: Params) => any;
 export default _default;

package/admin/components/FieldEditor/utils/moveRow.js

@@ -1,10 +1,18 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import dot from "dot-prop-immutable";
-export default (function (_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
+var _default = function _default(_ref) {
   var data = _ref.data,
-      source = _ref.source,
-      destination = _ref.destination;
-  return dot.set(data, "layout", function (layout) {
-    return source < destination ? [].concat(_toConsumableArray(layout.slice(0, source)), _toConsumableArray(layout.slice(source + 1, destination)), [layout[source]], _toConsumableArray(layout.slice(destination))) : [].concat(_toConsumableArray(layout.slice(0, destination)), [layout[source]], _toConsumableArray(layout.slice(destination, source)), _toConsumableArray(layout.slice(source + 1)));
+    source = _ref.source,
+    destination = _ref.destination;
+  return _dotPropImmutable.default.set(data, "layout", function (layout) {
+    return source < destination ? [].concat((0, _toConsumableArray2.default)(layout.slice(0, source)), (0, _toConsumableArray2.default)(layout.slice(source + 1, destination)), [layout[source]], (0, _toConsumableArray2.default)(layout.slice(destination))) : [].concat((0, _toConsumableArray2.default)(layout.slice(0, destination)), [layout[source]], (0, _toConsumableArray2.default)(layout.slice(destination, source)), (0, _toConsumableArray2.default)(layout.slice(source + 1)));
   });
-});
+};
+exports.default = _default;

package/admin/components/FieldEditor/utils/moveRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["data","source","destination","dot","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport { CmsModel } from \"~/types\";\n\ninterface Params {\n    source: number;\n    destination: number;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default ({ data, source, destination }: Params) => {\n    return dot.set(data, \"layout\", (layout: string[][]) => {\n        return source < destination\n            ? [\n                  ...layout.slice(0, source),\n                  ...layout.slice(source + 1, destination),\n                  layout[source],\n                  ...layout.slice(destination)\n              ]\n            : [\n                  ...layout.slice(0, destination),\n                  layout[source],\n                  ...layout.slice(destination, source),\n                  ...layout.slice(source + 1)\n              ];\n    });\n};\n"],"mappings":";;;;;;;;AAAA;AAAqC,eAQtB,wBAA2C;EAAA,IAAxCA,IAAI,QAAJA,IAAI;IAAEC,MAAM,QAANA,MAAM;IAAEC,WAAW,QAAXA,WAAW;EACvC,OAAOC,yBAAG,CAACC,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAE,UAACK,MAAkB,EAAK;IACnD,OAAOJ,MAAM,GAAGC,WAAW,8CAEdG,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEL,MAAM,CAAC,oCACvBI,MAAM,CAACC,KAAK,CAACL,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,IACxCG,MAAM,CAACJ,MAAM,CAAC,oCACXI,MAAM,CAACC,KAAK,CAACJ,WAAW,CAAC,gDAGzBG,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,WAAW,CAAC,IAC/BG,MAAM,CAACJ,MAAM,CAAC,oCACXI,MAAM,CAACC,KAAK,CAACJ,WAAW,EAAED,MAAM,CAAC,oCACjCI,MAAM,CAACC,KAAK,CAACL,MAAM,GAAG,CAAC,CAAC,EAC9B;EACX,CAAC,CAAC;AACN,CAAC;AAAA"}

package/admin/components/IconPicker.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FormComponentProps } from "@webiny/ui/types";
+export interface IconPickerProps extends FormComponentProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export declare const IconPicker: React.FC<IconPickerProps>;

package/admin/components/IconPicker.js

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