@webiny/app-headless-cms 5.40.0-beta.2 → 5.40.0-beta.4

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-var _default = function _default(params) {
+var _default = exports.default = function _default(params) {
   var field = params.field,
     prev = params.data;
   // Remove the field from fields list...
@@ -40,6 +40,5 @@ var _default = function _default(params) {
     return newLayout;
   });
 };
-exports.default = _default;
 
 //# sourceMappingURL=deleteField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dotPropImmutable","_interopRequireDefault","require","_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","exports","default"],"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,GAQtB,SAAAA,SAACC,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;AAAAU,OAAA,CAAAC,OAAA,GAAA1B,QAAA"}
+{"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":[]}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = function _default(params) {
+var _default = exports.default = function _default(params) {
   var field = params.field,
     data = params.data;
   var id = typeof field === "string" ? field : field.id;
@@ -22,6 +22,5 @@ var _default = function _default(params) {
   }
   return null;
 };
-exports.default = _default;
 
 //# sourceMappingURL=getFieldPosition.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_default","params","field","data","id","layout","i","length","row","j","index","exports","default"],"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,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;AAAAE,OAAA,CAAAC,OAAA,GAAAZ,QAAA"}
+{"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":[]}

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"}
+{"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":[]}

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

@@ -47,13 +47,12 @@ var moveField = function moveField(params) {
     return newLayout;
   });
 };
-var _default = function _default(params) {
+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;
     });
   });
 };
-exports.default = _default;
 
 //# sourceMappingURL=moveField.js.map

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","filter","length","exports"],"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,GAEa,SAAAA,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,EAAEW,MAAM,CAAC,UAAAlB,GAAG;MAAA,OAAIA,GAAG,CAACmB,MAAM,GAAG,CAAC;IAAA,EAAC;EACpD,CAAC,CAAC;AACN,CAAC;AAAAC,OAAA,CAAAd,OAAA,GAAAW,QAAA"}
+{"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":[]}

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 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 _default = exports.default = function _default(_ref) {
   var data = _ref.data,
     source = _ref.source,
     destination = _ref.destination;
@@ -15,6 +15,5 @@ var _default = function _default(_ref) {
     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;
 
 //# sourceMappingURL=moveRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dotPropImmutable","_interopRequireDefault","require","_default","_ref","data","source","destination","dot","set","layout","concat","_toConsumableArray2","default","slice","exports"],"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,GAQtB,SAAAA,SAAAC,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,CAAAC,OAAA,EAEdH,MAAM,CAACI,KAAK,CAAC,CAAC,EAAER,MAAM,CAAC,OAAAM,mBAAA,CAAAC,OAAA,EACvBH,MAAM,CAACI,KAAK,CAACR,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,IACxCG,MAAM,CAACJ,MAAM,CAAC,OAAAM,mBAAA,CAAAC,OAAA,EACXH,MAAM,CAACI,KAAK,CAACP,WAAW,CAAC,QAAAI,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAGzBH,MAAM,CAACI,KAAK,CAAC,CAAC,EAAEP,WAAW,CAAC,IAC/BG,MAAM,CAACJ,MAAM,CAAC,OAAAM,mBAAA,CAAAC,OAAA,EACXH,MAAM,CAACI,KAAK,CAACP,WAAW,EAAED,MAAM,CAAC,OAAAM,mBAAA,CAAAC,OAAA,EACjCH,MAAM,CAACI,KAAK,CAACR,MAAM,GAAG,CAAC,CAAC,EAC9B;EACX,CAAC,CAAC;AACN,CAAC;AAAAS,OAAA,CAAAF,OAAA,GAAAV,QAAA"}
+{"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":[]}

package/admin/components/IconPicker.d.ts

@@ -4,4 +4,4 @@ export interface IconPickerProps extends FormComponentProps {
     label?: React.ReactNode;
     description?: React.ReactNode;
 }
-export declare const IconPicker: ({ value, onChange, label, description, validation }: IconPickerProps) => JSX.Element;
+export declare const IconPicker: ({ value, onChange, label, description, validation }: IconPickerProps) => React.JSX.Element;

package/admin/components/IconPicker.js

@@ -15,28 +15,37 @@ 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 _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 = /*#__PURE__*/(0, _emotion.css)({
+var iconPickerLabel = (0, _emotion.css)({
   marginBottom: 5,
   marginLeft: 2
-}, "label:iconPickerLabel;");
-var globalStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    #rmwcPortal > .mdc-menu-surface {\n        z-index: 1000;\n    }\n"])));
-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)({
+});
+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+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgICAgIG9uT3Blbj17KCkgPT4gc2V0TXVzdFJlbmRlckdyaWQodHJ1ZSl9XG4gICAgICAgICAgICAgICAgb25DbG9zZT17KCkgPT4gc2V0TXVzdFJlbmRlckdyaWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgIHJlbmRlclRvUG9ydGFsPXt0cnVlfVxuICAgICAgICAgICAgICAgIGhhbmRsZT17XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtNZW51V3JhcHBlcn0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17cGlja0ljb259PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb250QXdlc29tZUljb24gaWNvbj17Zm9udEF3ZXNvbWVJY29uVmFsdWV9IHNpemU9e1wiMnhcIn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgICAgICogVW5mb3J0dW5hdGVseSB3ZSBuZWVkIHRvIGNhc3QgZm9yIGJ1aWxkIHRvIHBhc3MuXG4gICAgICAgICAgICAgICAgICAgICAqXG4gICAgICAgICAgICAgICAgICAgICAqIHJlYWwgdHlwZSBpcyBSZW5kZXJhYmxlTWVudUNoaWxkcmVuLCBidXQgdGhlIFRTIGlzIGNvbXBsYWluaW5nLlxuICAgICAgICAgICAgICAgICAgICAgKiBAVE9ETyBicnVubyBmaXhcbiAgICAgICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgICAgIG11c3RSZW5kZXJHcmlkICYmIChyZW5kZXJHcmlkIGFzIHVua25vd24gYXMgUmVhY3QuUmVhY3ROb2RlKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvTWVudT5cblxuICAgICAgICAgICAge3ZhbGlkYXRpb25Jc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj57dmFsaWRhdGlvbk1lc3NhZ2V9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+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"
-}, "label:NoResultWrapper;");
+});
 var COLUMN_COUNT = 6;
