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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_FieldEditorContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;EAC9C,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,wHAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["useContext","FieldEditorContext","useModelFieldEditor","context","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,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,kBAAkB;AAE3B,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAGH,UAAU,CAACC,kBAAkB,CAAC;EAC9C,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,qHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}

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

@@ -1,32 +1,23 @@
-"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 = exports.default = function _default(params) {
-  var field = params.field,
-    prev = params.data;
+import dot from "dot-prop-immutable";
+export default params => {
+  const {
+    field,
+    data: prev
+  } = params;
   // Remove the field from fields list...
-  var fieldIndex = prev.fields.findIndex(function (item) {
-    return item.id === field.id;
-  });
-  var data = _dotPropImmutable.default.delete(prev, "fields.".concat(fieldIndex));
+  const fieldIndex = prev.fields.findIndex(item => item.id === field.id);
+  const data = dot.delete(prev, `fields.${fieldIndex}`);
 
   // ...and rebuild the layout object.
-  return _dotPropImmutable.default.set(data, "layout", function (layout) {
+  return dot.set(data, "layout", layout => {
     if (!layout) {
       return [];
     }
-    var newLayout = [];
-    var currentRowIndex = 0;
-    layout.forEach(function (row) {
-      row.forEach(function (fieldId) {
-        var field = data.fields.find(function (item) {
-          return item.id === fieldId;
-        });
+    const newLayout = [];
+    let currentRowIndex = 0;
+    layout.forEach(row => {
+      row.forEach(fieldId => {
+        const field = data.fields.find(item => item.id === fieldId);
         if (!field) {
           return;
         }

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

@@ -1 +1 @@
-{"version":3,"names":["_dotPropImmutable","_interopRequireDefault","require","_default","exports","default","params","field","prev","data","fieldIndex","fields","findIndex","item","id","dot","delete","concat","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAQtB,SAAAF,SAACG,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,YAAAS,MAAA,CAAYP,UAAU,CAAE,CAA0B;;EAE9E;EACA,OAAOK,yBAAG,CAACG,GAAG,CAACT,IAAI,EAAE,QAAQ,EAAE,UAACU,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,IAAMjB,KAAK,GAAGE,IAAI,CAACE,MAAM,CAACc,IAAI,CAAC,UAAAZ,IAAI;UAAA,OAAIA,IAAI,CAACC,EAAE,KAAKU,OAAO;QAAA,EAAC;QAC3D,IAAI,CAACjB,KAAK,EAAE;UACR;QACJ;QACA,IAAI,CAACmB,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","ignoreList":[]}
+{"version":3,"names":["dot","params","field","data","prev","fieldIndex","fields","findIndex","item","id","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,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAgBC,MAAyB,IAAK;EAC1C,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGH,MAAM;EACpC;EACA,MAAMI,UAAU,GAAGD,IAAI,CAACE,MAAM,CAACC,SAAS,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKP,KAAK,CAACO,EAAE,CAAC;EACtE,MAAMN,IAAI,GAAGH,GAAG,CAACU,MAAM,CAACN,IAAI,EAAE,UAAUC,UAAU,EAAE,CAA0B;;EAE9E;EACA,OAAOL,GAAG,CAACW,GAAG,CAACR,IAAI,EAAE,QAAQ,EAAGS,MAAuC,IAAK;IACxE,IAAI,CAACA,MAAM,EAAE;MACT,OAAO,EAAE;IACb;IACA,MAAMC,SAA0C,GAAG,EAAE;IACrD,IAAIC,eAAe,GAAG,CAAC;IACvBF,MAAM,CAACG,OAAO,CAACC,GAAG,IAAI;MAClBA,GAAG,CAACD,OAAO,CAACE,OAAO,IAAI;QACnB,MAAMf,KAAK,GAAGC,IAAI,CAACG,MAAM,CAACY,IAAI,CAACV,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKQ,OAAO,CAAC;QAC3D,IAAI,CAACf,KAAK,EAAE;UACR;QACJ;QACA,IAAI,CAACiB,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","ignoreList":[]}

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

@@ -1,17 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.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++) {
+export default params => {
+  const {
+    field,
+    data
+  } = params;
+  const id = typeof field === "string" ? field : field.id;
+  const layout = data.layout ? data.layout : [];
+  for (let i = 0; i < layout.length; i++) {
+    const row = layout[i];
+    for (let j = 0; j < row.length; j++) {
       if (row[j] === id) {
         return {
           row: i,

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

@@ -1 +1 @@
-{"version":3,"names":["_default","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":";;;;;;iCAMe,SAAAA,SAACC,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","ignoreList":[]}
+{"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":"AAMA,eAAgBA,MAA8B,IAAiC;EAC3E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,MAAM;EAC9B,MAAMG,EAAE,GAAG,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;EACvD,MAAMC,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,MAAME,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","ignoreList":[]}

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

@@ -1,36 +1,6 @@
-"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"));
+export { default as getFieldPosition } from "./getFieldPosition";
+export { default as moveField } from "./moveField";
+export { default as deleteField } from "./deleteField";
+export { default as moveRow } from "./moveRow";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_getFieldPosition","_interopRequireDefault","require","_moveField","_deleteField","_moveRow"],"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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["default","getFieldPosition","moveField","deleteField","moveRow"],"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,SAASA,OAAO,IAAIC,gBAAgB;AACpC,SAASD,OAAO,IAAIE,SAAS;AAC7B,SAASF,OAAO,IAAIG,WAAW;AAC/B,SAASH,OAAO,IAAII,OAAO","ignoreList":[]}

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

@@ -1,57 +1,51 @@
-"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;
-  var fieldId = typeof field === "string" ? field : field.id;
-  var next = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+import dot from "dot-prop-immutable";
+import getFieldPosition from "./getFieldPosition";
+const moveField = params => {
+  const {
+    field,
+    position,
+    data: prev
+  } = params;
+  const {
+    row,
+    index
+  } = position;
+  const fieldId = typeof field === "string" ? field : field.id;
+  let next = {
+    ...prev,
     layout: prev.layout ? prev.layout || [] : []
-  });
-  var existingPosition = (0, _getFieldPosition.default)({
+  };
+  const existingPosition = getFieldPosition({
     field: fieldId,
     data: prev
   });
   if (existingPosition) {
-    next = _dotPropImmutable.default.delete(prev, "layout.".concat(existingPosition.row, ".").concat(existingPosition.index));
+    next = dot.delete(prev, `layout.${existingPosition.row}.${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]);
+    return dot.set(next, `layout.${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 _dotPropImmutable.default.set(next, "layout", function (layout) {
-      var newLayout = (0, _toConsumableArray2.default)(layout);
+    return dot.set(next, "layout", layout => {
+      const newLayout = [...layout];
       newLayout.splice(row, 0, [fieldId]);
       return newLayout;
     });
   }
-  return _dotPropImmutable.default.set(next, "layout.".concat(row), function (layout) {
-    var newLayout = (0, _toConsumableArray2.default)(layout);
+  return dot.set(next, `layout.${row}`, layout => {
+    const newLayout = [...layout];
     newLayout.splice(index, 0, fieldId);
     return newLayout;
   });
 };
-var _default = exports.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;
-    });
+export default params => {
+  return dot.set(moveField(params), "layout", layout => {
+    return [...layout].filter(row => row.length > 0);
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_dotPropImmutable","_interopRequireDefault","require","_getFieldPosition","moveField","params","field","position","prev","data","row","index","fieldId","id","next","_objectSpread2","default","layout","existingPosition","getFieldPosition","dot","delete","concat","set","newLayout","_toConsumableArray2","splice","_default","exports","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAOA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAUA,IAAME,SAAS,GAAG,SAAZA,SAASA,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,OAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACJR,IAAI;IACPS,MAAM,EAAET,IAAI,CAACS,MAAM,GAAGT,IAAI,CAACS,MAAM,IAAI,EAAE,GAAG;EAAE,EAC/C;EAED,IAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAC;IAAEb,KAAK,EAAEM,OAAO;IAAEH,IAAI,EAAED;EAAK,CAAC,CAAC;EAEzE,IAAIU,gBAAgB,EAAE;IAClBJ,IAAI,GAAGM,yBAAG,CAACC,MAAM,CAACb,IAAI,YAAAc,MAAA,CAAYJ,gBAAgB,CAACR,GAAG,OAAAY,MAAA,CAAIJ,gBAAgB,CAACP,KAAK,CAAE,CAAM;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACG,MAAM,CAACP,GAAG,CAAC,EAAE;IACnB,OAAOU,yBAAG,CAACG,GAAG,CAACT,IAAI,YAAAQ,MAAA,CAAYZ,GAAG,GAAI,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOS,yBAAG,CAACG,GAAG,CAACT,IAAI,EAAE,QAAQ,EAAE,UAACG,MAAkB,EAAK;MACnD,IAAMO,SAAS,OAAAC,mBAAA,CAAAT,OAAA,EAAOC,MAAM,CAAC;MAC7BO,SAAS,CAACE,MAAM,CAAChB,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOY,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOJ,yBAAG,CAACG,GAAG,CAACT,IAAI,YAAAQ,MAAA,CAAYZ,GAAG,GAAI,UAACO,MAAgB,EAAK;IACxD,IAAMO,SAAS,OAAAC,mBAAA,CAAAT,OAAA,EAAOC,MAAM,CAAC;IAC7BO,SAAS,CAACE,MAAM,CAACf,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOY,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEa,SAAAW,SAAqBtB,MAA0B,EAAQ;EAClE,OAAOe,yBAAG,CAACG,GAAG,CAACnB,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAE,UAACY,MAAkB,EAAK;IACnE,OAAO,IAAAQ,mBAAA,CAAAT,OAAA,EAAIC,MAAM,EAAEY,MAAM,CAAC,UAAAnB,GAAG;MAAA,OAAIA,GAAG,CAACoB,MAAM,GAAG,CAAC;IAAA,EAAC;EACpD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["dot","getFieldPosition","moveField","params","field","position","data","prev","row","index","fieldId","id","next","layout","existingPosition","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,OAAOA,GAAG,MAAM,oBAAoB;AAOpC,OAAOC,gBAAgB;AAUvB,MAAMC,SAAS,GAAwBC,MAA0B,IAAK;EAClE,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGJ,MAAM;EAC9C,MAAM;IAAEK,GAAG;IAAEC;EAAM,CAAC,GAAGJ,QAAQ;EAC/B,MAAMK,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,GAAG;IACV,GAAGL,IAAI;IACPM,MAAM,EAAEN,IAAI,CAACM,MAAM,GAAGN,IAAI,CAACM,MAAM,IAAI,EAAE,GAAG;EAC9C,CAAC;EAED,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC;IAAEG,KAAK,EAAEM,OAAO;IAAEJ,IAAI,EAAEC;EAAK,CAAC,CAAC;EAEzE,IAAIO,gBAAgB,EAAE;IAClBF,IAAI,GAAGZ,GAAG,CAACe,MAAM,CAACR,IAAI,EAAE,UAAUO,gBAAgB,CAACN,GAAG,IAAIM,gBAAgB,CAACL,KAAK,EAAE,CAAM;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOR,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAE,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOT,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAGC,MAAkB,IAAK;MACnD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;MAC7BI,SAAS,CAACC,MAAM,CAACV,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOO,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOjB,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAGK,MAAgB,IAAK;IACxD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;IAC7BI,SAAS,CAACC,MAAM,CAACT,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOO,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAED,eAAoCd,MAA0B,IAAQ;EAClE,OAAOH,GAAG,CAACgB,GAAG,CAACd,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAGU,MAAkB,IAAK;IACnE,OAAO,CAAC,GAAGA,MAAM,CAAC,CAACM,MAAM,CAACX,GAAG,IAAIA,GAAG,CAACY,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

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

@@ -1,18 +1,11 @@
-"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 = exports.default = function _default(_ref) {
-  var data = _ref.data,
-    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)));
+import dot from "dot-prop-immutable";
+export default ({
+  data,
+  source,
+  destination
+}) => {
+  return dot.set(data, "layout", layout => {
+    return source < destination ? [...layout.slice(0, source), ...layout.slice(source + 1, destination), layout[source], ...layout.slice(destination)] : [...layout.slice(0, destination), layout[source], ...layout.slice(destination, source), ...layout.slice(source + 1)];
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_dotPropImmutable","_interopRequireDefault","require","_default","exports","default","_ref","data","source","destination","dot","set","layout","concat","_toConsumableArray2","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAQtB,SAAAF,SAAAG,IAAA,EAA2C;EAAA,IAAxCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;EACvC,OAAOC,yBAAG,CAACC,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAE,UAACK,MAAkB,EAAK;IACnD,OAAOJ,MAAM,GAAGC,WAAW,MAAAI,MAAA,KAAAC,mBAAA,CAAAT,OAAA,EAEdO,MAAM,CAACG,KAAK,CAAC,CAAC,EAAEP,MAAM,CAAC,OAAAM,mBAAA,CAAAT,OAAA,EACvBO,MAAM,CAACG,KAAK,CAACP,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,IACxCG,MAAM,CAACJ,MAAM,CAAC,OAAAM,mBAAA,CAAAT,OAAA,EACXO,MAAM,CAACG,KAAK,CAACN,WAAW,CAAC,QAAAI,MAAA,KAAAC,mBAAA,CAAAT,OAAA,EAGzBO,MAAM,CAACG,KAAK,CAAC,CAAC,EAAEN,WAAW,CAAC,IAC/BG,MAAM,CAACJ,MAAM,CAAC,OAAAM,mBAAA,CAAAT,OAAA,EACXO,MAAM,CAACG,KAAK,CAACN,WAAW,EAAED,MAAM,CAAC,OAAAM,mBAAA,CAAAT,OAAA,EACjCO,MAAM,CAACG,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC,EAC9B;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["dot","data","source","destination","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,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAe,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EACtD,OAAOH,GAAG,CAACI,GAAG,CAACH,IAAI,EAAE,QAAQ,EAAGI,MAAkB,IAAK;IACnD,OAAOH,MAAM,GAAGC,WAAW,GACrB,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,EAC1B,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,EACxCE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,CAAC,CAC/B,GACD,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEH,WAAW,CAAC,EAC/BE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,EAAED,MAAM,CAAC,EACpC,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,CAAC,CAC9B;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/admin/components/IconPicker.d.ts

@@ -1,7 +1,3 @@
 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: ({ value, onChange, label, description, validation }: IconPickerProps) => React.JSX.Element;
+import { IconPickerProps } from "@webiny/admin-ui";
+export declare const IconPicker: (props: Omit<IconPickerProps, "icons">) => React.JSX.Element;

package/admin/components/IconPicker.js

@@ -1,232 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconPicker = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _react2 = require("@emotion/react");
-var _plugins = require("@webiny/plugins");
-var _Typography = require("@webiny/ui/Typography");
-var _reactVirtualized = require("react-virtualized");
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _Menu = require("@webiny/ui/Menu");
-var _Input = require("@webiny/ui/Input");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _templateObject;
-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)."; }
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-var iconPickerLabel = (0, _emotion.css)({
-  marginBottom: 5,
-  marginLeft: 2
-});
-var globalStyles = process.env.NODE_ENV === "production" ? {
-  name: "1qtvsqr",
-  styles: "#rmwcPortal>.mdc-menu-surface{z-index:1000;}"
-} : {
-  name: "wxw4zd-globalStyles",
-  styles: "#rmwcPortal>.mdc-menu-surface{z-index:1000;};label:globalStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25QaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCNkIiLCJmaWxlIjoiSWNvblBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGNzcyBhcyByZWFjdENzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBwbHVnaW5zIH0gZnJvbSBcIkB3ZWJpbnkvcGx1Z2luc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEdyaWQgfSBmcm9tIFwicmVhY3QtdmlydHVhbGl6ZWRcIjtcbmltcG9ydCB7IEZvbnRBd2Vzb21lSWNvbiB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvcmVhY3QtZm9udGF3ZXNvbWVcIjtcbmltcG9ydCB7IERlbGF5ZWRPbkNoYW5nZSwgT25DaGFuZ2VDYWxsYWJsZSB9IGZyb20gXCJAd2ViaW55L3VpL0RlbGF5ZWRPbkNoYW5nZVwiO1xuaW1wb3J0IHsgTWVudSwgUmVuZGVyYWJsZU1lbnVDaGlsZHJlbiB9IGZyb20gXCJAd2ViaW55L3VpL01lbnVcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvSW5wdXRcIjtcbmltcG9ydCB7IENtc0ljb24sIENtc0ljb25zUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEZvcm1Db21wb25lbnRQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL3R5cGVzXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcbmltcG9ydCB7IEdyaWRDZWxsUHJvcHMgfSBmcm9tIFwicmVhY3QtdmlydHVhbGl6ZWQvZGlzdC9lcy9HcmlkXCI7XG5cbi8qKlxuICogQ29udHJvbHMgdGhlIGhlbHBlciB0ZXh0IGJlbG93IHRoZSBjaGVja2JveC5cbiAqIEB0eXBlIHtzdHJpbmd9XG4gKi9cbmNvbnN0IGljb25QaWNrZXJMYWJlbCA9IGNzcyh7IG1hcmdpbkJvdHRvbTogNSwgbWFyZ2luTGVmdDogMiB9KTtcblxuY29uc3QgZ2xvYmFsU3R5bGVzID0gcmVhY3RDc3NgXG4gICAgI3Jtd2NQb3J0YWwgPiAubWRjLW1lbnUtc3VyZmFjZSB7XG4gICAgICAgIHotaW5kZXg6IDEwMDA7XG4gICAgfVxuYDtcblxuY29uc3QgTWVudVdyYXBwZXIgPSBjc3NgXG4gICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kLCByZ2JhKDAsIDAsIDAsIDAuNTQpKTtcbiAgICBwYWRkaW5nOiAxNnB4IDhweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMSk7XG4gICAgfVxuYDtcblxuY29uc3QgTm9SZXN1bHRXcmFwcGVyID0gY3NzKHtcbiAgICB3aWR0aDogNjQwLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IFwiMTZweCAxMnB4XCJcbn0pO1xuXG5jb25zdCBDT0xVTU5fQ09VTlQgPSA2O1xuXG5jb25zdCBncmlkSXRlbSA9IGNzcyh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwYWRkaW5nVG9wOiAxNSxcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVaKDApXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAyLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHRyYW5zaXRpb246IFwiYWxsIDAuNXMgY3ViaWMtYmV6aWVyKDAuMTY1LCAwLjg0LCAwLjQ0LCAxKVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICBib3hTaGFkb3c6IFwiMCAwLjI1cmVtIDAuMTI1cmVtIDAgcmdiYSgwLDAsMCwwLjA1KVwiLFxuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDFcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IDQyLFxuICAgICAgICBtYXJnaW5Cb3R0b206IDVcbiAgICB9XG59KTtcblxuY29uc3QgZ3JpZCA9IGNzcyh7XG4gICAgcGFkZGluZzogMjBcbn0pO1xuXG5jb25zdCBwaWNrSWNvbiA9IGNzcyh7XG4gICAgd2lkdGg6IDUwLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiXG59KTtcblxuY29uc3Qgc2VhcmNoSW5wdXQgPSBjc3Moe1xuICAgIGlucHV0OiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMjBweCAxMnB4IDIwcHhcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25QaWNrZXJQcm9wcyBleHRlbmRzIEZvcm1Db21wb25lbnRQcm9wcyB7XG4gICAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgZGVzY3JpcHRpb24/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmludGVyZmFjZSBSZW5kZXJDZWxsUGFyYW1zIHtcbiAgICBjbG9zZU1lbnU6ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBJY29uUGlja2VyID0gKHtcbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBsYWJlbCxcbiAgICBkZXNjcmlwdGlvbixcbiAgICB2YWxpZGF0aW9uXG59OiBJY29uUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbZmlsdGVyLCBzZXRGaWx0ZXJdID0gdXNlU3RhdGUoXCJcIik7XG4gICAgY29uc3QgW211c3RSZW5kZXJHcmlkLCBzZXRNdXN0UmVuZGVyR3JpZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChtdXN0UmVuZGVyR3JpZCAmJiBpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LCA1MCk7XG4gICAgfSwgW211c3RSZW5kZXJHcmlkXSk7XG5cbiAgICBjb25zdCBvbkZpbHRlckNoYW5nZSA9IHVzZUNhbGxiYWNrPE9uQ2hhbmdlQ2FsbGFibGU+KFxuICAgICAgICAodmFsdWUsIGNiKSA9PiB7XG4gICAgICAgICAgICBzZXRGaWx0ZXIodmFsdWUpO1xuICAgICAgICAgICAgaWYgKGNiKSB7XG4gICAgICAgICAgICAgICAgY2IodmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbZmlsdGVyXVxuICAgICk7XG5cbiAgICBjb25zdCBhbGxJY29uczogQ21zSWNvbltdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGljb25QbHVnaW5zID0gcGx1Z2lucy5ieVR5cGU8Q21zSWNvbnNQbHVnaW4+KFwiY21zLWljb25zXCIpO1xuICAgICAgICByZXR1cm4gaWNvblBsdWdpbnMucmVkdWNlKChpY29uczogQXJyYXk8Q21zSWNvbj4sIHBsKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gaWNvbnMuY29uY2F0KHBsLmdldEljb25zKCkpO1xuICAgICAgICB9LCBbXSk7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3QgaWNvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIGZpbHRlciA/IGFsbEljb25zLmZpbHRlcihpYyA9PiBpYy5uYW1lLmluY2x1ZGVzKGZpbHRlcikpIDogYWxsSWNvbnM7XG4gICAgfSwgW2ZpbHRlcl0pO1xuXG4gICAgY29uc3QgcmVuZGVyQ2VsbCA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoeyBjbG9zZU1lbnUgfTogUmVuZGVyQ2VsbFBhcmFtcykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGZ1bmN0aW9uIHJlbmRlckNlbGwoe1xuICAgICAgICAgICAgICAgIGNvbHVtbkluZGV4LFxuICAgICAgICAgICAgICAgIGtleSxcbiAgICAgICAgICAgICAgICByb3dJbmRleCxcbiAgICAgICAgICAgICAgICBzdHlsZVxuICAgICAgICAgICAgfTogR3JpZENlbGxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gICAgICAgICAgICAgICAgY29uc3QgaXRlbSA9IGljb25zW3Jvd0luZGV4ICogQ09MVU1OX0NPVU5UICsgY29sdW1uSW5kZXhdO1xuICAgICAgICAgICAgICAgIGlmICghaXRlbSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2tleX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Z3JpZEl0ZW19XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGl0ZW0uaWQuam9pbihcIi9cIikpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbG9zZU1lbnUoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGb250QXdlc29tZUljb24gaWNvbj17aXRlbS5pZH0gc2l6ZT17XCIyeFwifSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PntpdGVtLm5hbWV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSxcbiAgICAgICAgW2ljb25zXVxuICAgICk7XG5cbiAgICBjb25zdCByZW5kZXJHcmlkID0gdXNlQ2FsbGJhY2s8UmVuZGVyYWJsZU1lbnVDaGlsZHJlbj4oXG4gICAgICAgICh7IGNsb3NlTWVudSB9KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxHbG9iYWwgc3R5bGVzPXtnbG9iYWxTdHlsZXN9IC8+XG4gICAgICAgICAgICAgICAgICAgIDxEZWxheWVkT25DaGFuZ2UgdmFsdWU9e2ZpbHRlcn0gb25DaGFuZ2U9e29uRmlsdGVyQ2hhbmdlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHsoeyB2YWx1ZSwgb25DaGFuZ2UgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17c2VhcmNoSW5wdXR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17XCJTZWFyY2ggaWNvbnMuLi5cIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9EZWxheWVkT25DaGFuZ2U+XG4gICAgICAgICAgICAgICAgICAgIHtpY29ucy5sZW5ndGggPT09IDAgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Tm9SZXN1bHRXcmFwcGVyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9XCJib2R5MVwiPk5vIHJlc3VsdHMgZm91bmQuPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Z3JpZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjZWxsUmVuZGVyZXI9e3JlbmRlckNlbGwoeyBjbG9zZU1lbnUgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sdW1uQ291bnQ9e0NPTFVNTl9DT1VOVH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2x1bW5XaWR0aD17MTAwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD17NDQwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvd0NvdW50PXtNYXRoLmNlaWwoaWNvbnMubGVuZ3RoIC8gQ09MVU1OX0NPVU5UKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3dIZWlnaHQ9ezEwMH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD17NjQwfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgICAgIFtpY29uc11cbiAgICApO1xuXG4gICAgY29uc3QgZm9udEF3ZXNvbWVJY29uVmFsdWU6IGFueSA9XG4gICAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gXCJzdHJpbmdcIiAmJiB2YWx1ZS5pbmNsdWRlcyhcIi9cIikgPyB2YWx1ZS5zcGxpdChcIi9cIikgOiBbXCJmYXNcIiwgXCJzdGFyXCJdO1xuXG4gICAgY29uc3QgeyBpc1ZhbGlkOiB2YWxpZGF0aW9uSXNWYWxpZCwgbWVzc2FnZTogdmFsaWRhdGlvbk1lc3NhZ2UgfSA9IHZhbGlkYXRpb24gfHwge307XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aWNvblBpY2tlckxhYmVsfT5cbiAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkxXCJ9PntsYWJlbH08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgICAgIG9uT3Blbj17KCkgPT4gc2V0TXVzdFJlbmRlckdyaWQodHJ1ZSl9XG4gICAgICAgICAgICAgICAgb25DbG9zZT17KCkgPT4gc2V0TXVzdFJlbmRlckdyaWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgIHJlbmRlclRvUG9ydGFsPXt0cnVlfVxuICAgICAgICAgICAgICAgIHJlbmRlcj17bXVzdFJlbmRlckdyaWQgPyByZW5kZXJHcmlkIDogKCkgPT4gbnVsbH1cbiAgICAgICAgICAgICAgICBoYW5kbGU9e1xuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17TWVudVdyYXBwZXJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3BpY2tJY29ufT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9udEF3ZXNvbWVJY29uIGljb249e2ZvbnRBd2Vzb21lSWNvblZhbHVlfSBzaXplPXtcIjJ4XCJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAge3ZhbGlkYXRpb25Jc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj57dmFsaWRhdGlvbk1lc3NhZ2V9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge3ZhbGlkYXRpb25Jc1ZhbGlkICE9PSBmYWxzZSAmJiBkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZGVzY3JpcHRpb259PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var MenuWrapper = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    color: var(--mdc-theme-text-secondary-on-background);\n    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\n"])));
-var NoResultWrapper = (0, _emotion.css)({
-  width: 640,
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  padding: "16px 12px"
-});
-var COLUMN_COUNT = 6;
-var gridItem = (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
-  }
-});
-var grid = (0, _emotion.css)({
-  padding: 20
-});
-var pickIcon = (0, _emotion.css)({
-  width: 50,
-  textAlign: "center",
-  cursor: "pointer"
-});
-var searchInput = (0, _emotion.css)({
-  input: {
-    padding: "20px 12px 20px"
-  }
-});
-var IconPicker = exports.IconPicker = function IconPicker(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    label = _ref.label,
-    description = _ref.description,
-    validation = _ref.validation;
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    filter = _useState2[0],
-    setFilter = _useState2[1];
-  var _useState3 = (0, _react.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 = (0, _react.useCallback)(function (value, cb) {
-    setFilter(value);
-    if (cb) {
-      cb(value);
-    }
-  }, [filter]);
-  var allIcons = (0, _react.useMemo)(function () {
-    var iconPlugins = _plugins.plugins.byType("cms-icons");
-    return iconPlugins.reduce(function (icons, pl) {
+import React, { useMemo } from "react";
+import { IconPicker as AdminIconPicker } from "@webiny/admin-ui";
+import { plugins } from "@webiny/plugins";
+export const IconPicker = props => {
+  const icons = useMemo(() => {
+    const iconPlugins = plugins.byType("cms-icons");
+    return iconPlugins.reduce((icons, pl) => {
       return icons.concat(pl.getIcons());
     }, []);
   }, []);
-  var icons = (0, _react.useMemo)(function () {
-    return filter ? allIcons.filter(function (ic) {
-      return ic.name.includes(filter);
-    }) : allIcons;
-  }, [filter]);
-  var renderCell = (0, _react.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 = (0, _react.useCallback)(function (_ref4) {
-    var closeMenu = _ref4.closeMenu;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Global, {
-      styles: globalStyles
-    }), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
-      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);
-    },
-    renderToPortal: true,
-    render: mustRenderGrid ? renderGrid : function () {
-      return null;
-    },
-    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"
-    })))
-  }), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-    error: true
-  }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
+  return /*#__PURE__*/React.createElement(AdminIconPicker, Object.assign({
+    size: "lg",
+    icons: icons
+  }, props));
 };
 
 //# sourceMappingURL=IconPicker.js.map