@crystaldesign/diva-backoffice 24.7.0-beta.14 → 24.7.0-beta.25

package/build/esm/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { createContext, useState, useEffect, useMemo, useCallback, useRef, useImperativeHandle, useReducer, createRef, forwardRef, useContext, memo } from 'react';
 import 'antd/dist/reset.css';
-import { Button, Spin, Descriptions, Select as Select$2, Alert, Modal as Modal$2, Input, Popover, Typography, Divider, Avatar, Form as Form$1, Radio, DatePicker, Checkbox, InputNumber, Card, Tooltip, Upload, Space, Row, Col, Steps, Result as Result$1, Layout, Switch, Menu as Menu$1, Collapse, Table as Table$1, Popconfirm, Tabs, Image, Progress, Slider, Breadcrumb, List as List$1, message, Cascader, Skeleton, Drawer, ConfigProvider, theme } from 'antd';
+import { Button, Spin, Descriptions, Select as Select$1, Alert, Modal as Modal$2, Input, Popover, Typography, Divider, Avatar, Form as Form$1, Radio, DatePicker, Checkbox, InputNumber, Card, Tooltip, Upload, Space, Row, Col, Steps, Result as Result$1, Layout, Switch, Menu as Menu$1, Collapse, Table as Table$1, Popconfirm, Tabs, Image, Progress, Slider, Breadcrumb, List as List$1, message, Cascader, Skeleton, Drawer, ConfigProvider, theme } from 'antd';
 import { observer } from 'mobx-react-lite';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { getLogger, CoreError, useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
@@ -22,7 +22,7 @@ import { toJS, makeAutoObservable, observable, action, makeObservable } from 'mo
 import merge from 'deepmerge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import FileExcelOutlined from '@ant-design/icons/FileExcelOutlined';
-import { DownloadOutlined, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, MinusCircleOutlined, HomeOutlined as HomeOutlined$1, InboxOutlined, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1 } from '@ant-design/icons';
+import { DownloadOutlined, MinusCircleOutlined, PlusOutlined, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1 } from '@ant-design/icons';
 import AssetEditor from '@crystaldesign/media-upload';
 import debounce from 'lodash/debounce';
 import { isArray } from 'lodash';
@@ -31,7 +31,8 @@ import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import JSONEditor from 'jsoneditor';
 import 'jsoneditor/dist/jsoneditor.css';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PlusOutlined from '@ant-design/icons/PlusOutlined';
+import { Editor } from '@tinymce/tinymce-react';
+import PlusOutlined$1 from '@ant-design/icons/PlusOutlined';
 import CheckCircleOutlined from '@ant-design/icons/CheckCircleOutlined';
 import DivaUtils$1, { nanoid } from '@crystaldesign/diva-utils';
 import ReloadOutlined from '@ant-design/icons/ReloadOutlined';
@@ -97,6 +98,9 @@ import Collapsible from 'react-collapsible';
 import QuestionOutlined from '@ant-design/icons/QuestionOutlined';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
 import { useTranslation as useTranslation$1 } from 'react-i18next';
+import Descriptions$1 from 'antd/es/descriptions';
+import Space$1 from 'antd/es/space';
+import { Spreadsheet } from '@crystaldesign/spreadsheet';
 import { stringify } from 'csv';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import ReactCrop from 'react-image-crop';
@@ -115,11 +119,11 @@ import RoomSelection from '@crystaldesign/room-selection';
     globalThis.process = { env:env };
 })();
 