-var gridItem = /*#__PURE__*/(0, _emotion.css)({
+var gridItem = (0, _emotion.css)({
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-start",
@@ -72,21 +81,21 @@ var gridItem = /*#__PURE__*/(0, _emotion.css)({
     width: 42,
     marginBottom: 5
   }
-}, "label:gridItem;");
-var grid = /*#__PURE__*/(0, _emotion.css)({
+});
+var grid = (0, _emotion.css)({
   padding: 20
-}, "label:grid;");
-var pickIcon = /*#__PURE__*/(0, _emotion.css)({
+});
+var pickIcon = (0, _emotion.css)({
   width: 50,
   textAlign: "center",
   cursor: "pointer"
-}, "label:pickIcon;");
-var searchInput = /*#__PURE__*/(0, _emotion.css)({
+});
+var searchInput = (0, _emotion.css)({
   input: {
     padding: "20px 12px 20px"
   }
-}, "label:searchInput;");
-var IconPicker = function IconPicker(_ref) {
+});
+var IconPicker = exports.IconPicker = function IconPicker(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     label = _ref.label,
@@ -110,7 +119,9 @@ var IconPicker = function IconPicker(_ref) {
   }, [mustRenderGrid]);
   var onFilterChange = (0, _react.useCallback)(function (value, cb) {
     setFilter(value);
-    cb();
+    if (cb) {
+      cb(value);
+    }
   }, [filter]);
   var allIcons = (0, _react.useMemo)(function () {
     var iconPlugins = _plugins.plugins.byType("cms-icons");
@@ -156,7 +167,7 @@ var IconPicker = function IconPicker(_ref) {
     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.default, {
+    }), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
       value: filter,
       onChange: onFilterChange
     }, function (_ref5) {
@@ -210,10 +221,16 @@ var IconPicker = function IconPicker(_ref) {
       icon: fontAwesomeIconValue,
       size: "2x"
     })))
-  }, mustRenderGrid && renderGrid), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
+  },
+  /**
+   * Unfortunately we need to cast for build to pass.
+   *
+   * real type is RenderableMenuChildren, but the TS is complaining.
+   * @TODO bruno fix
+   */
+  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;
 
 //# sourceMappingURL=IconPicker.js.map

package/admin/components/IconPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_react2","_plugins","_Typography","_reactVirtualized","_reactFontawesome","_DelayedOnChange","_interopRequireDefault","_Menu","_Input","_FormElementMessage","_templateObject","iconPickerLabel","css","marginBottom","marginLeft","globalStyles","reactCss","_taggedTemplateLiteral2","default","MenuWrapper","NoResultWrapper","width","color","padding","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","backgroundColor","grid","pickIcon","searchInput","input","IconPicker","_ref","value","onChange","label","description","validation","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","mustRenderGrid","setMustRenderGrid","inputRef","useRef","useEffect","setTimeout","current","focus","onFilterChange","useCallback","cb","allIcons","useMemo","iconPlugins","plugins","byType","reduce","icons","pl","concat","getIcons","ic","name","includes","renderCell","_ref2","closeMenu","_ref3","columnIndex","key","rowIndex","style","item","createElement","className","onClick","id","join","FontAwesomeIcon","icon","size","Typography","use","renderGrid","_ref4","Fragment","Global","styles","_ref5","Input","placeholder","length","Grid","cellRenderer","columnCount","columnWidth","rowCount","Math","ceil","rowHeight","fontAwesomeIconValue","split","_ref6","validationIsValid","isValid","validationMessage","message","Menu","onOpen","onClose","renderToPortal","handle","FormElementMessage","error","exports"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport { Global, css as reactCss } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Grid } from \"react-virtualized\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport DelayedOnChange from \"./DelayedOnChange\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { GridCellProps } from \"react-virtualized/dist/es/Grid\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst iconPickerLabel = css({ marginBottom: 5, marginLeft: 2 });\n\nconst globalStyles = reactCss`\n    #rmwcPortal > .mdc-menu-surface {\n        z-index: 1000;\n    }\n`;\n\nconst MenuWrapper = css`\n    color: var(--mdc-theme-text-secondary-on-background);\n    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\n`;\n\nconst NoResultWrapper = css({\n    width: 640,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    padding: \"16px 12px\"\n});\n\nconst COLUMN_COUNT = 6;\n\nconst gridItem = css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\",\n    boxSizing: \"border-box\",\n    paddingTop: 15,\n    alignItems: \"center\",\n    textAlign: \"center\",\n    cursor: \"pointer\",\n    transform: \"translateZ(0)\",\n    borderRadius: 2,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    transition: \"all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    },\n    \">svg\": {\n        width: 42,\n        marginBottom: 5\n    }\n});\n\nconst grid = css({\n    padding: 20\n});\n\nconst pickIcon = css({\n    width: 50,\n    textAlign: \"center\",\n    cursor: \"pointer\"\n});\n\nconst searchInput = css({\n    input: {\n        padding: \"20px 12px 20px\"\n    }\n});\n\nexport interface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\nexport const IconPicker = ({\n    value,\n    onChange,\n    label,\n    description,\n    validation\n}: IconPickerProps) => {\n    const [filter, setFilter] = useState(\"\");\n    const [mustRenderGrid, setMustRenderGrid] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (mustRenderGrid && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }, 50);\n    }, [mustRenderGrid]);\n\n    const onFilterChange = useCallback(\n        (value, cb) => {\n            setFilter(value);\n            cb();\n        },\n        [filter]\n    );\n\n    const allIcons: CmsIcon[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<CmsIcon>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const icons = useMemo(() => {\n        return filter ? allIcons.filter(ic => ic.name.includes(filter)) : allIcons;\n    }, [filter]);\n\n    const renderCell = useCallback(\n        ({ closeMenu }) => {\n            return function renderCell({\n                columnIndex,\n                key,\n                rowIndex,\n                style\n            }: GridCellProps): React.ReactNode {\n                const item = icons[rowIndex * COLUMN_COUNT + columnIndex];\n                if (!item) {\n                    return null;\n                }\n\n                return (\n                    <div\n                        key={key}\n                        style={style}\n                        className={gridItem}\n                        onClick={() => {\n                            if (onChange) {\n                                onChange(item.id.join(\"/\"));\n                            }\n                            closeMenu();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={item.id} size={\"2x\"} />\n                        <Typography use={\"body2\"}>{item.name}</Typography>\n                    </div>\n                );\n            };\n        },\n        [icons]\n    );\n\n    const renderGrid = useCallback(\n        ({ closeMenu }) => {\n            return (\n                <>\n                    <Global styles={globalStyles} />\n                    <DelayedOnChange value={filter} onChange={onFilterChange}>\n                        {({ value, onChange }) => (\n                            <Input\n                                inputRef={inputRef}\n                                className={searchInput}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search icons...\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                    {icons.length === 0 ? (\n                        <div className={NoResultWrapper}>\n                            <Typography use=\"body1\">No results found.</Typography>\n                        </div>\n                    ) : (\n                        <Grid\n                            className={grid}\n                            cellRenderer={renderCell({ closeMenu })}\n                            columnCount={COLUMN_COUNT}\n                            columnWidth={100}\n                            height={440}\n                            rowCount={Math.ceil(icons.length / COLUMN_COUNT)}\n                            rowHeight={100}\n                            width={640}\n                        />\n                    )}\n                </>\n            );\n        },\n        [icons]\n    );\n\n    const fontAwesomeIconValue: any =\n        typeof value === \"string\" && value.includes(\"/\") ? value.split(\"/\") : [\"fas\", \"star\"];\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            {label && (\n                <div className={iconPickerLabel}>\n                    <Typography use={\"body1\"}>{label}</Typography>\n                </div>\n            )}\n\n            <Menu\n                onOpen={() => setMustRenderGrid(true)}\n                onClose={() => setMustRenderGrid(false)}\n                renderToPortal={true}\n                handle={\n                    <div className={MenuWrapper}>\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    </div>\n                }\n            >\n                {mustRenderGrid && renderGrid}\n            </Menu>\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_react2","_plugins","_Typography","_reactVirtualized","_reactFontawesome","_DelayedOnChange","_Menu","_Input","_FormElementMessage","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","iconPickerLabel","css","marginBottom","marginLeft","globalStyles","process","env","NODE_ENV","name","styles","map","toString","MenuWrapper","_taggedTemplateLiteral2","default","NoResultWrapper","width","color","padding","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","backgroundColor","grid","pickIcon","searchInput","input","IconPicker","exports","_ref","value","onChange","label","description","validation","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","mustRenderGrid","setMustRenderGrid","inputRef","useRef","useEffect","setTimeout","current","focus","onFilterChange","useCallback","cb","allIcons","useMemo","iconPlugins","plugins","byType","reduce","icons","pl","concat","getIcons","ic","includes","renderCell","_ref2","closeMenu","_ref3","columnIndex","key","rowIndex","style","item","createElement","className","onClick","id","join","FontAwesomeIcon","icon","size","Typography","use","renderGrid","_ref4","Fragment","Global","DelayedOnChange","_ref5","Input","placeholder","length","Grid","cellRenderer","columnCount","columnWidth","rowCount","Math","ceil","rowHeight","fontAwesomeIconValue","split","_ref6","validationIsValid","isValid","validationMessage","message","Menu","onOpen","onClose","renderToPortal","handle","FormElementMessage","error"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { css as reactCss, Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Grid } from \"react-virtualized\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { DelayedOnChange, OnChangeCallable } from \"@webiny/ui/DelayedOnChange\";\nimport { Menu, RenderableMenuChildren } from \"@webiny/ui/Menu\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { GridCellProps } from \"react-virtualized/dist/es/Grid\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst iconPickerLabel = css({ marginBottom: 5, marginLeft: 2 });\n\nconst globalStyles = reactCss`\n    #rmwcPortal > .mdc-menu-surface {\n        z-index: 1000;\n    }\n`;\n\nconst MenuWrapper = css`\n    color: var(--mdc-theme-text-secondary-on-background);\n    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\n`;\n\nconst NoResultWrapper = css({\n    width: 640,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    padding: \"16px 12px\"\n});\n\nconst COLUMN_COUNT = 6;\n\nconst gridItem = css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\",\n    boxSizing: \"border-box\",\n    paddingTop: 15,\n    alignItems: \"center\",\n    textAlign: \"center\",\n    cursor: \"pointer\",\n    transform: \"translateZ(0)\",\n    borderRadius: 2,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    transition: \"all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    },\n    \">svg\": {\n        width: 42,\n        marginBottom: 5\n    }\n});\n\nconst grid = css({\n    padding: 20\n});\n\nconst pickIcon = css({\n    width: 50,\n    textAlign: \"center\",\n    cursor: \"pointer\"\n});\n\nconst searchInput = css({\n    input: {\n        padding: \"20px 12px 20px\"\n    }\n});\n\nexport interface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\ninterface RenderCellParams {\n    closeMenu: () => void;\n}\n\nexport const IconPicker = ({\n    value,\n    onChange,\n    label,\n    description,\n    validation\n}: IconPickerProps) => {\n    const [filter, setFilter] = useState(\"\");\n    const [mustRenderGrid, setMustRenderGrid] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (mustRenderGrid && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }, 50);\n    }, [mustRenderGrid]);\n\n    const onFilterChange = useCallback<OnChangeCallable>(\n        (value, cb) => {\n            setFilter(value);\n            if (cb) {\n                cb(value);\n            }\n        },\n        [filter]\n    );\n\n    const allIcons: CmsIcon[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<CmsIcon>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const icons = useMemo(() => {\n        return filter ? allIcons.filter(ic => ic.name.includes(filter)) : allIcons;\n    }, [filter]);\n\n    const renderCell = useCallback(\n        ({ closeMenu }: RenderCellParams) => {\n            return function renderCell({\n                columnIndex,\n                key,\n                rowIndex,\n                style\n            }: GridCellProps): React.ReactNode {\n                const item = icons[rowIndex * COLUMN_COUNT + columnIndex];\n                if (!item) {\n                    return null;\n                }\n\n                return (\n                    <div\n                        key={key}\n                        style={style}\n                        className={gridItem}\n                        onClick={() => {\n                            if (onChange) {\n                                onChange(item.id.join(\"/\"));\n                            }\n                            closeMenu();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={item.id} size={\"2x\"} />\n                        <Typography use={\"body2\"}>{item.name}</Typography>\n                    </div>\n                );\n            };\n        },\n        [icons]\n    );\n\n    const renderGrid = useCallback<RenderableMenuChildren>(\n        ({ closeMenu }) => {\n            return (\n                <>\n                    <Global styles={globalStyles} />\n                    <DelayedOnChange value={filter} onChange={onFilterChange}>\n                        {({ value, onChange }) => (\n                            <Input\n                                inputRef={inputRef}\n                                className={searchInput}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search icons...\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                    {icons.length === 0 ? (\n                        <div className={NoResultWrapper}>\n                            <Typography use=\"body1\">No results found.</Typography>\n                        </div>\n                    ) : (\n                        <Grid\n                            className={grid}\n                            cellRenderer={renderCell({ closeMenu })}\n                            columnCount={COLUMN_COUNT}\n                            columnWidth={100}\n                            height={440}\n                            rowCount={Math.ceil(icons.length / COLUMN_COUNT)}\n                            rowHeight={100}\n                            width={640}\n                        />\n                    )}\n                </>\n            );\n        },\n        [icons]\n    );\n\n    const fontAwesomeIconValue: any =\n        typeof value === \"string\" && value.includes(\"/\") ? value.split(\"/\") : [\"fas\", \"star\"];\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            {label && (\n                <div className={iconPickerLabel}>\n                    <Typography use={\"body1\"}>{label}</Typography>\n                </div>\n            )}\n\n            <Menu\n                onOpen={() => setMustRenderGrid(true)}\n                onClose={() => setMustRenderGrid(false)}\n                renderToPortal={true}\n                handle={\n                    <div className={MenuWrapper}>\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    </div>\n                }\n            >\n                {\n                    /**\n                     * Unfortunately we need to cast for build to pass.\n                     *\n                     * real type is RenderableMenuChildren, but the TS is complaining.\n                     * @TODO bruno fix\n                     */\n                    mustRenderGrid && (renderGrid as unknown as React.ReactNode)\n                }\n            </Menu>\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAGA,IAAAU,mBAAA,GAAAV,OAAA;AAAmE,IAAAW,eAAA;AAAA,SAAAC,iCAAA;AAGnE;AACA;AACA;AACA;AACA,IAAMC,eAAe,GAAG,IAAAC,YAAG,EAAC;EAAEC,YAAY,EAAE,CAAC;EAAEC,UAAU,EAAE;AAAE,CAAC,CAAC;AAE/D,IAAMC,YAAY,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAIjB;AAED,IAAMa,WAAW,OAAGX,YAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAe,uBAAA,CAAAC,OAAA,sVAStB;AAED,IAAMC,eAAe,GAAG,IAAAd,YAAG,EAAC;EACxBe,KAAK,EAAE,GAAG;EACVC,KAAK,EAAE,+CAA+C;EACtDC,OAAO,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,YAAY,GAAG,CAAC;AAEtB,IAAMC,QAAQ,GAAG,IAAAnB,YAAG,EAAC;EACjBoB,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,cAAc,EAAE,YAAY;EAC5BC,SAAS,EAAE,YAAY;EACvBC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE,SAAS;EACjBC,SAAS,EAAE,eAAe;EAC1BC,YAAY,EAAE,CAAC;EACfb,KAAK,EAAE,+CAA+C;EACtDc,UAAU,EAAE,6CAA6C;EACzD,UAAU,EAAE;IACRC,SAAS,EAAE,uCAAuC;IAClDD,UAAU,EAAE,iDAAiD;IAC7DE,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPpB,KAAK,EAAE,MAAM;IACbqB,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,CAAC,CAAC;IACVC,OAAO,EAAE;EACb,CAAC;EACD,SAAS,EAAE;IACPC,eAAe,EAAE,6BAA6B;IAC9CvB,KAAK,EAAE,6CAA6C;IACpD,UAAU,EAAE;MACRsB,OAAO,EAAE;IACb;EACJ,CAAC;EACD,MAAM,EAAE;IACJvB,KAAK,EAAE,EAAE;IACTd,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAEF,IAAMuC,IAAI,GAAG,IAAAxC,YAAG,EAAC;EACbiB,OAAO,EAAE;AACb,CAAC,CAAC;AAEF,IAAMwB,QAAQ,GAAG,IAAAzC,YAAG,EAAC;EACjBe,KAAK,EAAE,EAAE;EACTW,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMe,WAAW,GAAG,IAAA1C,YAAG,EAAC;EACpB2C,KAAK,EAAE;IACH1B,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAWK,IAAM2B,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,EAMA;EAAA,IALnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,IAAA,CAAVK,UAAU;EAEV,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAA1C,OAAA,EAAAuC,SAAA;IAAjCI,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EACxB,IAAAI,UAAA,GAA4C,IAAAL,eAAQ,EAAC,KAAK,CAAC;IAAAM,UAAA,OAAAJ,eAAA,CAAA1C,OAAA,EAAA6C,UAAA;IAApDE,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EACxC,IAAMG,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAE/C,IAAAC,gBAAS,EAAC,YAAM;IACZC,UAAU,CAAC,YAAM;MACb,IAAIL,cAAc,IAAIE,QAAQ,CAACI,OAAO,EAAE;QACpCJ,QAAQ,CAACI,OAAO,CAACC,KAAK,CAAC,CAAC;MAC5B;IACJ,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,CAACP,cAAc,CAAC,CAAC;EAEpB,IAAMQ,cAAc,GAAG,IAAAC,kBAAW,EAC9B,UAACtB,KAAK,EAAEuB,EAAE,EAAK;IACXb,SAAS,CAACV,KAAK,CAAC;IAChB,IAAIuB,EAAE,EAAE;MACJA,EAAE,CAACvB,KAAK,CAAC;IACb;EACJ,CAAC,EACD,CAACS,MAAM,CACX,CAAC;EAED,IAAMe,QAAmB,GAAG,IAAAC,cAAO,EAAC,YAAM;IACtC,IAAMC,WAAW,GAAGC,gBAAO,CAACC,MAAM,CAAiB,WAAW,CAAC;IAC/D,OAAOF,WAAW,CAACG,MAAM,CAAC,UAACC,KAAqB,EAAEC,EAAE,EAAK;MACrD,OAAOD,KAAK,CAACE,MAAM,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMH,KAAK,GAAG,IAAAL,cAAO,EAAC,YAAM;IACxB,OAAOhB,MAAM,GAAGe,QAAQ,CAACf,MAAM,CAAC,UAAAyB,EAAE;MAAA,OAAIA,EAAE,CAAC1E,IAAI,CAAC2E,QAAQ,CAAC1B,MAAM,CAAC;IAAA,EAAC,GAAGe,QAAQ;EAC9E,CAAC,EAAE,CAACf,MAAM,CAAC,CAAC;EAEZ,IAAM2B,UAAU,GAAG,IAAAd,kBAAW,EAC1B,UAAAe,KAAA,EAAqC;IAAA,IAAlCC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACR,OAAO,SAASF,UAAUA,CAAAG,KAAA,EAKS;MAAA,IAJ/BC,WAAW,GAAAD,KAAA,CAAXC,WAAW;QACXC,GAAG,GAAAF,KAAA,CAAHE,GAAG;QACHC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;QACRC,KAAK,GAAAJ,KAAA,CAALI,KAAK;MAEL,IAAMC,IAAI,GAAGd,KAAK,CAACY,QAAQ,GAAGvE,YAAY,GAAGqE,WAAW,CAAC;MACzD,IAAI,CAACI,IAAI,EAAE;QACP,OAAO,IAAI;MACf;MAEA,oBACI3G,MAAA,CAAA6B,OAAA,CAAA+E,aAAA;QACIJ,GAAG,EAAEA,GAAI;QACTE,KAAK,EAAEA,KAAM;QACbG,SAAS,EAAE1E,QAAS;QACpB2E,OAAO,EAAE,SAAAA,QAAA,EAAM;UACX,IAAI9C,QAAQ,EAAE;YACVA,QAAQ,CAAC2C,IAAI,CAACI,EAAE,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC;UAC/B;UACAX,SAAS,CAAC,CAAC;QACf;MAAE,gBAEFrG,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACpG,iBAAA,CAAAyG,eAAe;QAACC,IAAI,EAAEP,IAAI,CAACI,EAAG;QAACI,IAAI,EAAE;MAAK,CAAE,CAAC,eAC9CnH,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACtG,WAAA,CAAA8G,UAAU;QAACC,GAAG,EAAE;MAAQ,GAAEV,IAAI,CAACpF,IAAiB,CAChD,CAAC;IAEd,CAAC;EACL,CAAC,EACD,CAACsE,KAAK,CACV,CAAC;EAED,IAAMyB,UAAU,GAAG,IAAAjC,kBAAW,EAC1B,UAAAkC,KAAA,EAAmB;IAAA,IAAhBlB,SAAS,GAAAkB,KAAA,CAATlB,SAAS;IACR,oBACIrG,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAAA5G,MAAA,CAAA6B,OAAA,CAAA2F,QAAA,qBACIxH,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACxG,OAAA,CAAAqH,MAAM;MAACjG,MAAM,EAAEL;IAAa,CAAE,CAAC,eAChCnB,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACnG,gBAAA,CAAAiH,eAAe;MAAC3D,KAAK,EAAES,MAAO;MAACR,QAAQ,EAAEoB;IAAe,GACpD,UAAAuC,KAAA;MAAA,IAAG5D,KAAK,GAAA4D,KAAA,CAAL5D,KAAK;QAAEC,QAAQ,GAAA2D,KAAA,CAAR3D,QAAQ;MAAA,oBACfhE,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACjG,MAAA,CAAAiH,KAAK;QACF9C,QAAQ,EAAEA,QAAS;QACnB+B,SAAS,EAAEnD,WAAY;QACvBK,KAAK,EAAEA,KAAM;QACbC,QAAQ,EAAEA,QAAS;QACnB6D,WAAW,EAAE;MAAkB,CAClC,CAAC;IAAA,CAEO,CAAC,EACjBhC,KAAK,CAACiC,MAAM,KAAK,CAAC,gBACf9H,MAAA,CAAA6B,OAAA,CAAA+E,aAAA;MAAKC,SAAS,EAAE/E;IAAgB,gBAC5B9B,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACtG,WAAA,CAAA8G,UAAU;MAACC,GAAG,EAAC;IAAO,GAAC,mBAA6B,CACpD,CAAC,gBAENrH,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACrG,iBAAA,CAAAwH,IAAI;MACDlB,SAAS,EAAErD,IAAK;MAChBwE,YAAY,EAAE7B,UAAU,CAAC;QAAEE,SAAS,EAATA;MAAU,CAAC,CAAE;MACxC4B,WAAW,EAAE/F,YAAa;MAC1BgG,WAAW,EAAE,GAAI;MACjB9E,MAAM,EAAE,GAAI;MACZ+E,QAAQ,EAAEC,IAAI,CAACC,IAAI,CAACxC,KAAK,CAACiC,MAAM,GAAG5F,YAAY,CAAE;MACjDoG,SAAS,EAAE,GAAI;MACfvG,KAAK,EAAE;IAAI,CACd,CAEP,CAAC;EAEX,CAAC,EACD,CAAC8D,KAAK,CACV,CAAC;EAED,IAAM0C,oBAAyB,GAC3B,OAAOxE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACmC,QAAQ,CAAC,GAAG,CAAC,GAAGnC,KAAK,CAACyE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC;EAEzF,IAAAC,KAAA,GAAmEtE,UAAU,IAAI,CAAC,CAAC;IAAlEuE,iBAAiB,GAAAD,KAAA,CAA1BE,OAAO;IAA8BC,iBAAiB,GAAAH,KAAA,CAA1BI,OAAO;EAE3C,oBACI7I,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAAA5G,MAAA,CAAA6B,OAAA,CAAA2F,QAAA,QACKvD,KAAK,iBACFjE,MAAA,CAAA6B,OAAA,CAAA+E,aAAA;IAAKC,SAAS,EAAE9F;EAAgB,gBAC5Bf,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACtG,WAAA,CAAA8G,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEpD,KAAkB,CAC5C,CACR,eAEDjE,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAAClG,KAAA,CAAAoI,IAAI;IACDC,MAAM,EAAE,SAAAA,OAAA;MAAA,OAAMlE,iBAAiB,CAAC,IAAI,CAAC;IAAA,CAAC;IACtCmE,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMnE,iBAAiB,CAAC,KAAK,CAAC;IAAA,CAAC;IACxCoE,cAAc,EAAE,IAAK;IACrBC,MAAM,eACFlJ,MAAA,CAAA6B,OAAA,CAAA+E,aAAA;MAAKC,SAAS,EAAElF;IAAY,gBACxB3B,MAAA,CAAA6B,OAAA,CAAA+E,aAAA;MAAKC,SAAS,EAAEpD;IAAS,gBACrBzD,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAACpG,iBAAA,CAAAyG,eAAe;MAACC,IAAI,EAAEqB,oBAAqB;MAACpB,IAAI,EAAE;IAAK,CAAE,CACzD,CACJ;EACR;EAGG;AACpB;AACA;AACA;AACA;AACA;EACoBvC,cAAc,IAAK0C,UAErB,CAAC,EAENoB,iBAAiB,KAAK,KAAK,iBACxB1I,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAAChG,mBAAA,CAAAuI,kBAAkB;IAACC,KAAK;EAAA,GAAER,iBAAsC,CACpE,EACAF,iBAAiB,KAAK,KAAK,IAAIxE,WAAW,iBACvClE,MAAA,CAAA6B,OAAA,CAAA+E,aAAA,CAAChG,mBAAA,CAAAuI,kBAAkB,QAAEjF,WAAgC,CAE3D,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import { RichTextEditorProps } from "@webiny/lexical-editor/types";
-export declare const LexicalCmsEditor: (props: Omit<RichTextEditorProps, "theme">) => JSX.Element;
+export declare const LexicalCmsEditor: (props: Omit<RichTextEditorProps, "theme">) => React.JSX.Element;

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.js