-function _createForOfIteratorHelper$m(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$m(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$m(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$m(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$m(o, minLen); }
-function _arrayLikeToArray$m(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$m(r, a) : void 0; } }
+function _arrayLikeToArray$m(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$b = getLogger('Backoffice', 'AplyMapping');
 function aplyMapping (_ref) {
   var mapable = _ref.mapable,
@@ -140,10 +144,10 @@ function aplyMapping (_ref) {
         var newValue = {};
         newValue[newKey] = valueToAdd;
         if ((startValue === null || startValue === void 0 ? void 0 : startValue[newKey]) != undefined) {
-          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$F(_objectSpread$F({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
+          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$H(_objectSpread$H({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
           return startValue;
         }
-        if (newIdx == 1) return _objectSpread$F(_objectSpread$F({}, startValue), newValue);
+        if (newIdx == 1) return _objectSpread$H(_objectSpread$H({}, startValue), newValue);
         return getTarget(idx + 1, keys, startValue, newValue);
       };
       returnValue = getTarget(0, key.split('.'), returnValue, value);
@@ -424,8 +428,8 @@ function getLeafColumns(columns) {
   });
 }
 
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$a = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
 var _default$d = /*#__PURE__*/function () {
@@ -604,7 +608,7 @@ var _default$d = /*#__PURE__*/function () {
               _context2.next = 20;
               return fetch(finalUrl, {
                 method: this._updateMethod,
-                headers: _objectSpread$E(_objectSpread$E({}, jwt ? {
+                headers: _objectSpread$G(_objectSpread$G({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}), {}, {
                   'Content-Type': 'application/json'
@@ -695,7 +699,7 @@ var _default$d = /*#__PURE__*/function () {
                   rootStore: this._rootStore,
                   fallBackToParams: true
                 });
-                if (data) createData = _objectSpread$E({}, data);
+                if (data) createData = _objectSpread$G({}, data);
               } else if (data !== undefined) {
                 createData = aplyMapping({
                   mapable: data,
@@ -836,7 +840,7 @@ var _default$d = /*#__PURE__*/function () {
               _context6.next = 7;
               return fetch((_url = url) === null || _url === void 0 ? void 0 : _url.toString(), {
                 method: isApi2 ? 'POST' : 'DELETE',
-                headers: _objectSpread$E({}, jwt ? {
+                headers: _objectSpread$G({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {})
               }).then( /*#__PURE__*/function () {
@@ -952,7 +956,7 @@ var _default$d = /*#__PURE__*/function () {
               throw new Error('Read List endpoint is missing in configuration.');
             case 2:
               jwt = (_this$_rootStore5 = this._rootStore) === null || _this$_rootStore5 === void 0 ? void 0 : _this$_rootStore5.dataStore.jwt;
-              url = filterServerSide ? parseServersideFilters(_objectSpread$E(_objectSpread$E({}, filterServerSide), {}, {
+              url = filterServerSide ? parseServersideFilters(_objectSpread$G(_objectSpread$G({}, filterServerSide), {}, {
                 columns: this._filterFields ? filterServerSide.columns : undefined,
                 baseUrl: this._readListUrl,
                 prefilter: prefilter
@@ -972,7 +976,7 @@ var _default$d = /*#__PURE__*/function () {
               });
             case 6:
               response = _context8.sent;
-              return _context8.abrupt("return", _objectSpread$E(_objectSpread$E({}, response), {}, {
+              return _context8.abrupt("return", _objectSpread$G(_objectSpread$G({}, response), {}, {
                 data: response.data.map(function (d) {
                   return _this2.aplyJsonPath(d, _this2._readJsonPath);
                 })
@@ -996,7 +1000,7 @@ var _default$d = /*#__PURE__*/function () {
         throw new Error('Read List endpoint is missing in configuration.');
       }
       (_this$_rootStore6 = this._rootStore) === null || _this$_rootStore6 === void 0 ? void 0 : _this$_rootStore6.dataStore.jwt;
-      var url = filterServerSide ? parseServersideFilters(_objectSpread$E(_objectSpread$E({}, filterServerSide), {}, {
+      var url = filterServerSide ? parseServersideFilters(_objectSpread$G(_objectSpread$G({}, filterServerSide), {}, {
         columns: this._filterFields ? filterServerSide.columns : undefined,
         baseUrl: this._readListUrl,
         prefilter: prefilter
@@ -1202,8 +1206,8 @@ var _default$c = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$6(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$6() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$6() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$6 = function _isNativeReflectConstruct() { return !!t; })(); }
 var _default$b = /*#__PURE__*/function (_ApiHandler) {
@@ -1302,7 +1306,7 @@ var _default$b = /*#__PURE__*/function (_ApiHandler) {
               _context2.next = 5;
               return fetch(this._createUrl + '?ref=true', {
                 method: this._createMethod,
-                headers: _objectSpread$D({}, jwt ? {
+                headers: _objectSpread$F({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}),
                 body: data
@@ -1678,8 +1682,8 @@ var _default$8 = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default$7 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -1706,7 +1710,7 @@ var _default$7 = /*#__PURE__*/function () {
       }
       if (config.type == 'Menu') {
         var filteredItems = filterMenuByPermission(this.root.actions.userHasPermission, config.items);
-        config = _objectSpread$C(_objectSpread$C({}, config), {}, {
+        config = _objectSpread$E(_objectSpread$E({}, config), {}, {
           items: filteredItems
         });
       } else if (config.type == 'Group') {
@@ -1715,7 +1719,7 @@ var _default$7 = /*#__PURE__*/function () {
           var _i$permission;
           return !i.permission || _this.root.actions.userHasPermission((_i$permission = i.permission) === null || _i$permission === void 0 ? void 0 : _i$permission.toLocaleLowerCase());
         });
-        config = _objectSpread$C(_objectSpread$C({}, config), {}, {
+        config = _objectSpread$E(_objectSpread$E({}, config), {}, {
           items: _filteredItems
         });
       }
@@ -1785,7 +1789,7 @@ function filterMenuByPermission(hasPermission, items) {
   return items.filter(function (item) {
     return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
   }).map(function (item) {
-    return _objectSpread$C(_objectSpread$C({}, item), {}, {
+    return _objectSpread$E(_objectSpread$E({}, item), {}, {
       items: filterMenuByPermission(hasPermission, item.items)
     });
   }).filter(function (item) {
@@ -3133,6 +3137,74 @@ function loadConfiguration(t, root, config, lang) {
         }]
       }
     },
+    ContentItems: {
+      title: t('backoffice.table.partlists.title'),
+      type: 'Table',
+      canRefresh: true,
+      copyAction: {
+        actionType: 'Detail',
+        type: 'Form',
+        id: 'FormEditContentItem',
+        title: t('backoffice.table.contentItem.copyAction.title'),
+        label: t('backoffice.table.services.copyAction.label'),
+        mapping: {
+          type: 'body',
+          map: [{
+            targetField: 'content',
+            sourceField: 'content'
+          }, {
+            targetField: 'description',
+            sourceField: 'description'
+          }, {
+            targetField: 'organizationId',
+            sourceField: 'organizationId'
+          }]
+        }
+      },
+      createAction: {
+        actionType: 'Detail',
+        type: 'JsonEditor',
+        id: 'JsonEditorEditContentItem',
+        title: t('backoffice.table.contentItem.label.create'),
+        label: t('backoffice.table.contentItem.label.create')
+      },
+      columns: [{
+        title: t('backoffice.table.roles.columns.description'),
+        field: 'description',
+        sorter: 1,
+        filter: 'advanced',
+        width: 300
+      }, {
+        title: 'backoffice.content',
+        field: 'content',
+        hidden: true
+      }, {
+        title: t('backoffice.table.medien.columns.title.organizationId'),
+        field: 'organizationId',
+        sorter: 1,
+        filter: 'advanced',
+        width: 100
+      }, {
+        title: t('backoffice._id'),
+        field: '_id',
+        sorter: 1,
+        filter: 'advanced',
+        width: 100
+      }],
+      rowAction: [{
+        actionType: 'Detail',
+        type: 'Form',
+        id: 'FormEditContentItem',
+        title: t('backoffice.table.contentItem.edit')
+      }],
+      apiInterface: {
+        read: {
+          list: '${catalogService}/contentItems',
+          filterServerSide: true
+        },
+        "delete": '${catalogService}/contentItems/${id}'
+      }
+    },
     TableApplicationTranslations: {
       title: t('backoffice.table.applicationtranslation.title'),
       type: 'Table',
@@ -6084,6 +6156,17 @@ function loadConfiguration(t, root, config, lang) {
         name: 'MetaValue'
       }]
     },
+    JsonEditorEditContentItem: {
+      type: 'JsonEditor',
+      apiInterface: {
+        update: {
+          url: '${catalogService}/contentItems/{_id}',
+          method: 'PATCH',
+          jsonPatch: true
+        },
+        create: '${catalogService}/contentItems'
+      }
+    },
     JsonEditorUpdateService: {
       type: 'JsonEditor',
       apiInterface: {
@@ -7159,6 +7242,195 @@ function loadConfiguration(t, root, config, lang) {
         type: 'input'
       }]
     },
+    FormEditContentItem: {
+      type: 'Form',
+      items: [],
+      itemsByData: function itemsByData(data) {
+        var result = [{
+          name: 'description',
+          type: 'input',
+          label: t('description')
+        }];
+        var getItemsByContent = function getItemsByContent(content, path) {
+          for (var i = 0; i < content.length; i++) {
+            var item = content[i];
+            var p = [].concat(_toConsumableArray(path), [i]);
+            switch (item.type) {
+              case 'Title':
+                result.push({
+                  name: 'Title',
+                  type: 'subTitle'
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['type']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['style']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['text']),
+                  type: 'input',
+                  label: t('backoffice.table.views.rowAction.label')
+                });
+                break;
+              case 'RichText':
+                result.push({
+                  name: 'RichText',
+                  type: 'subTitle'
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['type']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['style']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['text']),
+                  type: 'richText',
+                  label: t('backoffice.table.views.rowAction.label')
+                });
+                break;
+              case 'URL':
+                result.push({
+                  name: 'URL',
+                  type: 'subTitle'
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['type']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['url']),
+                  type: 'input',
+                  label: t('backoffice.form.api2servers.items.url')
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['text']),
+                  type: 'input',
+                  label: t('backoffice.table.views.rowAction.label')
+                });
+                break;
+              case 'Gallery':
+                result.push({
+                  name: 'Gallery',
+                  type: 'subTitle'
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['type']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['wrappingStyle']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['content']),
+                  type: 'array',
+                  initialValue: item.content,
+                  items: [{
+                    type: 'radio',
+                    name: 'type',
+                    label: t('Format'),
+                    required: true,
+                    optionType: 'button',
+                    defaultValue: 'Image',
+                    options: [{
+                      value: 'Image',
+                      label: 'Image'
+                    }, {
+                      value: 'Video',
+                      label: 'Video'
+                    }]
+                  }, {
+                    name: 'url',
+                    type: 'input',
+                    label: t('backoffice.form.api2servers.items.url')
+                  }, {
+                    name: 'altText',
+                    type: 'input',
+                    label: t('backoffice.table.views.rowAction.label')
+                  }, {
+                    name: 'style',
+                    hidden: true
+                  }, {
+                    name: 'cover',
+                    hidden: true
+                  }]
+                });
+                break;
+              case 'Image':
+                result.push({
+                  name: 'Image',
+                  type: 'subTitle'
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['type']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['style']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['cover']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['url']),
+                  type: 'input',
+                  label: t('backoffice.form.api2servers.items.url')
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['altText']),
+                  type: 'input',
+                  label: t('backoffice.table.views.rowAction.label')
+                });
+                break;
+              case 'Video':
+                result.push({
+                  name: 'Video',
+                  type: 'subTitle'
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['type']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['url']),
+                  type: 'input',
+                  label: t('backoffice.form.api2servers.items.url')
+                });
+                break;
+              case 'Wrapper':
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['type']),
+                  hidden: true
+                });
+                result.push({
+                  name: [].concat(_toConsumableArray(p), ['style']),
+                  hidden: true
+                });
+                getItemsByContent(item.content, [].concat(_toConsumableArray(p), ['content']));
+                break;
+            }
+          }
+        };
+        getItemsByContent(data.content, ['content']);
+        return result;
+      },
+      apiInterface: {
+        update: {
+          url: '${catalogService}/contentItems/{_id}',
+          method: 'PATCH',
+          jsonPatch: true
+        },
+        create: '${catalogService}/contentItems'
+      }
+    },
     FormApplicationTranslationsEdit: {
       type: 'Form',
       title: t('backoffice.form.applicationtranslationedit.title'),
@@ -10522,6 +10794,18 @@ function loadConfiguration(t, root, config, lang) {
               globalValue: 'organization.parentType'
             }
           }]
+        }, {
+          id: 'ContentItems',
+          label: t('backoffice.menu.items.label.ContentItems'),
+          type: 'Table',
+          //permission: 'backoffice_content',
+          icon: 'OrderedListOutlined',
+          rules: [{
+            match: {
+              value: ['RETAILER', 'ASSOCIATION'],
+              globalValue: 'organization.parentType'
+            }
+          }]
         }, {
           id: 'adminClientRelations',
           label: 'IDM',
@@ -10569,6 +10853,10 @@ function loadConfiguration(t, root, config, lang) {
               globalValue: 'organization.parentType'
             }
           }]
+        }, {
+          id: 'CatalogEditorIDM',
+          label: t('backoffice.menu.items.label.CatalogEditorIDM'),
+          type: 'CatalogEditorIDM'
         }]
       }, {
         label: t('backoffice.menu.items.label.adminarea'),
@@ -10794,9 +11082,9 @@ function loadConfiguration(t, root, config, lang) {
   };
 }
 
-function _createForOfIteratorHelper$l(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$l(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$l(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$l(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$l(o, minLen); }
-function _arrayLikeToArray$l(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$l(r, a) : void 0; } }
+function _arrayLikeToArray$l(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function aplyRule(_ref) {
   var rules = _ref.rules,
     data = _ref.data,
@@ -10887,6 +11175,7 @@ var _default$6 = /*#__PURE__*/function () {
     _defineProperty(this, "_selectedLeaf", undefined);
     _defineProperty(this, "_configurationId", void 0);
     _defineProperty(this, "_theme", window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'darkmode' : 'lightmode');
+    _defineProperty(this, "_menuCollapsed", false);
     makeAutoObservable(this, {
       root: false,
       _leafs: observable.ref,
@@ -10921,10 +11210,13 @@ var _default$6 = /*#__PURE__*/function () {
   }, {
     key: "setSelectedMenuItem",
     value: function setSelectedMenuItem(id) {
-      var _this$_leafs;
+      var _this$_leafs, _this$_selectedLeaf2;
       this._selectedLeaf = (_this$_leafs = this._leafs) === null || _this$_leafs === void 0 ? void 0 : _this$_leafs.find(function (l) {
         return l.id == id;
       });
+      if (((_this$_selectedLeaf2 = this._selectedLeaf) === null || _this$_selectedLeaf2 === void 0 ? void 0 : _this$_selectedLeaf2.type) == 'CatalogEditorIDM') {
+        this.menuCollapsed = true;
+      }
     }
   }, {
     key: "menuItem",
@@ -10942,6 +11234,14 @@ var _default$6 = /*#__PURE__*/function () {
       this._theme = value;
       localStorage.setItem('theme', value);
     }
+  }, {
+    key: "menuCollapsed",
+    get: function get() {
+      return this._menuCollapsed;
+    },
+    set: function set(value) {
+      this._menuCollapsed = value;
+    }
   }, {
     key: "configuration",
     get: function get() {
@@ -11197,9 +11497,9 @@ var _default$3 = /*#__PURE__*/function () {
   }]);
 }();
 
-function _createForOfIteratorHelper$k(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$k(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$k(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$k(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$k(o, minLen); }
-function _arrayLikeToArray$k(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$k(r, a) : void 0; } }
+function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var LOG$9 = getLogger('Backoffice', 'DownloadStore');
 var DownloadStore = /*#__PURE__*/function () {
   function DownloadStore(_rootStore) {
@@ -11792,9 +12092,9 @@ var useStore = function useStore() {
   return store;
 };
 
-function _createForOfIteratorHelper$j(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$j(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$j(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$j(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$j(o, minLen); }
-function _arrayLikeToArray$j(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
+function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function getCombinedValues(data, pattern) {
   if (!pattern || !data) {
     return data;
@@ -11816,11 +12116,11 @@ function getCombinedValues(data, pattern) {
   return value;
 }
 
-function _createForOfIteratorHelper$i(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$i(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$i(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$i(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$i(o, minLen); }
-function _arrayLikeToArray$i(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0; } }
+function _arrayLikeToArray$i(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useDescriptions (_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -11913,7 +12213,7 @@ function _getDisplayData() {
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          displayData = _objectSpread$B({}, data);
+          displayData = _objectSpread$D({}, data);
           _iterator = _createForOfIteratorHelper$i(items);
           _context4.prev = 2;
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
@@ -11989,11 +12289,11 @@ function _getDisplayData() {
   return _getDisplayData.apply(this, arguments);
 }
 
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$h(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$h(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$h(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$h(o, minLen); }
-function _arrayLikeToArray$h(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
+function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ActionButton (_ref) {
   var action = _ref.action,
     callback = _ref.callback,
@@ -12132,7 +12432,7 @@ function ActionButton (_ref) {
               _iterator2.f();
             }
             _context.next = 23;
-            return apiInterface.update(_objectSpread$A(_objectSpread$A({}, data), {}, {
+            return apiInterface.update(_objectSpread$C(_objectSpread$C({}, data), {}, {
               state: toSwitch
             }), data);
           case 23:
@@ -12289,14 +12589,14 @@ function _simpleChangeValue() {
             break;
           }
           for (i = 0; i < action.newValues.length; i++) {
-            fieldsToUpdate = _objectSpread$A(_objectSpread$A({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
+            fieldsToUpdate = _objectSpread$C(_objectSpread$C({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
           }
           if (!apiInterface.canUpdate) {
             _context2.next = 9;
             break;
           }
           _context2.next = 7;
-          return apiInterface.update(_objectSpread$A({}, fieldsToUpdate), data);
+          return apiInterface.update(_objectSpread$C({}, fieldsToUpdate), data);
         case 7:
           response = _context2.sent;
           return _context2.abrupt("return", response);
@@ -12311,7 +12611,7 @@ function _simpleChangeValue() {
   return _simpleChangeValue.apply(this, arguments);
 }
 function A(props) {
-  return /*#__PURE__*/jsx("a", _objectSpread$A({}, props));
+  return /*#__PURE__*/jsx("a", _objectSpread$C({}, props));
 }
 
 var DescriptionWrapper = function DescriptionWrapper(_ref) {
@@ -12355,11 +12655,11 @@ var DescriptionWrapper = function DescriptionWrapper(_ref) {
 };
 var Description = observer(DescriptionWrapper);
 
-function _createForOfIteratorHelper$g(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$g(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$g(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$g(o, minLen); }
-function _arrayLikeToArray$g(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
+function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSelectData (_ref) {
   var data = _ref.data,
     onChange = _ref.onChange,
@@ -12540,7 +12840,7 @@ function useSelectData (_ref) {
             setFetching(true);
             serverSideParams = {
               filters: selectMapping !== null && selectMapping !== void 0 && selectMapping.searchField ? selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.searchField.reduce(function (filter, field) {
-                return _objectSpread$z(_objectSpread$z({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
+                return _objectSpread$B(_objectSpread$B({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
               }, {}) : {
                 _id: [value, 'contains']
               },
@@ -12825,7 +13125,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref) {
   var filterServerSide = _typeof(apiInterface) == 'object' && _typeof(apiInterface.read) == 'object' && apiInterface.read.filterServerSide;
   var selected = state.selected;
   return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(Select$2, {
+    children: /*#__PURE__*/jsx(Select$1, {
       labelInValue: mode === 'tags' ? false : true,
       style: {
         width: '100%',
@@ -12851,13 +13151,13 @@ var SelectWrapper$1 = function SelectWrapper(_ref) {
     })
   });
 };
-var Select$1 = observer(SelectWrapper$1, {
+var Select = observer(SelectWrapper$1, {
   forwardRef: true
 });
 
-function _createForOfIteratorHelper$f(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$f(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$f(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$f(o, minLen); }
-function _arrayLikeToArray$f(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
+function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var FileUploadWrapper = function FileUploadWrapper(_ref) {
   _ref.id;
   var _useDivaCore = useDivaCore(),
@@ -12974,7 +13274,7 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
           style: {
             marginTop: 18
           },
-          children: /*#__PURE__*/jsx(Select$1, {
+          children: /*#__PURE__*/jsx(Select, {
             mode: "multiple",
             apiInterface: {
               read: {
@@ -13039,11 +13339,11 @@ function removeEmpty(data) {
   return undefined;
 }
 
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$e(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$e(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$e(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$e(o, minLen); }
-function _arrayLikeToArray$e(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
+function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function useFormData (_ref) {
   var _loadedData$_id;
   var id = _ref.id,
@@ -13072,10 +13372,14 @@ function useFormData (_ref) {
     setSelectedItemsIndex = _useState6[1];
   var changedFields = useRef([]);
   var _useMemo = useMemo(function () {
-      return {
+      var c = {
         apiHandler: root.getApiHandler(id, apiInterface),
         configuration: root.configurationStore.getConfiguration(id, 'Form')
       };
+      if (c.configuration.itemsByData) {
+        c.configuration.items = c.configuration.itemsByData(inboundData);
+      }
+      return c;
     }, [id]),
     apiHandler = _useMemo.apiHandler,
     configuration = _useMemo.configuration;
@@ -13133,7 +13437,7 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: onLoadFields(_objectSpread$y({}, dt)),
+        loadedData: onLoadFields(_objectSpread$A({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData, selectedItemsIndex]),
@@ -13170,7 +13474,7 @@ function useFormData (_ref) {
     setFieldErrors = _useState14[1];
   useEffect(function () {
     var _loadedData$_id2;
-    setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
+    setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
       data: loadedData,
       origData: JSON.parse(JSON.stringify(inboundData !== null && inboundData !== void 0 ? inboundData : {})),
       update: !!((_loadedData$_id2 = loadedData === null || loadedData === void 0 ? void 0 : loadedData._id) !== null && _loadedData$_id2 !== void 0 ? _loadedData$_id2 : loadedData === null || loadedData === void 0 ? void 0 : loadedData.ID),
@@ -13265,7 +13569,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            newData = _objectSpread$y({}, state.data);
+            newData = _objectSpread$A({}, state.data);
             Object.keys(values).forEach(function (k) {
               var _values$k$value, _values$k;
               return newData[k] = (_values$k$value = (_values$k = values[k]) === null || _values$k === void 0 ? void 0 : _values$k.value) !== null && _values$k$value !== void 0 ? _values$k$value : values[k];
@@ -13277,12 +13581,12 @@ function useFormData (_ref) {
             return _context2.abrupt("return", newData);
           case 4:
             _context2.next = 6;
-            return setDynamicFields(_objectSpread$y({}, state.data), newData);
+            return setDynamicFields(_objectSpread$A({}, state.data), newData);
           case 6:
             newData = _context2.sent;
-            newData = onSaveFields(_objectSpread$y({}, state.data), newData);
+            newData = onSaveFields(_objectSpread$A({}, state.data), newData);
             newData = removeEmpty(newData);
-            setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
+            setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
@@ -13331,13 +13635,13 @@ function useFormData (_ref) {
               _context2.next = 38;
               break;
             }
-            setFieldErrors(_objectSpread$y(_objectSpread$y({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
+            setFieldErrors(_objectSpread$A(_objectSpread$A({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
             return _context2.abrupt("return", undefined);
           case 38:
             throw _context2.t0;
           case 39:
             _context2.prev = 39;
-            setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
+            setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
               data: finalData,
               loading: false
             }));
@@ -13367,7 +13671,7 @@ function useFormData (_ref) {
   }
   var updateHiddenRequiredDisabled = function updateHiddenRequiredDisabled(data, changedFields) {
     if (!(selectedItems !== null && selectedItems !== void 0 && selectedItems.length)) return;
-    var wholeData = Object.assign(_objectSpread$y({}, state.data), _objectSpread$y({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
+    var wholeData = Object.assign(_objectSpread$A({}, state.data), _objectSpread$A({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
     var newState = getHiddenRequredDisabled(wholeData, selectedItems);
     if (JSON.stringify(newState) !== JSON.stringify(hiddenRequiredDisabled)) {
       setHiddenRequiredDisabled(newState);
@@ -13380,12 +13684,12 @@ function useFormData (_ref) {
     }
   };
   var onInputChanged = function onInputChanged(id, value, d) {
-    var data = d !== null && d !== void 0 ? d : Object.assign(_objectSpread$y({}, state.data), _objectSpread$y({}, state.form.getFieldsValue()));
+    var data = d !== null && d !== void 0 ? d : Object.assign(_objectSpread$A({}, state.data), _objectSpread$A({}, state.form.getFieldsValue()));
     setFieldInObject(id, data, value);
-    var newFieldErrors = _objectSpread$y({}, fieldErrors);
+    var newFieldErrors = _objectSpread$A({}, fieldErrors);
     delete newFieldErrors[id.toString()];
     setFieldErrors(newFieldErrors);
-    setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
+    setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
       data: data
     }));
     return data;
@@ -13411,12 +13715,12 @@ function useFormData (_ref) {
       var _value$value;
       if (((_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value) === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
+          setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
-            data: _objectSpread$y(_objectSpread$y({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
+            data: _objectSpread$A(_objectSpread$A({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -13426,12 +13730,12 @@ function useFormData (_ref) {
       var val = _ref6.value;
       if (value === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
+          setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$y(_objectSpread$y({}, state), {}, {
-            data: _objectSpread$y(_objectSpread$y({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
+            data: _objectSpread$A(_objectSpread$A({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -13545,7 +13849,7 @@ function useFormData (_ref) {
     }));
     return _setDynamicFields.apply(this, arguments);
   }
-  return _objectSpread$y(_objectSpread$y({}, state), {}, {
+  return _objectSpread$A(_objectSpread$A({}, state), {}, {
     setUsedPreset: setUsedPreset,
     configuration: configuration,
     changedFields: changedFields,
@@ -13603,11 +13907,11 @@ function getData(id, data) {
   }
 }
 
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$d(o, minLen); }
-function _arrayLikeToArray$d(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
+function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var Presets = function Presets(_ref) {
   var state = _ref.state,
     apiHandler = _ref.apiHandler,
@@ -13616,7 +13920,7 @@ var Presets = function Presets(_ref) {
     setUsedPreset = _ref.setUsedPreset,
     presets = _ref.presets,
     setPresets = _ref.setPresets;
-  var Option = Select$2.Option;
+  var Option = Select$1.Option;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isModalVisible = _useState2[0],
@@ -13654,13 +13958,13 @@ var Presets = function Presets(_ref) {
     } finally {
       _iterator.f();
     }
-    var data = _objectSpread$x(_objectSpread$x({}, form.getFieldsValue(names)), {}, {
+    var data = _objectSpread$z(_objectSpread$z({}, form.getFieldsValue(names)), {}, {
       newPresetName: newPresetName
     });
     data.dpi = parseInt(data.dpi);
     data.organization = root.getGlobalValue('organizationId');
     apiHandler.create({}, state.configuration.createPresetMapping, data);
-    var dt = _objectSpread$x(_objectSpread$x({}, form.getFieldsValue(names)), {}, {
+    var dt = _objectSpread$z(_objectSpread$z({}, form.getFieldsValue(names)), {}, {
       name: newPresetName
     });
     setPresets({
@@ -13720,7 +14024,7 @@ var Presets = function Presets(_ref) {
     setValue(undefined);
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Select$2, {
+    children: [/*#__PURE__*/jsx(Select$1, {
       showSearch: true,
       value: value,
       placeholder: t('backoffice.form.presets.placeholder'),
@@ -14043,8 +14347,8 @@ var buttonGroup = "button-group-GYt-T";
 var css_248z$h = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
 styleInject(css_248z$h);
 
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubTitle = function SubTitle(_ref) {
   var _item$orientation, _item$buttonIds;
   var item = _ref.item,
@@ -14053,10 +14357,10 @@ var SubTitle = function SubTitle(_ref) {
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Divider, {
     orientation: (_item$orientation = item.orientation) !== null && _item$orientation !== void 0 ? _item$orientation : 'left',
-    style: _objectSpread$w({}, item.style),
+    style: _objectSpread$y({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$2,
-      children: [t(item.name), ((_item$buttonIds = item.buttonIds) === null || _item$buttonIds === void 0 ? void 0 : _item$buttonIds.length) && item.buttonIds.map(function (b) {
+      children: [Array.isArray(item.name) ? t(item.name[0].toString()) : t(item.name), ((_item$buttonIds = item.buttonIds) === null || _item$buttonIds === void 0 ? void 0 : _item$buttonIds.length) && item.buttonIds.map(function (b) {
         return /*#__PURE__*/jsx("div", {
           className: buttonGroup,
           children: /*#__PURE__*/jsx(CustomButton$1, {
@@ -14730,8 +15034,8 @@ var _default = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 getLogger('Backoffice', 'SelectClientRelationCatalog');
 function useSelectClientRelationCatalog (_ref) {
   var onSelectedCatalog = _ref.onSelectedCatalog,
@@ -14900,7 +15204,7 @@ function useSelectClientRelationCatalog (_ref) {
           case 22:
             supplierData = _context2.sent;
           case 23:
-            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$v(_objectSpread$v({}, _selectedSupplier), {}, {
+            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$x(_objectSpread$x({}, _selectedSupplier), {}, {
               supplierGuid: catalogList === null || catalogList === void 0 || (_catalogList$ = catalogList[0]) === null || _catalogList$ === void 0 ? void 0 : _catalogList$.Subfolder
             }), supplierData);
             if (catalogId && catalogList.find(function (c) {
@@ -15010,7 +15314,7 @@ var Selector = function Selector(_ref) {
     }
   }, [valueState]);
   return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(Select$2, {
+    children: /*#__PURE__*/jsx(Select$1, {
       className: customSelect,
       showSearch: true,
       labelInValue: true,
@@ -15029,7 +15333,7 @@ var Selector = function Selector(_ref) {
         return onSelect(option === null || option === void 0 ? void 0 : option.key);
       },
       children: items === null || items === void 0 ? void 0 : items.map(function (i) {
-        return /*#__PURE__*/jsxs(Select$2.Option, {
+        return /*#__PURE__*/jsxs(Select$1.Option, {
           value: i.name,
           className: customSelectOption,
           children: [/*#__PURE__*/jsx("div", {
@@ -15122,6 +15426,7 @@ var LOG$8 = getLogger('Backoffice', 'SelectSimple');
 function useSelectSimpleData (_ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
+    apiMapping = _ref.apiMapping,
     onChange = _ref.onChange,
     value = _ref.value,
     configuredOptions = _ref.options;
@@ -15163,7 +15468,7 @@ function useSelectSimpleData (_ref) {
     }
     if (!apiHandler.canReadList) throw Error('SelectSimple: apiInterface must have readList method');
     setLoading(true);
-    apiHandler.readList().then(function (data) {
+    apiHandler.readList(apiMapping).then(function (data) {
       var _data$data;
       if (_typeof((_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data[0]) == 'object' && !selectMapping) throw Error('SelectSimple: selectMapping is required when data is an object');
       var options = data.data.map(function (item) {
@@ -15244,12 +15549,13 @@ function parseReturnData(options, selectMapping) {
   return (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? options.value : options.data;
 }
 
-var _excluded$2 = ["apiInterface", "selectMapping", "onChange", "value", "search", "options"];
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectWrapper = function SelectWrapper(_ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
+    apiMapping = _ref.apiMapping,
     onChange = _ref.onChange,
     value = _ref.value,
     search = _ref.search,
@@ -15258,12 +15564,13 @@ var SelectWrapper = function SelectWrapper(_ref) {
   var state = useSelectSimpleData({
     apiInterface: apiInterface,
     selectMapping: selectMapping,
+    apiMapping: apiMapping,
     onChange: onChange,
     value: value,
     type: 'SelectSimple',
     options: options
   });
-  return /*#__PURE__*/jsx(Select$2, _objectSpread$u(_objectSpread$u({}, selectProps), {}, {
+  return /*#__PURE__*/jsx(Select$1, _objectSpread$w(_objectSpread$w({}, selectProps), {}, {
     showSearch: search,
     loading: state.loading,
     options: state.options,
@@ -15273,7 +15580,7 @@ var SelectWrapper = function SelectWrapper(_ref) {
     filterOption: filterOption
   }));
 };
-var Select = observer(SelectWrapper, {
+var SimpleSelect = observer(SelectWrapper, {
   forwardRef: true
 });
 var filterOption = function filterOption(input, option) {
@@ -15281,11 +15588,36 @@ var filterOption = function filterOption(input, option) {
   return ((_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : '').toLowerCase().includes(input.toLowerCase());
 };
 
-function _createForOfIteratorHelper$c(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$c(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$c(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$c(o, minLen); }
-function _arrayLikeToArray$c(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RichTextEditor = function RichTextEditor(_ref) {
+  var initValue = _ref.initValue,
+    onChange = _ref.onChange,
+    name = _ref.name;
+  var val = useRef(initValue);
+  return /*#__PURE__*/jsx(Editor, {
+    apiKey: "m7260i0wfvki2sqkam6mfogklidxr229sk7499yjty92q8ww",
+    onEditorChange: function onEditorChange(val, e) {
+      onChange === null || onChange === void 0 || onChange(name, val);
+    },
+    initialValue: val.current,
+    textareaName: "text",
+    init: {
+      height: 500,
+      menubar: false,
+      plugins: ['advlist autolink lists link table paste'],
+      contextmenu: '',
+      resize: false,
+      statusbar: false,
+      toolbar: 'undo redo | formatselect | ' + 'bold italic backcolor | alignleft aligncenter ' + 'alignright alignjustify | bullist numlist outdent indent | table ',
+      content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
+    }
+  });
+};
+
+function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
+function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$7 = getLogger('Backoffice', 'Form');
 var FormWrapper$1 = function FormWrapper(_ref, ref) {
   var _state$selectedItems2;
@@ -15401,7 +15733,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
     };
   }();
   var updateFormData = function updateFormData(data) {
-    form.setFieldsValue(_objectSpread$t(_objectSpread$t({}, state.data), data));
+    form.setFieldsValue(_objectSpread$v(_objectSpread$v({}, state.data), data));
   };
   var onErrorInternal = function onErrorInternal(err, errorText) {
     if (err instanceof CoreError && err.code) {
@@ -15456,13 +15788,14 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
     if (!item.label && item.type === 'button') return undefined;
     return item.label ? t(item.label, item.label) : item.name;
   }
-  function getElement(item, data, setCanSave, state, _onChange, root, form, hidden) {
+  function getElement(item, data, setCanSave, state, _onChange, root, form, hidden, overwrittenName) {
     var _isReadonly, _state$hiddenRequired2;
     if (hidden) return /*#__PURE__*/jsx(Fragment, {});
-    var disabled = (_isReadonly = isReadonly(item, data)) !== null && _isReadonly !== void 0 ? _isReadonly : (_state$hiddenRequired2 = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired2 === void 0 ? void 0 : _state$hiddenRequired2.disabled;
+    var name = overwrittenName || item.name;
+    var disabled = (_isReadonly = isReadonly(item, data)) !== null && _isReadonly !== void 0 ? _isReadonly : (_state$hiddenRequired2 = state.hiddenRequiredDisabled[typeof name == 'string' ? name : name.join('.')]) === null || _state$hiddenRequired2 === void 0 ? void 0 : _state$hiddenRequired2.disabled;
     switch (item.type) {
       case 'select':
-        return /*#__PURE__*/jsx(Select$1, {
+        return /*#__PURE__*/jsx(Select, {
           initialValue: item.defaultValue,
           apiInterface: item.apiInterface,
           mode: item.mode,
@@ -15479,7 +15812,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           wholeData: state.data,
           disabledConfig: item === null || item === void 0 ? void 0 : item['disabledSelection'],
           onChange: function onChange(value) {
-            _onChange(item.name, item.valueField ? value[item.valueField] : value);
+            _onChange(name, item.valueField ? value[item.valueField] : value);
           },
           allowClear: item.allowClear,
           placeholder: item.placeholder,
@@ -15488,10 +15821,10 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           }
         }, state.selectedItemsIndex);
       case 'selectSimple':
-        return /*#__PURE__*/jsx(Select, _objectSpread$t(_objectSpread$t({}, item), {}, {
+        return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$v(_objectSpread$v({}, item), {}, {
           disabled: disabled,
           onChange: function onChange(value) {
-            _onChange(item.name, value);
+            _onChange(name, value);
           }
         }));
       case 'textarea':
@@ -15504,7 +15837,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           defaultValue: item.value,
           placeholder: item.placeholder,
           onChange: function onChange(e) {
-            return _onChange === null || _onChange === void 0 ? void 0 : _onChange(item.name, e.target.value);
+            return _onChange === null || _onChange === void 0 ? void 0 : _onChange(name, e.target.value);
           }
         });
       case 'input':
@@ -15569,6 +15902,12 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           disabled: disabled,
           children: item.label
         });
+      case 'richText':
+        return /*#__PURE__*/jsx(RichTextEditor, {
+          initValue: state.getData(name, data),
+          name: name,
+          onChange: _onChange
+        });
       case 'number':
         return /*#__PURE__*/jsx(InputNumber, {
           disabled: disabled,
@@ -15584,13 +15923,17 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
             if (value && cbItem !== null && cbItem !== void 0 && cbItem.valueOnEnabled) {
               value = root === null || root === void 0 ? void 0 : root.getGlobalValue(cbItem.valueOnEnabled.globalValue);
             }
-            _onChange(item.name, value);
+            _onChange(name, value);
           }
         });
       case 'display':
         return /*#__PURE__*/jsx(DisplayInput, {
           translationPrefix: item.translationPrefix
         });
+      case 'array':
+        return /*#__PURE__*/jsx(FormList, {
+          item: item
+        });
       case 'object':
         return /*#__PURE__*/jsx(JsonEditor$2, {
           setCanSave: setCanSave,
@@ -15624,16 +15967,16 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
               if (item.accountName) {
                 var newData = state.onInputChanged(item.accountName, supplier === null || supplier === void 0 ? void 0 : supplier._id);
                 if (!supplier) {
-                  newData = state.onInputChanged(item.name, undefined, newData);
+                  newData = state.onInputChanged(name, undefined, newData);
                   if (item.catalogCodex) state.onInputChanged(item.catalogCodex, undefined, newData);
                 }
               }
             },
             initAccountId: item.accountName ? state.getData(item.accountName, data) : undefined,
-            initCatalogId: state.getData(item.name, data),
+            initCatalogId: state.getData(name, data),
             currentOrganizationId: root === null || root === void 0 ? void 0 : root.dataStore.selectedOrganizationId,
             onSelectedCatalog: function onSelectedCatalog(catalogItem) {
-              var newData = state.onInputChanged(item.name, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem._id);
+              var newData = state.onInputChanged(name, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem._id);
               if (item.catalogCodex) state.onInputChanged(item.catalogCodex, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.codex, newData);
             },
             onError: function onError(text) {
@@ -15647,7 +15990,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           value: item.value,
           options: item.options.map(function (o) {
             var _o$disabled;
-            return _objectSpread$t(_objectSpread$t({}, o), {}, {
+            return _objectSpread$v(_objectSpread$v({}, o), {}, {
               disabled: (_o$disabled = o.disabled) === null || _o$disabled === void 0 ? void 0 : _o$disabled.call(o, data)
             });
           }),
@@ -15656,7 +15999,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           defaultValue: item.defaultValue,
           onChange: function onChange(_ref7) {
             var value = _ref7.target.value;
-            _onChange(item.name, value);
+            _onChange(name, value);
           }
         });
       case 'button':
@@ -15709,7 +16052,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
       }, state.configuration.itemSelector.name.toString()), (_state$selectedItems2 = state.selectedItems) === null || _state$selectedItems2 === void 0 ? void 0 : _state$selectedItems2.map(function (item) {
         var _state$hiddenRequired3, _state$hiddenRequired4, _state$hiddenRequired5;
         return /*#__PURE__*/jsxs("div", {
-          children: [item.marker && /*#__PURE__*/jsx(InfoCircleOutlined, {}), item.type === 'subTitle' ? getElement(item, state.data, setCanSave, state, state.onInputChanged, undefined, undefined, (_state$hiddenRequired3 = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired3 === void 0 ? void 0 : _state$hiddenRequired3.hidden) : /*#__PURE__*/jsx(Form$1.Item, {
+          children: [item.marker && /*#__PURE__*/jsx(InfoCircleOutlined, {}), ['subTitle', 'array'].includes(item.type) ? getElement(item, state.data, setCanSave, state, state.onInputChanged, undefined, undefined, (_state$hiddenRequired3 = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired3 === void 0 ? void 0 : _state$hiddenRequired3.hidden) : /*#__PURE__*/jsx(Form$1.Item, {
             name: item.name,
             rules: getRules(item, state.data),
             label: getLabel(item),
@@ -15725,6 +16068,67 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
       })]
     })]
   });
+  function FormList(_ref8) {
+    var item = _ref8.item;
+    return /*#__PURE__*/jsx(Form$1.List, {
+      name: item.name,
+      initialValue: item.initialValue,
+      children: function children(fields, _ref9) {
+        var add = _ref9.add,
+          remove = _ref9.remove;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [fields.map(function (_ref10) {
+            var key = _ref10.key,
+              name = _ref10.name;
+            return /*#__PURE__*/jsx(Fragment, {
+              children: /*#__PURE__*/jsxs("div", {
+                style: {
+                  display: 'flex'
+                },
+                children: [/*#__PURE__*/jsx(MinusCircleOutlined, {
+                  onClick: function onClick() {
+                    return remove(name);
+                  }
+                }), /*#__PURE__*/jsx("div", {
+                  style: {
+                    flexGrow: 1
+                  },
+                  children: item.items.map(function (i) {
+                    var _state$hiddenRequired6, _state$hiddenRequired7;
+                    var n = [name].concat(_toConsumableArray(Array.isArray(i.name) ? i.name : [i.name]));
+                    return /*#__PURE__*/jsx(Fragment, {
+                      children: /*#__PURE__*/jsx(Form$1.Item, {
+                        name: n,
+                        rules: getRules(i, state.data),
+                        label: getLabel(i),
+                        valuePropName: i.type == 'checkbox' ? 'checked' : 'value',
+                        initialValue: i === null || i === void 0 ? void 0 : i.defaultValue,
+                        hasFeedback: !!state.fieldErrors[n.toString()],
+                        validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
+                        help: state.fieldErrors[n.toString()],
+                        hidden: ((_state$hiddenRequired6 = state.hiddenRequiredDisabled[typeof n == 'string' ? n : n.join('.')]) === null || _state$hiddenRequired6 === void 0 ? void 0 : _state$hiddenRequired6.hidden) || !!i.hidden,
+                        children: getElement(i, state.data, setCanSave, state, state.onInputChanged, root, form, ((_state$hiddenRequired7 = state.hiddenRequiredDisabled[typeof n == 'string' ? n : n.join('.')]) === null || _state$hiddenRequired7 === void 0 ? void 0 : _state$hiddenRequired7.hidden) || !!i.hidden, [].concat(_toConsumableArray(item.name), _toConsumableArray(Array.isArray(n) ? n : [n])))
+                      }, key)
+                    });
+                  })
+                })]
+              })
+            });
+          }), /*#__PURE__*/jsx(Form$1.Item, {
+            children: /*#__PURE__*/jsx(Button, {
+              type: "dashed",
+              onClick: function onClick() {
+                return add();
+              },
+              block: true,
+              icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+              children: t('backoffice.add_field')
+            })
+          })]
+        });
+      }
+    });
+  }
 };
 var Form = observer(FormWrapper$1, {
   forwardRef: true
@@ -15732,7 +16136,7 @@ var Form = observer(FormWrapper$1, {
 function DisplayInput(props) {
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
-  return /*#__PURE__*/jsx(Input, _objectSpread$t(_objectSpread$t({}, props), {}, {
+  return /*#__PURE__*/jsx(Input, _objectSpread$v(_objectSpread$v({}, props), {}, {
     disabled: true,
     value: t(props.translationPrefix + '.' + props.value)
   }));
@@ -15750,8 +16154,8 @@ function isReadonly(item, data) {
   return false;
 }
 
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useGridData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -15794,11 +16198,11 @@ function useGridData (_ref) {
 function reducer(state, action) {
   switch (action.type) {
     case 'update':
-      return _objectSpread$s(_objectSpread$s({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$s(_objectSpread$s({}, action.data), {}, {
+      return _objectSpread$u(_objectSpread$u({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$u(_objectSpread$u({}, action.data), {}, {
         buffer: Buffer.from(action.data.buffer)
       })));
     case 'delete':
-      var newState = _objectSpread$s({}, state);
+      var newState = _objectSpread$u({}, state);
       delete newState[action.data.divaNr];
       return newState;
     default:
@@ -15883,8 +16287,8 @@ var Grid = function Grid(_ref) {
   });
 };
 
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useMediaUpload = function useMediaUpload(_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -16003,7 +16407,7 @@ var useMediaUpload = function useMediaUpload(_ref) {
     onRemove: onRemove,
     customRequest: customRequest,
     fileList: fileList.map(function (f) {
-      return _objectSpread$r(_objectSpread$r({}, f), {}, {
+      return _objectSpread$t(_objectSpread$t({}, f), {}, {
         url: f.url
       });
     }),
@@ -16047,15 +16451,15 @@ var MediaUpload = observer(function (_ref) {
           onRemove: onRemove,
           fileList: fileList,
           customRequest: customRequest,
-          children: fileList.length == 0 ? /*#__PURE__*/jsx(PlusOutlined, {}) : undefined
+          children: fileList.length == 0 ? /*#__PURE__*/jsx(PlusOutlined$1, {}) : undefined
         })
       })
     })]
   });
 });
 
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useFormListData (_ref) {
   var _configuration$defaul;
   var id = _ref.id,
@@ -16135,7 +16539,7 @@ function useFormListData (_ref) {
             if (updated.length == state.length) {
               newState = state.map(function (s, i) {
                 var _updated$find;
-                return _objectSpread$q(_objectSpread$q({}, s), {}, {
+                return _objectSpread$s(_objectSpread$s({}, s), {}, {
                   data: (_updated$find = updated.find(function (u) {
                     return u.index == i;
                   })) === null || _updated$find === void 0 ? void 0 : _updated$find.data
@@ -16262,7 +16666,7 @@ var FormList = function FormList(_ref, ref) {
             type: "dashed",
             onClick: state.add,
             block: true,
-            icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+            icon: /*#__PURE__*/jsx(PlusOutlined$1, {}),
             children: t('backoffice.FormList.add')
           })
         })]
@@ -16274,8 +16678,8 @@ var FormList$1 = observer(FormList, {
   forwardRef: true
 });
 
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$6 = getLogger('Backoffice', 'SelectOrCreate');
 function useSelectOrCreateData (_ref) {
   var id = _ref.id,
@@ -16369,7 +16773,7 @@ function useSelectOrCreateData (_ref) {
               _context.next = 7;
               return apiHandler.readList(configuration.readMapping, mappingData, {
                 filters: (_configuration$select3 = configuration.selectMapping) !== null && _configuration$select3 !== void 0 && _configuration$select3.searchField ? (_configuration$select4 = configuration.selectMapping) === null || _configuration$select4 === void 0 ? void 0 : _configuration$select4.searchField.reduce(function (filter, field) {
-                  return _objectSpread$p(_objectSpread$p({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
+                  return _objectSpread$r(_objectSpread$r({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
                 }, {}) : {
                   _id: [value, 'contains']
                 },
@@ -16597,7 +17001,7 @@ var FormWrapper = function FormWrapper(_ref, ref) {
         span: 4
       }), /*#__PURE__*/jsx(Col, {
         span: 20,
-        children: /*#__PURE__*/jsx(Select$2, {
+        children: /*#__PURE__*/jsx(Select$1, {
           style: {
             width: '100%'
           },
@@ -16655,7 +17059,7 @@ var Single = function Single(_ref2) {
             return state.onChange();
           },
           block: true,
-          icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+          icon: /*#__PURE__*/jsx(PlusOutlined$1, {}),
           children: t('backoffice.table.emailtemplates.createAction.title')
         })
       })]
@@ -16682,8 +17086,8 @@ var Multiple = function Multiple(_ref3) {
   });
 };
 
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useProcess (_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -16721,7 +17125,7 @@ function useProcess (_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             newState = _toConsumableArray(state);
-            currentStep = _objectSpread$o({}, newState[index]);
+            currentStep = _objectSpread$q({}, newState[index]);
             currentStep.data = data;
             newState.splice(index, 1, currentStep);
             setState(newState);
@@ -16810,7 +17214,7 @@ function _saveData() {
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          newState = _objectSpread$o({}, stepState); // we have to merge the mapping data of all steps into one object,
+          newState = _objectSpread$q({}, stepState); // we have to merge the mapping data of all steps into one object,
           //so we have to modify the mappingData as well as the mapping specification
           sourcData = {};
           (_stepState$step$mappi = stepState.step.mapping) === null || _stepState$step$mappi === void 0 || _stepState$step$mappi.map.forEach(function (map) {
@@ -16826,7 +17230,7 @@ function _saveData() {
           });
           newMapping = undefined;
           if (stepState.step.mapping) {
-            newMapping = _objectSpread$o(_objectSpread$o({}, stepState.step.mapping), {}, {
+            newMapping = _objectSpread$q(_objectSpread$q({}, stepState.step.mapping), {}, {
               map: stepState.step.mapping.map.map(function (m) {
                 return {
                   targetField: m.targetField,
@@ -16900,7 +17304,7 @@ var Process = function Process(_ref) {
           maxWidth: 1000,
           margin: 'auto'
         },
-        children: [state.current < state.steps.length && /*#__PURE__*/jsx(Content$1, {
+        children: [state.current < state.steps.length && /*#__PURE__*/jsx(Content$2, {
           type: state.steps[state.current].step.type,
           id: state.steps[state.current].step.id,
           ref: ref,
@@ -16942,7 +17346,7 @@ var Process = function Process(_ref) {
   });
 };
 var Process$1 = observer(Process);
-var Content$1 = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+var Content$2 = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var type = _ref2.type,
     onChange = _ref2.onChange,
     data = _ref2.data,
@@ -17060,9 +17464,9 @@ function BooleanCell (_ref) {
   }
 }
 
-function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$b(o, minLen); }
-function _arrayLikeToArray$b(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
+function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function StringCell (_ref) {
   var children = _ref.children,
     column = _ref.column,
@@ -17320,7 +17724,7 @@ function DropdownCell (_ref) {
       noStyle: true,
       name: dataIndex,
       initialValue: column.translationPrefix ? t(column.translationPrefix + '.' + children[1]) : children,
-      children: /*#__PURE__*/jsx(Select$2, {
+      children: /*#__PURE__*/jsx(Select$1, {
         style: {
           width: column.width - 20
         },
@@ -17351,9 +17755,9 @@ function DropdownCell (_ref) {
   }
 }
 
-function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$a(o, minLen); }
-function _arrayLikeToArray$a(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
+function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 if (!window.customElements.get('model-viewer')) {
   import('@google/model-viewer');
 }
@@ -17681,6 +18085,11 @@ var MenuWrapper = function MenuWrapper() {
     theme = _root$contentStore.theme;
   return /*#__PURE__*/jsxs(Layout.Sider, {
     className: sideBar,
+    collapsible: true,
+    collapsed: root.contentStore.menuCollapsed,
+    onCollapse: function onCollapse(value) {
+      return root.contentStore.menuCollapsed = value;
+    },
     children: [/*#__PURE__*/jsx("div", {
       className: wrapper,
       children: /*#__PURE__*/jsx(Switch, {
@@ -17864,9 +18273,9 @@ function getIcon(icon) {
   return undefined;
 }
 
-function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$9(o, minLen); }
-function _arrayLikeToArray$9(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
+function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function IconCell (_ref) {
   var children = _ref.children,
     column = _ref.column;
@@ -17906,8 +18315,8 @@ function IconCell (_ref) {
 
 var _excluded$1 = ["index"],
   _excluded2 = ["children", "dataIndex", "record", "handleSave", "column"];
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$5 = getLogger('Backoffice', 'CellRenderer');
 var EditableContext = /*#__PURE__*/React.createContext(null);
 var CustomRow = function CustomRow(_ref) {
@@ -17921,7 +18330,7 @@ var CustomRow = function CustomRow(_ref) {
     component: false,
     children: /*#__PURE__*/jsx(EditableContext.Provider, {
       value: form,
-      children: /*#__PURE__*/jsx("tr", _objectSpread$n({}, props))
+      children: /*#__PURE__*/jsx("tr", _objectSpread$p({}, props))
     })
   });
 };
@@ -17969,7 +18378,7 @@ var CustomCell = function CustomCell(_ref2) {
   if ((record === null || record === void 0 ? void 0 : record.ItemField) == 'LongDescription') {
     longDescriptionType = 'text';
   }
-  var modifiedColumn = _objectSpread$n(_objectSpread$n({}, column), {}, {
+  var modifiedColumn = _objectSpread$p(_objectSpread$p({}, column), {}, {
     type: longDescriptionType || (column === null || column === void 0 ? void 0 : column.type)
   });
   if (column) {
@@ -17982,34 +18391,34 @@ var CustomCell = function CustomCell(_ref2) {
     };
     switch (modifiedColumn.type) {
       case 'boolean':
-        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$p({}, cellProps));
         break;
       case 'text':
-        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$p({}, cellProps));
         break;
       case 'select':
-        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$p({}, cellProps));
       case 'media':
-        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$p({}, cellProps));
         break;
       case 'mediaItem':
-        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$p({}, cellProps));
         break;
       case 'unixTimeStamp':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$p({}, cellProps));
         break;
       case 'unixTimeStampCheck':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$p({}, cellProps));
         break;
       case 'icon':
-        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$p({}, cellProps));
         break;
       default:
-        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$p({}, cellProps));
         break;
     }
   }
-  return /*#__PURE__*/jsx("td", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+  return /*#__PURE__*/jsx("td", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
     children: childNode
   }));
 };
@@ -18359,18 +18768,18 @@ var SMChart = function SMChart(props) {
   }) : /*#__PURE__*/jsx(Fragment, {});
 };
 
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$8(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$8(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$8(o, minLen); }
-function _arrayLikeToArray$8(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
+function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 dayjs.extend(customParseFormat);
 dayjs.extend(advancedFormat);
 dayjs.extend(weekday);
 dayjs.extend(localeData);
 dayjs.extend(weekOfYear);
 dayjs.extend(weekYear);
-Select$2.Option;
+Select$1.Option;
 var LOG$4 = getLogger('Backoffice', 'BaseTable');
 var TableWrapper = function TableWrapper(_ref) {
   var _state$configuration$, _state$configuration$2, _state$configuration$3, _state$configuration$4, _state$configuration$5, _state$configuration$6, _state$globalFilter, _state$globalFilter2, _state$globalFilter3, _state$globalFilter4, _state$configuration$7, _state$configuration$8, _state$globalFilter$s, _state$configuration$9, _state$configuration$10, _state$configuration$13;
@@ -18521,7 +18930,7 @@ var TableWrapper = function TableWrapper(_ref) {
               // Convert to Dayjs
               (_state$globalFilter3 = state.globalFilter) !== null && _state$globalFilter3 !== void 0 && (_state$globalFilter3 = _state$globalFilter3.timeStamp) !== null && _state$globalFilter3 !== void 0 && (_state$globalFilter3 = _state$globalFilter3['toTimeStamp']) !== null && _state$globalFilter3 !== void 0 && _state$globalFilter3[0] ? dayjs((_state$globalFilter4 = state.globalFilter) === null || _state$globalFilter4 === void 0 || (_state$globalFilter4 = _state$globalFilter4.timeStamp) === null || _state$globalFilter4 === void 0 || (_state$globalFilter4 = _state$globalFilter4['toTimeStamp']) === null || _state$globalFilter4 === void 0 ? void 0 : _state$globalFilter4[0]) : dayjs(new Date()) // Convert to Dayjs
               ]
-            }), ((_state$configuration$7 = state.configuration.filter) === null || _state$configuration$7 === void 0 ? void 0 : _state$configuration$7.select) && /*#__PURE__*/jsx(Select, _objectSpread$m(_objectSpread$m({}, (_state$configuration$8 = state.configuration.filter) === null || _state$configuration$8 === void 0 ? void 0 : _state$configuration$8.select.settings), {}, {
+            }), ((_state$configuration$7 = state.configuration.filter) === null || _state$configuration$7 === void 0 ? void 0 : _state$configuration$7.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$o(_objectSpread$o({}, (_state$configuration$8 = state.configuration.filter) === null || _state$configuration$8 === void 0 ? void 0 : _state$configuration$8.select.settings), {}, {
               style: {
                 minWidth: '200px'
               },
@@ -18618,7 +19027,7 @@ var TableWrapper = function TableWrapper(_ref) {
       },
       dataSource: data,
       loading: state.loading,
-      pagination: _objectSpread$m(_objectSpread$m({}, state.pagination), {}, {
+      pagination: _objectSpread$o(_objectSpread$o({}, state.pagination), {}, {
         showTotal: function showTotal(total, range) {
           return "".concat(range[0], "-").concat(range[1], " of ").concat(total, " Elements");
         },
@@ -18918,7 +19327,7 @@ function BulkAction(_ref6) {
             }
             _context4.t0 = data;
             _context4.next = 10;
-            return apiInterface.update(_objectSpread$m(_objectSpread$m({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
+            return apiInterface.update(_objectSpread$o(_objectSpread$o({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
           case 10:
             _context4.t1 = _context4.sent;
             _context4.t0.push.call(_context4.t0, _context4.t1);
@@ -19015,8 +19424,8 @@ function SelectionText(_ref8) {
   });
 }
 
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getColumnFilterProps (_ref) {
   var filter = _ref.filter,
     title = _ref.title;
@@ -19188,7 +19597,7 @@ var advancedProps = function advancedProps(title) {
         },
         children: /*#__PURE__*/jsxs(Space, {
           direction: "vertical",
-          children: [/*#__PURE__*/jsxs(Select$2, {
+          children: [/*#__PURE__*/jsxs(Select$1, {
             defaultValue: "contains",
             style: {
               width: 188,
@@ -19197,28 +19606,28 @@ var advancedProps = function advancedProps(title) {
             onSelect: function onSelect(value) {
               setSelectedKeys([selectedKeys[0], value]);
             },
-            children: [/*#__PURE__*/jsx(Select$2.Option, {
+            children: [/*#__PURE__*/jsx(Select$1.Option, {
               value: "eq",
               children: "Ist equivalent zu"
-            }), /*#__PURE__*/jsx(Select$2.Option, {
+            }), /*#__PURE__*/jsx(Select$1.Option, {
               value: "ne",
               children: "Ist nicht equivalent zu"
-            }), /*#__PURE__*/jsx(Select$2.Option, {
+            }), /*#__PURE__*/jsx(Select$1.Option, {
               value: "contains",
               children: "Enth\xE4lt"
-            }), /*#__PURE__*/jsx(Select$2.Option, {
+            }), /*#__PURE__*/jsx(Select$1.Option, {
               value: "doesnotcontain",
               children: "Enth\xE4lt nicht"
-            }), /*#__PURE__*/jsx(Select$2.Option, {
+            }), /*#__PURE__*/jsx(Select$1.Option, {
               value: "startswith",
               children: "Beginnt mit"
-            }), /*#__PURE__*/jsx(Select$2.Option, {
+            }), /*#__PURE__*/jsx(Select$1.Option, {
               value: "endswith",
               children: "Endet mit"
-            }), /*#__PURE__*/jsx(Select$2.Option, {
+            }), /*#__PURE__*/jsx(Select$1.Option, {
               value: "isnull",
               children: "Ist Null"
-            }), /*#__PURE__*/jsx(Select$2.Option, {
+            }), /*#__PURE__*/jsx(Select$1.Option, {
               value: "isnotnull",
               children: "Ist nicht Null"
             })]
@@ -19365,7 +19774,7 @@ var selectProps = function selectProps(title, filter) {
         },
         children: /*#__PURE__*/jsxs(Space, {
           direction: "vertical",
-          children: [/*#__PURE__*/jsx(Select$2, {
+          children: [/*#__PURE__*/jsx(Select$1, {
             placeholder: "Filter ".concat(title),
             value: selectedKeys[0],
             style: {
@@ -19379,7 +19788,7 @@ var selectProps = function selectProps(title, filter) {
               });
             },
             options: filter.map(function (f) {
-              return _objectSpread$l(_objectSpread$l({}, f), {}, {
+              return _objectSpread$n(_objectSpread$n({}, f), {}, {
                 label: t(f.label)
               });
             })
@@ -19428,7 +19837,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         setDisplaySelectedvalues = _useState4[1];
       var options = [];
       options = filter.map(function (f) {
-        return _objectSpread$l(_objectSpread$l({}, f), {}, {
+        return _objectSpread$n(_objectSpread$n({}, f), {}, {
           label: t(f.label)
         });
       });
@@ -19460,7 +19869,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         },
         children: [/*#__PURE__*/jsx(Space, {
           direction: "vertical",
-          children: /*#__PURE__*/jsx(Select$2, {
+          children: /*#__PURE__*/jsx(Select$1, {
             mode: "multiple",
             allowClear: true,
             value: displayselectedValues,
@@ -19502,8 +19911,8 @@ var multiSelectProps = function multiSelectProps(title, filter) {
   };
 };
 
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilter) {
   var columns = configuration.columns.filter(function (c) {
     if (typeof c.hidden == 'boolean' && c.hidden) {
@@ -19554,7 +19963,7 @@ function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilt
 }
 function mapColumn(column, onUpdate) {
   var _column$field, _column$children;
-  return _objectSpread$k(_objectSpread$k(_objectSpread$k({}, column), {}, {
+  return _objectSpread$m(_objectSpread$m(_objectSpread$m({}, column), {}, {
     width: column.width || 100,
     dataIndex: (_column$field = column.field) === null || _column$field === void 0 ? void 0 : _column$field.split('.'),
     key: column.field || column.title,
@@ -19603,8 +20012,8 @@ function updateData (_ref) {
   };
 }
 
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function aplyFilterAndSortation (_ref) {
   var data = _ref.data,
     filters = _ref.filters,
@@ -19619,7 +20028,7 @@ function aplyFilterAndSortation (_ref) {
   processedData = sort(sorter || [], processedData);
   return {
     data: processedData,
-    pagination: _objectSpread$j(_objectSpread$j({}, pagination), {}, {
+    pagination: _objectSpread$l(_objectSpread$l({}, pagination), {}, {
       total: processedData.length
     })
   };
@@ -19704,8 +20113,8 @@ function filter$1(f, data) {
 }
 
 var _excluded = ["_id"];
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTableData$1 (_ref) {
   var _configuration$apiInt;
   var id = _ref.id;
@@ -19760,7 +20169,7 @@ function useTableData$1 (_ref) {
     var _configuration$create;
     if (!dataRow) return;
     var id = v4();
-    var processedDataRow = flat.unflatten(_objectSpread$i({
+    var processedDataRow = flat.unflatten(_objectSpread$k({
       _id: id,
       ID: id
     }, dataRow));
@@ -19772,11 +20181,11 @@ function useTableData$1 (_ref) {
       newData = _updateData.data;
       _updateData.prevDataRow;
       _updateData.index;
-    var newState = _objectSpread$i(_objectSpread$i({}, state), {}, {
+    var newState = _objectSpread$k(_objectSpread$k({}, state), {}, {
       data: newData
     });
     if (!filterServerSide) {
-      var res = aplyFilterAndSortation(_objectSpread$i(_objectSpread$i({}, filterData), {}, {
+      var res = aplyFilterAndSortation(_objectSpread$k(_objectSpread$k({}, filterData), {}, {
         data: newData
       }));
       newState.data = res.data;
@@ -19788,33 +20197,33 @@ function useTableData$1 (_ref) {
     var formData = new FormData();
     processedDataRow._id;
       var value = _objectWithoutProperties(processedDataRow, _excluded);
-    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$k(_objectSpread$k({}, catalogItem), {}, {
       filterContex: filterContex,
       value: JSON.stringify([value])
     }), formData, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (d) {
       if (d && d.Result && d.Result == 'Success') return;
-      setState(_objectSpread$i({}, oldState));
+      setState(_objectSpread$k({}, oldState));
     });
   }, [state, catalogItem, filterData]);
   useEffect(function () {
     if (!catalogItem) return;
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
       loading: true,
-      mappingData: _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+      mappingData: _objectSpread$k(_objectSpread$k({}, catalogItem), {}, {
         filterContex: filterContex
       })
     }));
     if (!filterServerSide) {
-      apiHandler.readList(configuration.mapping, _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$k(_objectSpread$k({}, catalogItem), {}, {
         filterContex: filterContex
       }), undefined, catalogItem.sessionGuid).then(function (data) {
         var newData = data.data.map(function (d) {
-          return _objectSpread$i(_objectSpread$i({}, d), {}, {
+          return _objectSpread$k(_objectSpread$k({}, d), {}, {
             _id: d._id || d.ID || nanoid()
           });
         });
         onChange({
-          pagination: _objectSpread$i({}, state.pagination),
+          pagination: _objectSpread$k({}, state.pagination),
           filters: {},
           sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
             return c.defaultSortOrder;
@@ -19831,7 +20240,7 @@ function useTableData$1 (_ref) {
       });
     } else {
       onChange({
-        pagination: _objectSpread$i({}, state.pagination),
+        pagination: _objectSpread$k({}, state.pagination),
         filters: {},
         sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
           return c.defaultSortOrder;
@@ -19848,17 +20257,17 @@ function useTableData$1 (_ref) {
     }
   }, [filterContex, catalogItem]);
   var onChange = function onChange(p, dataParam) {
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
       loading: true
     }));
     if (!filterServerSide) {
       var unfilteredData = dataParam ? dataParam : state.unfilteredData;
-      var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$i(_objectSpread$i({}, p), {}, {
+      var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$k(_objectSpread$k({}, p), {}, {
           data: unfilteredData
         })),
         data = _aplyFilterAndSortati.data,
         pagination = _aplyFilterAndSortati.pagination;
-      setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+      setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
         data: data,
         pagination: pagination,
         loading: false,
@@ -19869,20 +20278,20 @@ function useTableData$1 (_ref) {
         sorter: p.sorter
       });
     } else {
-      apiHandler.readList(configuration.mapping, _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$k(_objectSpread$k({}, catalogItem), {}, {
         filterContex: filterContex
       }), p, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (data) {
-        setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+        setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
           data: data.data.map(function (dt) {
-            return _objectSpread$i(_objectSpread$i({}, dt), {}, {
+            return _objectSpread$k(_objectSpread$k({}, dt), {}, {
               _id: dt._id || dt.ID || nanoid()
             });
           }),
-          pagination: _objectSpread$i(_objectSpread$i({}, p.pagination), {}, {
+          pagination: _objectSpread$k(_objectSpread$k({}, p.pagination), {}, {
             total: data.total
           }),
           loading: false,
-          mappingData: _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+          mappingData: _objectSpread$k(_objectSpread$k({}, catalogItem), {}, {
             filterContex: filterContex
           })
         }));
@@ -19894,7 +20303,7 @@ function useTableData$1 (_ref) {
     }
   };
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
       selected: keys
     }));
   };
@@ -19904,7 +20313,7 @@ function useTableData$1 (_ref) {
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+            setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -19919,7 +20328,7 @@ function useTableData$1 (_ref) {
                     mappingData = (_newData$filter = newData.filter(function (nd) {
                       return nd._id === state.selected[index];
                     })) === null || _newData$filter === void 0 ? void 0 : _newData$filter[0];
-                    mappingData = _objectSpread$i(_objectSpread$i({}, mappingData), state.mappingData);
+                    mappingData = _objectSpread$k(_objectSpread$k({}, mappingData), state.mappingData);
                     _context.next = 5;
                     return apiHandler["delete"](id, (_configuration$delete = configuration.deleteMapping) !== null && _configuration$delete !== void 0 ? _configuration$delete : configuration.mapping, mappingData, true);
                   case 5:
@@ -19969,7 +20378,7 @@ function useTableData$1 (_ref) {
             }
             _context2.next = 18;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$i(_objectSpread$i({}, state.pagination), {}, {
+              pagination: _objectSpread$k(_objectSpread$k({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
@@ -19981,11 +20390,11 @@ function useTableData$1 (_ref) {
             newData = data.data;
             total = data.total;
           case 21:
-            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+            setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$i(_objectSpread$i({}, state.pagination), {}, {
+              pagination: _objectSpread$k(_objectSpread$k({}, state.pagination), {}, {
                 current: current,
                 total: total
               })
@@ -20001,12 +20410,12 @@ function useTableData$1 (_ref) {
     };
   }();
   function setLoading() {
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$k(_objectSpread$k({}, state), {}, {
       loading: true
     }));
   }
-  return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    configuration: _objectSpread$i(_objectSpread$i({}, configuration), {}, {
+  return _objectSpread$k(_objectSpread$k({}, state), {}, {
+    configuration: _objectSpread$k(_objectSpread$k({}, configuration), {}, {
       title: undefined
     }),
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate),
@@ -20108,11 +20517,11 @@ function objectHash (obj) {
   return hash(hashable);
 }
 
-function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$7(o, minLen); }
-function _arrayLikeToArray$7(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
+function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$3 = getLogger('Backoffice', 'TableData');
 function useTableData (_ref) {
   var _configuration$filter, _configuration$filter2, _configuration$filter3, _configuration$bulkAc, _configuration$apiInt;
@@ -20179,7 +20588,7 @@ function useTableData (_ref) {
       selected: [],
       canDelete: !!apiHandler.canDelete,
       canSelect: !!apiHandler.canDelete || !!((_configuration$bulkAc = configuration.bulkActions) !== null && _configuration$bulkAc !== void 0 && _configuration$bulkAc.length),
-      mappingData: _objectSpread$h(_objectSpread$h({}, parentData), {}, {
+      mappingData: _objectSpread$j(_objectSpread$j({}, parentData), {}, {
         prefilter: {
           select: globalFilter.select
         }
@@ -20188,7 +20597,7 @@ function useTableData (_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     state = _useState14[0],
     setState = _useState14[1];
-  var mapping = _objectSpread$h(_objectSpread$h({}, parentData), {}, {
+  var mapping = _objectSpread$j(_objectSpread$j({}, parentData), {}, {
     catalogCodex: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.codex,
     sessionGuID: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid
   });
@@ -20227,14 +20636,14 @@ function useTableData (_ref) {
     }
     var dataArray = Array.isArray(data) ? data : [data];
     var newInitData = initData;
-    var newState = _objectSpread$h({}, state);
+    var newState = _objectSpread$j({}, state);
     var selected = [];
     if (configuration.deselectOnUpdate == false) {
       selected = state.selected;
     }
     var pagination = undefined;
     if (state.pagination.total !== state.data.length + dataArray.length) {
-      pagination = _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+      pagination = _objectSpread$j(_objectSpread$j({}, state.pagination), {}, {
         total: state.data.length + dataArray.length
       });
     }
@@ -20251,7 +20660,7 @@ function useTableData (_ref) {
               dataRow: dataRow
             }),
             _data = _updateData.data;
-          newState = _objectSpread$h(_objectSpread$h({}, newState), {}, {
+          newState = _objectSpread$j(_objectSpread$j({}, newState), {}, {
             pagination: (_pagination = pagination) !== null && _pagination !== void 0 ? _pagination : newState.pagination,
             data: _data,
             selected: selected
@@ -20264,8 +20673,8 @@ function useTableData (_ref) {
             dataRow: dataRow
           }),
           nextInitData = _updateData2.data;
-        var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, filterData), {}, {
-            filters: _objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter5 = configuration.filter) !== null && _configuration$filter5 !== void 0 && (_configuration$filter5 = _configuration$filter5.toggle) !== null && _configuration$filter5 !== void 0 && _configuration$filter5.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
+        var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$j(_objectSpread$j(_objectSpread$j({}, filterData), {}, {
+            filters: _objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter5 = configuration.filter) !== null && _configuration$filter5 !== void 0 && (_configuration$filter5 = _configuration$filter5.toggle) !== null && _configuration$filter5 !== void 0 && _configuration$filter5.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
           }, configuration !== null && configuration !== void 0 && (_configuration$filter6 = configuration.filter) !== null && _configuration$filter6 !== void 0 && (_configuration$filter6 = _configuration$filter6.toggle) !== null && _configuration$filter6 !== void 0 && _configuration$filter6.inQuery ? {
             genericProps: globalFilter.toggle
           } : undefined), {}, {
@@ -20275,7 +20684,7 @@ function useTableData (_ref) {
           _data2 = _aplyFilterAndSortati.data,
           _pagination2 = _aplyFilterAndSortati.pagination;
         newInitData = nextInitData;
-        newState = _objectSpread$h(_objectSpread$h({}, newState), {}, {
+        newState = _objectSpread$j(_objectSpread$j({}, newState), {}, {
           pagination: _pagination2,
           data: _data2,
           selected: selected
@@ -20285,8 +20694,8 @@ function useTableData (_ref) {
     if (apiHandler.canCreate) {
       apiCreate(data).then(function (res) {
         if (!res || (res === null || res === void 0 ? void 0 : res.Error) !== undefined) {
-          initData && setInitData(_objectSpread$h({}, initData));
-          setState(_objectSpread$h({}, state));
+          initData && setInitData(_objectSpread$j({}, initData));
+          setState(_objectSpread$j({}, state));
         }
       });
     }
@@ -20299,7 +20708,7 @@ function useTableData (_ref) {
   var triggerRefresh = function triggerRefresh() {
     var _configuration$filter7;
     setError(undefined);
-    var newGlobalFilter = _objectSpread$h({}, globalFilter);
+    var newGlobalFilter = _objectSpread$j({}, globalFilter);
     //on refresh update default filter, since global value can change
     if ((_configuration$filter7 = configuration.filter) !== null && _configuration$filter7 !== void 0 && _configuration$filter7["default"]) {
       var _configuration$filter8;
@@ -20310,7 +20719,7 @@ function useTableData (_ref) {
       newGlobalFilter["default"] = _defaultFilter;
       setGlobaFilter(newGlobalFilter);
     }
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$j({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true);
   };
@@ -20329,7 +20738,7 @@ function useTableData (_ref) {
         order: c.defaultSortOrder
       };
     });
-    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
       loading: false
     }));else {
       onChange({
@@ -20386,11 +20795,11 @@ function useTableData (_ref) {
           case 0:
             prefilter = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : globalFilter;
             refresh = _args2.length > 2 ? _args2[2] : undefined;
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
               loading: true
             }));
             currentData = initData;
-            filterData = _objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, p.filters), prefilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter9 = configuration.filter) !== null && _configuration$filter9 !== void 0 && (_configuration$filter9 = _configuration$filter9.toggle) !== null && _configuration$filter9 !== void 0 && _configuration$filter9.inQuery) ? prefilter.toggle : undefined), ((_configuration$filter10 = configuration.filter) === null || _configuration$filter10 === void 0 || (_configuration$filter10 = _configuration$filter10.select) === null || _configuration$filter10 === void 0 ? void 0 : _configuration$filter10.applyDefaultValue) !== false || ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter12 = (_configuration$filter13 = configuration.filter) === null || _configuration$filter13 === void 0 || (_configuration$filter13 = _configuration$filter13.select) === null || _configuration$filter13 === void 0 ? void 0 : _configuration$filter13.filterField) !== null && _configuration$filter12 !== void 0 ? _configuration$filter12 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
+            filterData = _objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j({}, p.filters), prefilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter9 = configuration.filter) !== null && _configuration$filter9 !== void 0 && (_configuration$filter9 = _configuration$filter9.toggle) !== null && _configuration$filter9 !== void 0 && _configuration$filter9.inQuery) ? prefilter.toggle : undefined), ((_configuration$filter10 = configuration.filter) === null || _configuration$filter10 === void 0 || (_configuration$filter10 = _configuration$filter10.select) === null || _configuration$filter10 === void 0 ? void 0 : _configuration$filter10.applyDefaultValue) !== false || ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter12 = (_configuration$filter13 = configuration.filter) === null || _configuration$filter13 === void 0 || (_configuration$filter13 = _configuration$filter13.select) === null || _configuration$filter13 === void 0 ? void 0 : _configuration$filter13.filterField) !== null && _configuration$filter12 !== void 0 ? _configuration$filter12 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
             filterData = Object.fromEntries(Object.entries(filterData).filter(function (_ref5) {
               var _ref6 = _slicedToArray(_ref5, 2);
                 _ref6[0];
@@ -20398,7 +20807,7 @@ function useTableData (_ref) {
               return v != null;
             }));
             currentFilterHash = objectHash(filterData);
-            currentPagination = _objectSpread$h(_objectSpread$h({}, p.pagination), {}, {
+            currentPagination = _objectSpread$j(_objectSpread$j({}, p.pagination), {}, {
               current: currentFilterHash == filterHash.current ? p.pagination.current : 1
             });
             filterHash.current = currentFilterHash;
@@ -20406,7 +20815,7 @@ function useTableData (_ref) {
               _context2.next = 19;
               break;
             }
-            ssf = _objectSpread$h({
+            ssf = _objectSpread$j({
               pagination: currentPagination,
               columns: configuration.columns,
               filters: filterData,
@@ -20420,7 +20829,7 @@ function useTableData (_ref) {
             data = _context2.sent;
             currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, mapping, ssf);
             currentData = data.data;
-            currentPagination = _objectSpread$h(_objectSpread$h({}, currentPagination), {}, {
+            currentPagination = _objectSpread$j(_objectSpread$j({}, currentPagination), {}, {
               total: data.total
             });
             _context2.next = 28;
@@ -20437,7 +20846,7 @@ function useTableData (_ref) {
             currentData = _data3.data;
             setInitData(currentData);
           case 25:
-            _aplyFilterAndSortati2 = aplyFilterAndSortation(_objectSpread$h(_objectSpread$h({}, p), {}, {
+            _aplyFilterAndSortati2 = aplyFilterAndSortation(_objectSpread$j(_objectSpread$j({}, p), {}, {
               pagination: currentPagination,
               filters: filterData,
               data: currentData,
@@ -20446,11 +20855,11 @@ function useTableData (_ref) {
             currentData = _data4;
             currentPagination = pagination;
           case 28:
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
               loading: false,
               data: currentData,
               pagination: currentPagination,
-              mappingData: _objectSpread$h(_objectSpread$h({}, parentData), {}, {
+              mappingData: _objectSpread$j(_objectSpread$j({}, parentData), {}, {
                 prefilter: prefilter
               }),
               currentFetchUrl: currentUrl
@@ -20470,7 +20879,7 @@ function useTableData (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
       selected: keys
     }));
   };
@@ -20481,7 +20890,7 @@ function useTableData (_ref) {
       return _regeneratorRuntime.wrap(function _callee3$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -20521,7 +20930,7 @@ function useTableData (_ref) {
                     } finally {
                       _iterator.f();
                     }
-                    mappingData = _objectSpread$h(_objectSpread$h(_objectSpread$h({}, mappingData), state.mappingData), mapToggle);
+                    mappingData = _objectSpread$j(_objectSpread$j(_objectSpread$j({}, mappingData), state.mappingData), mapToggle);
                     deleteResult = undefined;
                     _context3.prev = 7;
                     if (!(userPermissions && !root.actions.userHasPermission(userPermissions))) {
@@ -20612,12 +21021,12 @@ function useTableData (_ref) {
               break;
             }
             _context4.next = 25;
-            return apiHandler.readList(parentMapping || configuration.mapping, mapping, _objectSpread$h({
-              pagination: _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+            return apiHandler.readList(parentMapping || configuration.mapping, mapping, _objectSpread$j({
+              pagination: _objectSpread$j(_objectSpread$j({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
-              filters: _objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter15 = configuration.filter) !== null && _configuration$filter15 !== void 0 && (_configuration$filter15 = _configuration$filter15.toggle) !== null && _configuration$filter15 !== void 0 && _configuration$filter15.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
+              filters: _objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j(_objectSpread$j({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter15 = configuration.filter) !== null && _configuration$filter15 !== void 0 && (_configuration$filter15 = _configuration$filter15.toggle) !== null && _configuration$filter15 !== void 0 && _configuration$filter15.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
               sorter: filterData.sorter
             }, configuration !== null && configuration !== void 0 && (_configuration$filter16 = configuration.filter) !== null && _configuration$filter16 !== void 0 && (_configuration$filter16 = _configuration$filter16.toggle) !== null && _configuration$filter16 !== void 0 && _configuration$filter16.inQuery ? {
               genericProps: globalFilter.toggle
@@ -20628,11 +21037,11 @@ function useTableData (_ref) {
             total = data.total;
           case 28:
             setInitData(newInitData);
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+              pagination: _objectSpread$j(_objectSpread$j({}, state.pagination), {}, {
                 current: current === 0 ? 1 : current,
                 total: total
               })
@@ -20653,14 +21062,14 @@ function useTableData (_ref) {
       LOG$3.error('No global select filter defiend');
       return;
     }
-    var newGlobalFilter = _objectSpread$h({}, globalFilter);
+    var newGlobalFilter = _objectSpread$j({}, globalFilter);
     if (value !== null && value !== void 0 && value.length) {
       newGlobalFilter.select = _defineProperty({}, configuration.filter.select.filterField, Array.isArray(value) ? value : [value]);
     } else {
       newGlobalFilter.select = {};
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$j({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -20674,11 +21083,11 @@ function useTableData (_ref) {
     configuration.filter.toggle.fields.forEach(function (f) {
       return toggleFilter[f] = [configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : true, 'eq', 1];
     });
-    var newGlobalFilter = _objectSpread$h(_objectSpread$h({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$j(_objectSpread$j({}, globalFilter), {}, {
       toggle: globalFilter.toggle ? undefined : toggleFilter
     });
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$j({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -20688,7 +21097,7 @@ function useTableData (_ref) {
       LOG$3.error('No global search filter defiend');
       return;
     }
-    var newGlobalFilter = _objectSpread$h(_objectSpread$h({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$j(_objectSpread$j({}, globalFilter), {}, {
       search: {}
     });
     if (value) {
@@ -20702,7 +21111,7 @@ function useTableData (_ref) {
       });
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$j({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -20712,17 +21121,17 @@ function useTableData (_ref) {
       LOG$3.error('No global period filter defiend');
       return;
     }
-    var newGlobalFilter = _objectSpread$h({}, globalFilter);
+    var newGlobalFilter = _objectSpread$j({}, globalFilter);
     newGlobalFilter.timeStamp = {
       fromTimeStamp: [from],
       toTimeStamp: [to]
     };
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$j({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
-  return _objectSpread$h(_objectSpread$h({}, state), {}, {
+  return _objectSpread$j(_objectSpread$j({}, state), {}, {
     title: title,
     configuration: configuration,
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate, selectedData, globalFilter),
@@ -20762,8 +21171,8 @@ function StandardTable (_ref) {
   });
 }
 
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Table (props) {
   var root = useStore();
   var variant = useMemo(function () {
@@ -20771,15 +21180,15 @@ function Table (props) {
     return config.variant;
   }, [props.id]);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$g({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$g({}, props))]
+    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$i({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$i({}, props))]
   });
 }
 
-function _createForOfIteratorHelper$6(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$6(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$6(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$6(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen); }
-function _arrayLikeToArray$6(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
+function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useAGGrid (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -20873,7 +21282,7 @@ function useAGGrid (_ref) {
                     value = _ref3[1];
                   if (_idx == 0) {
                     var _supplierData$Options2, _supplierData$Options3, _supplierData$Optionv2, _supplierData$Optionv3;
-                    rdat.push(_objectSpread$f(_objectSpread$f({}, rd), {}, {
+                    rdat.push(_objectSpread$h(_objectSpread$h({}, rd), {}, {
                       grouping: [idx.toString()]
                     }));
                     var sp = key.split(':');
@@ -21016,8 +21425,8 @@ var value = "value-FCA-6";
 var css_248z$8 = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z$8);
 
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AGChart = function AGChart(_ref) {
   var data = _ref.data;
   var groupedData = [];
@@ -21025,11 +21434,11 @@ var AGChart = function AGChart(_ref) {
   data.forEach(function (dt) {
     if (dt.count == 0) return;
     if (groupedData.length > dt.grouping[0]) {
-      groupedData[dt.grouping[0]].push(_objectSpread$e(_objectSpread$e({}, dt), {}, {
+      groupedData[dt.grouping[0]].push(_objectSpread$g(_objectSpread$g({}, dt), {}, {
         count: Number(dt.count)
       }));
     } else {
-      groupedData.push([_objectSpread$e(_objectSpread$e({}, dt), {}, {
+      groupedData.push([_objectSpread$g(_objectSpread$g({}, dt), {}, {
         count: Number(dt.count)
       })]);
     }
@@ -21070,8 +21479,8 @@ var AGChart = function AGChart(_ref) {
   });
 };
 
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AGGrid = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -21164,7 +21573,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
           });
         });
       }
-      return _objectSpread$d(_objectSpread$d({}, column), {}, {
+      return _objectSpread$f(_objectSpread$f({}, column), {}, {
         cellRenderer: renderer
       });
     });
@@ -21438,11 +21847,11 @@ var CustomText$1 = observer(CustomText, {
   forwardRef: true
 });
 
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$5(o, minLen); }
-function _arrayLikeToArray$5(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
+function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function useFilterBoxData (id) {
   var root = useStore();
   var _useMemo = useMemo(function () {
@@ -21502,7 +21911,7 @@ function useFilterBoxData (id) {
     } finally {
       _iterator.f();
     }
-    return _objectSpread$c(_objectSpread$c({}, state), ob);
+    return _objectSpread$e(_objectSpread$e({}, state), ob);
   }
   return {
     configuration: configuration,
@@ -21513,11 +21922,11 @@ function useFilterBoxData (id) {
   };
 }
 
-function _createForOfIteratorHelper$4(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$4(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$4(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$4(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$4(o, minLen); }
-function _arrayLikeToArray$4(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
+function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FilterBox = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     onChangeFilter = _ref.onChangeFilter,
@@ -21542,10 +21951,10 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
         return /*#__PURE__*/jsxs("div", {
           children: [/*#__PURE__*/jsx(Typography.Text, {
             children: filter.title
-          }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Select$1, {
+          }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Select, {
             mode: "single",
             apiInterface: filter.requestOptions,
-            wholeData: _objectSpread$b(_objectSpread$b({}, state.filter), {}, {
+            wholeData: _objectSpread$d(_objectSpread$d({}, state.filter), {}, {
               tab: tab
             }),
             mapping: filter.requestMapping,
@@ -21777,8 +22186,8 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   return false;
 });
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useUIBuilderData (id) {
   var save = undefined;
   var root = useStore();
@@ -21810,7 +22219,7 @@ function useUIBuilderData (id) {
     var configuration = _useMemo.configuration;
   useEffect(function () {
     root.dataStore.getApi2SessionGuid().then(function (res) {
-      return setFilter(_objectSpread$a(_objectSpread$a({}, filter), {}, {
+      return setFilter(_objectSpread$c(_objectSpread$c({}, filter), {}, {
         sessionGuid: res
       }));
     });
@@ -21833,8 +22242,8 @@ function useUIBuilderData (id) {
   };
 }
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function UIBuilder(_ref) {
   var id = _ref.id;
   var state = useUIBuilderData(id);
@@ -21861,7 +22270,7 @@ function UIBuilder(_ref) {
           override = {
             value: newFilter[item.field],
             setValue: function setValue(newVal) {
-              var newFilter = _objectSpread$9({}, state.filter);
+              var newFilter = _objectSpread$b({}, state.filter);
               newFilter[item.field] = newVal;
               state.setFilter(newFilter);
             }
@@ -21909,7 +22318,7 @@ function UIBuilder(_ref) {
       case 'AGGrid':
         return /*#__PURE__*/jsx(AGGrid, {
           id: item.id,
-          filter: _objectSpread$9({
+          filter: _objectSpread$b({
             optionCodices: JSON.stringify(state.data)
           }, state.filter),
           override: item.id == 'AGGridTopOptionValues' ? {
@@ -22069,8 +22478,8 @@ var OrgItem = function OrgItem(_ref) {
 };
 var OrgItem$1 = observer(OrgItem);
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTransformJson (_ref) {
   var id = _ref.id;
   var _useState = useState(),
@@ -22136,7 +22545,7 @@ function useTransformJson (_ref) {
   }();
   var transformData = function transformData(data, itemChain, parentOrgId) {
     var _data$children;
-    return _objectSpread$8(_objectSpread$8({}, data), {}, {
+    return _objectSpread$a(_objectSpread$a({}, data), {}, {
       label: /*#__PURE__*/jsx(OrgItem$1, {
         data: data,
         configuration: configuration,
@@ -22461,7 +22870,7 @@ var SearchSelect = function SearchSelect(_ref) {
     var _root$dataStore;
     root === null || root === void 0 || (_root$dataStore = root.dataStore) === null || _root$dataStore === void 0 || _root$dataStore.setSelectedOrganizationId(value);
   };
-  return /*#__PURE__*/jsx(Select$2, {
+  return /*#__PURE__*/jsx(Select$1, {
     showSearch: true,
     placeholder: t('filter.global'),
     allowClear: true,
@@ -22618,7 +23027,7 @@ function IFrame(_ref) {
 }
 var IFrame$1 = observer(IFrame);
 
-function useCatalogEditor (id) {
+function useCatalogEditor$1 (id) {
   var _useDivaCore = useDivaCore(),
     _useDivaCore$state = _useDivaCore.state,
     jwt = _useDivaCore$state.jwt,
@@ -22795,8 +23204,8 @@ function useCatalogEditor (id) {
   };
 }
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
@@ -22901,7 +23310,7 @@ function DragDropUpload(_ref) {
     children: [importStarted && /*#__PURE__*/jsx("p", {
       children: t('backoffice.catalogeditor.classimportstarted')
     }), !importStarted && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$7(_objectSpread$7({}, props), {}, {
+      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$9(_objectSpread$9({}, props), {}, {
         children: [/*#__PURE__*/jsx("p", {
           className: "ant-upload-drag-icon",
           children: /*#__PURE__*/jsx(InboxOutlined, {})
@@ -22942,7 +23351,7 @@ function CatalogEditor(_ref) {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useCatalogEditor = useCatalogEditor(id),
+  var _useCatalogEditor = useCatalogEditor$1(id),
     error = _useCatalogEditor.error,
     content = _useCatalogEditor.content,
     onRedirect = _useCatalogEditor.onRedirect,
@@ -23118,12 +23527,680 @@ function CatalogEditor(_ref) {
 }
 var CatalogEditor$1 = observer(CatalogEditor);
 
+function PackageSelector(_ref) {
+  var selectedPackage = _ref.selectedPackage,
+    setSelectedPackage = _ref.setSelectedPackage,
+    enricherService = _ref.enricherService;
+  var _useTranslation = useTranslation$1(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(SimpleSelect, {
+    apiInterface: {
+      read: enricherService + '/packages'
+    },
+    apiMapping: {
+      type: 'query',
+      map: [{
+        globalValue: 'organizationId',
+        targetField: 'organizationId'
+      }]
+    },
+    selectMapping: {
+      label: '${name}',
+      value: '${_id}'
+    },
+    placeholder: t('backoffice.menu.items.label.SelectPackage'),
+    value: {
+      _id: selectedPackage
+    },
+    onChange: function onChange(value) {
+      return setSelectedPackage(value._id);
+    },
+    search: true,
+    style: {
+      width: 200
+    }
+  });
+}
+
+var config = {
+  catalog: {
+    colDef: [{
+      field: 'name',
+      filter: 'text',
+      required: true
+    }, {
+      field: 'comment',
+      filter: 'text'
+    }, {
+      headerName: 'catalogName',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'catalogName.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'catalogName.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'catalogName.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'catalogName.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      headerName: 'catalogInfo',
+      marryChildren: true,
+      children: [{
+        field: 'catalogInfo.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'catalogInfo.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'catalogInfo.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'catalogInfo.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      field: 'contactPersonNo1',
+      filter: 'text'
+    }, {
+      field: 'contactRole1',
+      filter: 'text'
+    }, {
+      field: 'contactName1',
+      filter: 'text'
+    }, {
+      field: 'firstName1',
+      filter: 'text'
+    }, {
+      field: 'formOfAddress1',
+      filter: 'number'
+    }, {
+      field: 'department1',
+      filter: 'text'
+    }, {
+      field: 'telephone1',
+      filter: 'text'
+    }, {
+      field: 'fax1',
+      filter: 'text'
+    }, {
+      field: 'email1',
+      filter: 'text'
+    }, {
+      field: 'street1',
+      filter: 'text'
+    }, {
+      field: 'zipCodeStreet1',
+      filter: 'text'
+    }, {
+      field: 'city1',
+      filter: 'text'
+    }, {
+      field: 'isoCountryId1',
+      filter: 'text'
+    }, {
+      field: 'contactPersonNo2',
+      filter: 'text'
+    }, {
+      field: 'contactRole2',
+      filter: 'text'
+    }, {
+      field: 'contactName2',
+      filter: 'text'
+    }, {
+      field: 'firstName2',
+      filter: 'text'
+    }, {
+      field: 'formOfAddress2',
+      filter: 'number'
+    }, {
+      field: 'department2',
+      filter: 'text'
+    }, {
+      field: 'telephone2',
+      filter: 'text'
+    }, {
+      field: 'fax2',
+      filter: 'text'
+    }, {
+      field: 'email2',
+      filter: 'text'
+    }, {
+      field: 'street2',
+      filter: 'text'
+    }, {
+      field: 'zipCodeStreet2',
+      filter: 'text'
+    }, {
+      field: 'city2',
+      filter: 'text'
+    }, {
+      field: 'isoCountryId2',
+      filter: 'text'
+    }, {
+      field: 'manufactureName1',
+      filter: 'text'
+    }, {
+      field: 'manufactureName2',
+      filter: 'text'
+    }, {
+      field: 'email',
+      filter: 'text'
+    }, {
+      field: 'internetAddress',
+      filter: 'text'
+    }, {
+      field: 'street',
+      filter: 'text'
+    }, {
+      field: 'zipCodeStreet',
+      filter: 'text'
+    }, {
+      field: 'city',
+      filter: 'text'
+    }, {
+      field: 'contactSupplierIsoCountryId',
+      filter: 'text'
+    }, {
+      field: 'zipCodePostBox',
+      filter: 'text'
+    }, {
+      field: 'postBox',
+      filter: 'text'
+    }, {
+      field: 'telephoneSwitchboard',
+      filter: 'text'
+    }, {
+      field: 'faxSwitchboard',
+      filter: 'text'
+    }]
+  },
+  detailInfo: {
+    colDef: [{
+      field: 'detailInfoNo',
+      filter: 'number',
+      required: true,
+      editable: false
+    }, {
+      headerName: 'externalName',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'externalName.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'externalName.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'externalName.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      headerName: 'internalName',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'internalName.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'internalName.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'internalName.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      headerName: 'toolTip',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'toolTip.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'toolTip.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'toolTip.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }]
+  },
+  feature: {
+    colDef: [{
+      field: 'featureNo',
+      filter: 'text',
+      required: true,
+      editable: false
+    }, {
+      headerName: 'featureText',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'featureText.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'featureText.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'featureText.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }]
+  },
+  item: {
+    colDef: [{
+      field: 'serieNo',
+      filter: 'text',
+      required: true,
+      editable: false
+    }, {
+      field: 'sequenceNo',
+      filter: 'text',
+      editable: false
+    }, {
+      field: 'typeNo',
+      filter: 'text',
+      required: true,
+      editable: false
+    }, {
+      field: 'edpNumber',
+      filter: 'text'
+    }, {
+      field: 'eanNumber',
+      filter: 'text'
+    }, {
+      headerName: 'shortText',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'shortText.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'shortText.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'shortText.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      headerName: 'fullText',
+      marryChildren: true,
+      children: [{
+        field: 'fullText.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'fullText.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'fullText.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      headerName: 'planningAdvice',
+      marryChildren: true,
+      children: [{
+        field: 'planningAdvice.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'planningAdvice.EN',
+        headerName: 'EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'planningAdvice.FR',
+        headerName: 'FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      field: 'salesNumber',
+      filter: 'text'
+    }]
+  },
+  option: {
+    colDef: [{
+      field: 'featureNo',
+      filter: 'text',
+      required: true,
+      editable: false
+    }, {
+      field: 'optionKey',
+      filter: 'text',
+      required: true,
+      editable: false
+    }, {
+      headerName: 'optionText',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'optionText.DE',
+        headerName: 'DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'optionText.EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'optionText.FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      headerName: 'optionCommentText',
+      marryChildren: true,
+      children: [{
+        field: 'optionCommentText.DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'optionCommentText.EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'optionCommentText.FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }]
+  },
+  serie: {
+    colDef: [{
+      headerName: 'seriesName',
+      marryChildren: true,
+      required: true,
+      children: [{
+        field: 'seriesName.DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'seriesName.EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'seriesName.FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      headerName: 'seriesFullText',
+      marryChildren: true,
+      children: [{
+        field: 'seriesFullText.DE',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'seriesFullText.EN',
+        isDictionary: true,
+        filter: 'text'
+      }, {
+        field: 'seriesFullText.FR',
+        isDictionary: true,
+        filter: 'text'
+      }]
+    }, {
+      field: 'serieNo',
+      filter: 'text',
+      required: true,
+      editable: false
+    }]
+  }
+};
+
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var renamingTypes = [{
+  label: 'catalog',
+  data: _objectSpread$8(_objectSpread$8({}, config['catalog']), {}, {
+    value: 'catalog'
+  }),
+  value: 'catalog'
+}, {
+  label: 'detailInfo',
+  data: _objectSpread$8(_objectSpread$8({}, config['detailInfo']), {}, {
+    value: 'detailInfo'
+  }),
+  value: 'detailInfo'
+}, {
+  label: 'feature',
+  data: _objectSpread$8(_objectSpread$8({}, config['feature']), {}, {
+    value: 'feature'
+  }),
+  value: 'feature'
+}, {
+  label: 'item',
+  data: _objectSpread$8(_objectSpread$8({}, config['item']), {}, {
+    value: 'item'
+  }),
+  value: 'item'
+}, {
+  label: 'option',
+  data: _objectSpread$8(_objectSpread$8({}, config['option']), {}, {
+    value: 'option'
+  }),
+  value: 'option'
+}, {
+  label: 'serie',
+  data: _objectSpread$8(_objectSpread$8({}, config['serie']), {}, {
+    value: 'serie'
+  }),
+  value: 'serie'
+}];
+function IDMCatalogEditor$1(_ref) {
+  var selectedPackage = _ref.selectedPackage,
+    setSelectedPackage = _ref.setSelectedPackage,
+    jwt = _ref.jwt;
+  var _useTranslation = useTranslation$1(),
+    t = _useTranslation.t;
+  var _React$useState = React.useState(renamingTypes[0].data),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedType = _React$useState2[0],
+    setSelectedType = _React$useState2[1];
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Descriptions$1, {
+      title: /*#__PURE__*/jsxs("div", {
+        children: [t('backoffice.menu.items.label.TableCatalogRenamingIDM'), /*#__PURE__*/jsxs(Space$1, {
+          style: {
+            "float": 'right'
+          },
+          children: [/*#__PURE__*/jsx(PackageSelector, {
+            selectedPackage: selectedPackage,
+            setSelectedPackage: setSelectedPackage,
+            enricherService: "https://gwc-app-d-app-enricher.azurewebsites.net"
+          }), /*#__PURE__*/jsx(SimpleSelect, {
+            options: renamingTypes,
+            value: selectedType,
+            onChange: function onChange(value) {
+              return setSelectedType(value);
+            },
+            placeholder: t('backoffice.menu.items.label.SelectType'),
+            search: true,
+            style: {
+              width: 200
+            }
+          })]
+        })]
+      })
+    }), selectedPackage && selectedType && /*#__PURE__*/jsx(Spreadsheet, {
+      gridId: 'renaming-grid_' + selectedType.value,
+      jwt: jwt,
+      applicationData: {
+        type: selectedType.value,
+        packageId: selectedPackage
+      },
+      configuration: {
+        type: 'dotnetSSM',
+        apiInterface: {
+          read: 'https://gwc-app-d-app-enricher.azurewebsites.net/packages/${packageId}/renaming/${type}',
+          create: 'https://gwc-app-d-app-enricher.azurewebsites.net/packages/${packageId}/renaming/${type}',
+          "delete": 'https://gwc-app-d-app-enricher.azurewebsites.net/packages/${packageId}/renaming/${type}/${_id}',
+          update: 'https://gwc-app-d-app-enricher.azurewebsites.net/packages/${packageId}/renaming/${type}/${_id}'
+        },
+        dateFormat: 'LL',
+        floatingFilter: true,
+        colDef: [].concat(_toConsumableArray(selectedType.colDef), [{
+          field: 'lastUpdatedDate',
+          filter: 'date',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          field: 'createdDate',
+          filter: 'date',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          field: 'createdByDisplayText',
+          filter: 'text',
+          editable: false
+        }, {
+          field: 'lastUpdatedByDisplayText',
+          filter: 'text',
+          editable: false
+        }, {
+          field: '_id',
+          filter: 'text',
+          editable: false
+        }])
+      }
+    })]
+  });
+}
+
+function useCatalogEditor() {
+  var root = useStore();
+  var _useState = useState('IDMTableRenaming'),
+    _useState2 = _slicedToArray(_useState, 2),
+    openView = _useState2[0],
+    setOpenView = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedPackage = _useState4[0],
+    setSelectedPackage = _useState4[1];
+  return {
+    selectedPackage: selectedPackage,
+    setSelectedPackage: setSelectedPackage,
+    openView: openView,
+    setOpenView: setOpenView,
+    jwt: root.dataStore.jwt,
+    apiConfig: root.configurationStore.apiConfig
+  };
+}
+
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function IDMCatalogEditor() {
+  var state = useCatalogEditor();
+  return /*#__PURE__*/jsxs(Layout, {
+    children: [/*#__PURE__*/jsx(Layout.Sider, {
+      children: /*#__PURE__*/jsx(Menu$1, {
+        theme: "dark",
+        mode: "inline",
+        selectedKeys: state.openView ? [state.openView] : [],
+        onSelect: function onSelect(e) {
+          return state.setOpenView(e.key);
+        },
+        items: [{
+          key: 'IDMTableRenaming',
+          label: 'TODO: Hier kommt die Packages Liste',
+          title: 'TODO: Hier kommt die Packages Liste',
+          disabled: true
+        }, {
+          type: 'divider'
+        }, {
+          key: 'IDMTableRenaming',
+          label: 'IDMTableRenaming'
+        }]
+      })
+    }), /*#__PURE__*/jsx(Layout.Content, {
+      children: /*#__PURE__*/jsx("div", {
+        style: {
+          padding: 16,
+          height: '100%',
+          display: 'flex',
+          flexDirection: 'column'
+        },
+        children: /*#__PURE__*/jsx(Content$1, _objectSpread$7({}, state))
+      })
+    })]
+  });
+}
+function Content$1(state) {
+  switch (state.openView) {
+    case 'IDMTableRenaming':
+      return /*#__PURE__*/jsx(IDMCatalogEditor$1, _objectSpread$7({}, state));
+    default:
+      return /*#__PURE__*/jsx(Fragment, {});
+  }
+}
+
 var ContentWrapper = function ContentWrapper() {
   var root = useStore();
   var item = root.contentStore.menuItem;
   if (!item) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
+  if (item.type === 'CatalogEditorIDM') {
+    return /*#__PURE__*/jsx(IDMCatalogEditor, {});
+  }
   return /*#__PURE__*/jsxs(Layout.Content, {
     id: "contnet",
     style: {
@@ -23221,9 +24298,9 @@ var Content = observer(ContentWrapper);
 
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
-function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
+function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function useRoleSelectorData (_ref) {
   var userId = _ref.userId,
     id = _ref.id;
@@ -23988,9 +25065,9 @@ styleInject(css_248z$3);
 
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
-function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
+function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function generateCSV(_x, _x2) {
   return _generateCSV.apply(this, arguments);
 }
@@ -24112,9 +25189,9 @@ var generateCSVData = /*#__PURE__*/function () {
 
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
-function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var deletedObjects = [];
 var addedObjects = [];
 
@@ -24735,9 +25812,9 @@ function useRelationSelectorData (_ref) {
   };
 }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function filter(input, getActiveItem, filterFields) {
   var filter = {};
   var _iterator = _createForOfIteratorHelper(filterFields),
@@ -24981,7 +26058,7 @@ var DropDown = function DropDown(_ref) {
   }, item.item._id);
 };
 
-var Option = Select$2.Option;
+var Option = Select$1.Option;
 var RelationSelector = function RelationSelector(_ref, ref) {
   var _relationState$config, _relationState$config2, _relationState$config3, _searchPlaceholder;
   var id = _ref.id,
@@ -25007,7 +26084,7 @@ var RelationSelector = function RelationSelector(_ref, ref) {
     relationState.searchItems('');
   }, []);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [relationState.configuration.search != undefined && (((_relationState$config = relationState.configuration.filter) === null || _relationState$config === void 0 ? void 0 : _relationState$config.type) === 'default' ? /*#__PURE__*/jsxs(Select$2, {
+    children: [relationState.configuration.search != undefined && (((_relationState$config = relationState.configuration.filter) === null || _relationState$config === void 0 ? void 0 : _relationState$config.type) === 'default' ? /*#__PURE__*/jsxs(Select$1, {
       className: select,
       showSearch: true,
       suffixIcon: /*#__PURE__*/jsx(PlusSquareOutlined, {}),