@@ -29,7 +29,7 @@ var styles = {
 var toolbar = /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
   name: "cms"
 }, /*#__PURE__*/_react.default.createElement(_lexicalEditor.StaticToolbar, null));
-var LexicalCmsEditor = function LexicalCmsEditor(props) {
+var LexicalCmsEditor = exports.LexicalCmsEditor = function LexicalCmsEditor(props) {
   var onChange = (0, _react.useCallback)(function (jsonString) {
     if (props?.onChange) {
       props?.onChange(JSON.parse(jsonString));
@@ -47,6 +47,5 @@ var LexicalCmsEditor = function LexicalCmsEditor(props) {
     styles: styles
   }));
 };
-exports.LexicalCmsEditor = LexicalCmsEditor;
 
 //# sourceMappingURL=LexicalCmsEditor.js.map

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_lexicalEditor","_reactComposition","_LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","default","createElement","CompositionScope","name","StaticToolbar","LexicalCmsEditor","props","onChange","useCallback","jsonString","JSON","parse","LexicalEditor","Object","assign","focus","value","stringify","staticToolbar","tag","placeholder","exports"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { LexicalEditor } from \"@webiny/app-admin/components/LexicalEditor\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350\n};\n\nconst toolbar = (\n    <CompositionScope name={\"cms\"}>\n        <StaticToolbar />\n    </CompositionScope>\n);\n\nexport const LexicalCmsEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(JSON.parse(jsonString));\n            }\n        },\n        [props?.onChange]\n    );\n\n    return (\n        <LexicalEditor\n            {...props}\n            focus={true}\n            value={JSON.stringify(props.value)}\n            onChange={onChange}\n            staticToolbar={toolbar}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAMI,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,IAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,IAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,IAAMC,OAAO,gBACTlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,iBAAA,CAAAiB,gBAAgB;EAACC,IAAI,EAAE;AAAM,gBAC1BtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,cAAA,CAAAoB,aAAa,MAAE,CACF,CACrB;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAyC,EAAK;EAC3E,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,UAAkB,EAAK;IACpB,IAAIH,KAAK,EAAEC,QAAQ,EAAE;MACjBD,KAAK,EAAEC,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACF,UAAU,CAAC,CAAC;IAC3C;EACJ,CAAC,EACD,CAACH,KAAK,EAAEC,QAAQ,CACpB,CAAC;EAED,oBACI1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAA0B,aAAa,EAAAC,MAAA,CAAAC,MAAA,KACNR,KAAK;IACTS,KAAK,EAAE,IAAK;IACZC,KAAK,EAAEN,IAAI,CAACO,SAAS,CAACX,KAAK,CAACU,KAAK,CAAE;IACnCT,QAAQ,EAAEA,QAAS;IACnBW,aAAa,EAAEnB,OAAQ;IACvBoB,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEd,KAAK,EAAEc,WAAW,IAAI,yBAA0B;IAC7DjC,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC;AAAC0B,OAAA,CAAAhB,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_lexicalEditor","_reactComposition","_LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","default","createElement","CompositionScope","name","StaticToolbar","LexicalCmsEditor","exports","props","onChange","useCallback","jsonString","JSON","parse","LexicalEditor","Object","assign","focus","value","stringify","staticToolbar","tag","placeholder"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { LexicalEditor } from \"@webiny/app-admin/components/LexicalEditor\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350\n};\n\nconst toolbar = (\n    <CompositionScope name={\"cms\"}>\n        <StaticToolbar />\n    </CompositionScope>\n);\n\nexport const LexicalCmsEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(JSON.parse(jsonString));\n            }\n        },\n        [props?.onChange]\n    );\n\n    return (\n        <LexicalEditor\n            {...props}\n            focus={true}\n            value={JSON.stringify(props.value)}\n            onChange={onChange}\n            staticToolbar={toolbar}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAMI,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,IAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,IAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,IAAMC,OAAO,gBACTlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,iBAAA,CAAAiB,gBAAgB;EAACC,IAAI,EAAE;AAAM,gBAC1BtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,cAAA,CAAAoB,aAAa,MAAE,CACF,CACrB;AAEM,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAyC,EAAK;EAC3E,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,UAAkB,EAAK;IACpB,IAAIH,KAAK,EAAEC,QAAQ,EAAE;MACjBD,KAAK,EAAEC,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACF,UAAU,CAAC,CAAC;IAC3C;EACJ,CAAC,EACD,CAACH,KAAK,EAAEC,QAAQ,CACpB,CAAC;EAED,oBACI3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAA2B,aAAa,EAAAC,MAAA,CAAAC,MAAA,KACNR,KAAK;IACTS,KAAK,EAAE,IAAK;IACZC,KAAK,EAAEN,IAAI,CAACO,SAAS,CAACX,KAAK,CAACU,KAAK,CAAE;IACnCT,QAAQ,EAAEA,QAAS;IACnBW,aAAa,EAAEpB,OAAQ;IACvBqB,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEd,KAAK,EAAEc,WAAW,IAAI,yBAA0B;IAC7DlC,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js

@@ -11,7 +11,7 @@ var _TypographyDropDown = require("./TypographyDropDown");
 var _reactComposition = require("@webiny/react-composition");
 var ToolbarElement = _lexicalEditor.LexicalEditorConfig.ToolbarElement,
   Plugin = _lexicalEditor.LexicalEditorConfig.Plugin;
-var LexicalEditorCmsPlugin = function LexicalEditorCmsPlugin() {
+var LexicalEditorCmsPlugin = exports.LexicalEditorCmsPlugin = function LexicalEditorCmsPlugin() {
   return /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
     name: "cms"
   }, /*#__PURE__*/_react.default.createElement(_lexicalEditor.LexicalEditorConfig, null, /*#__PURE__*/_react.default.createElement(ToolbarElement, {
@@ -95,6 +95,5 @@ var LexicalEditorCmsPlugin = function LexicalEditorCmsPlugin() {
     element: /*#__PURE__*/_react.default.createElement(_TypographyDropDown.TypographyDropDown, null)
   })));
 };
-exports.LexicalEditorCmsPlugin = LexicalEditorCmsPlugin;
 
 //# sourceMappingURL=LexicalEditorCmsPlugin.js.map

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lexicalEditor","_TypographyDropDown","_reactComposition","ToolbarElement","LexicalEditorConfig","Plugin","LexicalEditorCmsPlugin","default","createElement","CompositionScope","name","element","FontSizeAction","FontColorAction","TypographyAction","TextAlignmentAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","FontColorPlugin","ListPlugin","CodeHighlightPlugin","TypographyPlugin","LinkPlugin","FloatingLinkEditorPlugin","anchorElem","document","body","ImagesPlugin","QuotePlugin","TypographyDropDown","exports"],"sources":["LexicalEditorCmsPlugin.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n    TypographyAction,\n    LexicalEditorConfig,\n    FontSizeAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\n    QuotePlugin,\n    CodeHighlightPlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"~/admin/components/LexicalCmsEditor/TypographyDropDown\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nexport const LexicalEditorCmsPlugin: FC = () => {\n    return (\n        <CompositionScope name={\"cms\"}>\n            <LexicalEditorConfig>\n                <ToolbarElement name=\"fontSize\" element={<FontSizeAction />} />\n                <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                <ToolbarElement name=\"divider1\" element={<Divider />} />\n                <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                <ToolbarElement name=\"divider2\" element={<Divider />} />\n                <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                <ToolbarElement name=\"divider\" element={<Divider />} />\n                <ToolbarElement name=\"image\" element={<ImageAction />} />\n                <ToolbarElement name=\"divider3\" element={<Divider />} />\n                <ToolbarElement name=\"link\" element={<LinkAction />} />\n                <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n                <Plugin name={\"list\"} element={<ListPlugin />} />\n                <Plugin name={\"codeHighlight\"} element={<CodeHighlightPlugin />} />\n                <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n                <Plugin name={\"link\"} element={<LinkPlugin />} />\n                <Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={<FloatingLinkEditorPlugin anchorElem={document.body} />}\n                />\n                <Plugin name={\"images\"} element={<ImagesPlugin />} />\n                <Plugin name={\"quote\"} element={<QuotePlugin />} />\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n            </LexicalEditorConfig>\n        </CompositionScope>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lexicalEditor","_TypographyDropDown","_reactComposition","ToolbarElement","LexicalEditorConfig","Plugin","LexicalEditorCmsPlugin","exports","default","createElement","CompositionScope","name","element","FontSizeAction","FontColorAction","TypographyAction","TextAlignmentAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","FontColorPlugin","ListPlugin","CodeHighlightPlugin","TypographyPlugin","LinkPlugin","FloatingLinkEditorPlugin","anchorElem","document","body","ImagesPlugin","QuotePlugin","TypographyDropDown"],"sources":["LexicalEditorCmsPlugin.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n    TypographyAction,\n    LexicalEditorConfig,\n    FontSizeAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\n    QuotePlugin,\n    CodeHighlightPlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"~/admin/components/LexicalCmsEditor/TypographyDropDown\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nexport const LexicalEditorCmsPlugin: FC = () => {\n    return (\n        <CompositionScope name={\"cms\"}>\n            <LexicalEditorConfig>\n                <ToolbarElement name=\"fontSize\" element={<FontSizeAction />} />\n                <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                <ToolbarElement name=\"divider1\" element={<Divider />} />\n                <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                <ToolbarElement name=\"divider2\" element={<Divider />} />\n                <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                <ToolbarElement name=\"divider\" element={<Divider />} />\n                <ToolbarElement name=\"image\" element={<ImageAction />} />\n                <ToolbarElement name=\"divider3\" element={<Divider />} />\n                <ToolbarElement name=\"link\" element={<LinkAction />} />\n                <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n                <Plugin name={\"list\"} element={<ListPlugin />} />\n                <Plugin name={\"codeHighlight\"} element={<CodeHighlightPlugin />} />\n                <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n                <Plugin name={\"link\"} element={<LinkPlugin />} />\n                <Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={<FloatingLinkEditorPlugin anchorElem={document.body} />}\n                />\n                <Plugin name={\"images\"} element={<ImagesPlugin />} />\n                <Plugin name={\"quote\"} element={<QuotePlugin />} />\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n            </LexicalEditorConfig>\n        </CompositionScope>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/LexicalCmsEditor/TypographyDropDown.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const TypographyDropDown: () => JSX.Element;
+import React from "react";
+export declare const TypographyDropDown: () => React.JSX.Element;

package/admin/components/LexicalCmsEditor/TypographyDropDown.js

@@ -14,7 +14,7 @@ var _utils = require("@lexical/utils");
 var _lexicalEditor = require("@webiny/lexical-editor");
 var _lexicalNodes = require("@webiny/lexical-nodes");
 var _appAdmin = require("@webiny/app-admin");
-var TypographyDropDown = function TypographyDropDown() {
+var TypographyDropDown = exports.TypographyDropDown = function TypographyDropDown() {
   var _useTypographyAction = (0, _lexicalEditor.useTypographyAction)(),
     value = _useTypographyAction.value,
     applyTypography = _useTypographyAction.applyTypography;
@@ -108,6 +108,5 @@ var TypographyDropDown = function TypographyDropDown() {
     }, option.name));
   })) : null);
 };
-exports.TypographyDropDown = TypographyDropDown;
 
 //# sourceMappingURL=TypographyDropDown.js.map

package/admin/components/LexicalCmsEditor/TypographyDropDown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_lexicalEditor","_lexicalNodes","_appAdmin","TypographyDropDown","_useTypographyAction","useTypographyAction","value","applyTypography","_useTheme","useTheme","theme","_useState","useState","_useState2","_slicedToArray2","default","styles","setStyles","_useCurrentElement","useCurrentElement","element","_useCurrentSelection","useCurrentSelection","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","concat","_toConsumableArray2","useEffect","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","$isHeadingNode","$isParagraphNode","$isListNode","type","anchorNode","anchor","getNode","parentList","$getNearestNodeOfType","ListNode","getListType","_unused","$isQuoteNode","quotes","createElement","Fragment","DropDown","buttonClassName","buttonAriaLabel","buttonLabel","name","stopCloseOnClickSelf","disabled","showScroll","map","option","DropDownItem","className","id","onClick","_objectSpread2","css","key","exports"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n    DropDown,\n    DropDownItem,\n    useCurrentSelection,\n    useCurrentElement,\n    useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n    $isHeadingNode,\n    $isParagraphNode,\n    $isQuoteNode,\n    $isListNode,\n    ListNode\n} from \"@webiny/lexical-nodes\";\nimport { TypographyStyle } from \"@webiny/theme/types\";\nimport { TypographyValue } from \"@webiny/lexical-theme\";\nimport { useTheme } from \"@webiny/app-admin\";\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { theme } = useTheme();\n    const [styles, setStyles] = useState<TypographyStyle[]>([]);\n    const { element } = useCurrentElement();\n    const { rangeSelection } = useCurrentSelection();\n\n    const getAllTextStyles = (): TypographyStyle[] => {\n        if (!theme?.styles.typography) {\n            return [];\n        }\n        const headingsStyles = theme.styles.typography?.headings || [];\n        const paragraphStyles = theme.styles.typography?.paragraphs || [];\n        return [...headingsStyles, ...paragraphStyles];\n    };\n\n    useEffect(() => {\n        // In static toolbar typography, styles always need to be visible.\n        if (theme?.styles) {\n            setStyles(getAllTextStyles());\n        }\n    }, [theme?.styles]);\n\n    const getListStyles = (tag: string): TypographyStyle[] => {\n        const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];\n        if (listStyles.length > 0) {\n            return listStyles;\n        }\n\n        const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n        return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n    };\n\n    useEffect(() => {\n        if (!element || !rangeSelection) {\n            return;\n        }\n\n        switch (true) {\n            case $isHeadingNode(element):\n            case $isParagraphNode(element):\n                setStyles(getAllTextStyles());\n                break;\n            case $isListNode(element):\n                let type;\n                try {\n                    const anchorNode = rangeSelection.anchor.getNode();\n                    const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n                    if (parentList) {\n                        type = parentList.getListType();\n                    }\n                } catch {\n                    type = element.getListType();\n                }\n\n                if (type === \"bullet\") {\n                    setStyles(getListStyles(\"ul\"));\n                } else {\n                    setStyles(getListStyles(\"ol\"));\n                }\n                break;\n            case $isQuoteNode(element):\n                setStyles(theme?.styles.typography?.quotes || []);\n                break;\n            default:\n                setStyles([]);\n        }\n    }, [element]);\n\n    return (\n        <>\n            {!!styles?.length ? (\n                <DropDown\n                    buttonClassName=\"toolbar-item typography-dropdown\"\n                    buttonAriaLabel={\"Typography formatting options\"}\n                    buttonLabel={value?.name || \"Typography\"}\n                    stopCloseOnClickSelf={true}\n                    disabled={false}\n                    showScroll={true}\n                >\n                    {styles?.map(option => (\n                        <DropDownItem\n                            className={`item typography-item ${\n                                value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n                            }`}\n                            onClick={() =>\n                                applyTypography({\n                                    ...option,\n                                    css: option.styles\n                                } as TypographyValue)\n                            }\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.name}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_lexicalEditor","_lexicalNodes","_appAdmin","TypographyDropDown","exports","_useTypographyAction","useTypographyAction","value","applyTypography","_useTheme","useTheme","theme","_useState","useState","_useState2","_slicedToArray2","default","styles","setStyles","_useCurrentElement","useCurrentElement","element","_useCurrentSelection","useCurrentSelection","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","concat","_toConsumableArray2","useEffect","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","$isHeadingNode","$isParagraphNode","$isListNode","type","anchorNode","anchor","getNode","parentList","$getNearestNodeOfType","ListNode","getListType","_unused","$isQuoteNode","quotes","createElement","Fragment","DropDown","buttonClassName","buttonAriaLabel","buttonLabel","name","stopCloseOnClickSelf","disabled","showScroll","map","option","DropDownItem","className","id","onClick","_objectSpread2","css","key"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n    DropDown,\n    DropDownItem,\n    useCurrentSelection,\n    useCurrentElement,\n    useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n    $isHeadingNode,\n    $isParagraphNode,\n    $isQuoteNode,\n    $isListNode,\n    ListNode\n} from \"@webiny/lexical-nodes\";\nimport { TypographyStyle } from \"@webiny/theme/types\";\nimport { TypographyValue } from \"@webiny/lexical-theme\";\nimport { useTheme } from \"@webiny/app-admin\";\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { theme } = useTheme();\n    const [styles, setStyles] = useState<TypographyStyle[]>([]);\n    const { element } = useCurrentElement();\n    const { rangeSelection } = useCurrentSelection();\n\n    const getAllTextStyles = (): TypographyStyle[] => {\n        if (!theme?.styles.typography) {\n            return [];\n        }\n        const headingsStyles = theme.styles.typography?.headings || [];\n        const paragraphStyles = theme.styles.typography?.paragraphs || [];\n        return [...headingsStyles, ...paragraphStyles];\n    };\n\n    useEffect(() => {\n        // In static toolbar typography, styles always need to be visible.\n        if (theme?.styles) {\n            setStyles(getAllTextStyles());\n        }\n    }, [theme?.styles]);\n\n    const getListStyles = (tag: string): TypographyStyle[] => {\n        const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];\n        if (listStyles.length > 0) {\n            return listStyles;\n        }\n\n        const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n        return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n    };\n\n    useEffect(() => {\n        if (!element || !rangeSelection) {\n            return;\n        }\n\n        switch (true) {\n            case $isHeadingNode(element):\n            case $isParagraphNode(element):\n                setStyles(getAllTextStyles());\n                break;\n            case $isListNode(element):\n                let type;\n                try {\n                    const anchorNode = rangeSelection.anchor.getNode();\n                    const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n                    if (parentList) {\n                        type = parentList.getListType();\n                    }\n                } catch {\n                    type = element.getListType();\n                }\n\n                if (type === \"bullet\") {\n                    setStyles(getListStyles(\"ul\"));\n                } else {\n                    setStyles(getListStyles(\"ol\"));\n                }\n                break;\n            case $isQuoteNode(element):\n                setStyles(theme?.styles.typography?.quotes || []);\n                break;\n            default:\n                setStyles([]);\n        }\n    }, [element]);\n\n    return (\n        <>\n            {!!styles?.length ? (\n                <DropDown\n                    buttonClassName=\"toolbar-item typography-dropdown\"\n                    buttonAriaLabel={\"Typography formatting options\"}\n                    buttonLabel={value?.name || \"Typography\"}\n                    stopCloseOnClickSelf={true}\n                    disabled={false}\n                    showScroll={true}\n                >\n                    {styles?.map(option => (\n                        <DropDownItem\n                            className={`item typography-item ${\n                                value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n                            }`}\n                            onClick={() =>\n                                applyTypography({\n                                    ...option,\n                                    css: option.styles\n                                } as TypographyValue)\n                            }\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.name}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}