@crystaldesign/diva-backoffice 24.12.0-beta.1 → 24.12.0-beta.16

package/build/esm/index.js

@@ -73,7 +73,7 @@ import 'jsoneditor/dist/jsoneditor.css';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, PushpinOutlined, PushpinFilled, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
 import classnames from 'classnames';
-import { Editor } from '@tinymce/tinymce-react';
+import RTFEditor from '@crystaldesign/rtf-editor';
 import debounce from 'lodash/debounce';
 import Button$1 from 'antd/es/button';
 import Upload$1 from 'antd/es/upload';
@@ -3144,17 +3144,6 @@ function loadConfiguration(t, root, config, lang) {
         }]
       }
     },
-    GroupContentItems: {
-      type: 'Group',
-      items: [{
-        id: 'ContentItems',
-        type: 'Table'
-      }, {
-        id: 'ContentItemsTemplate',
-        type: 'Table'
-      }],
-      setSelectedOrganization: true
-    },
     ContentItems: {
       title: t('backoffice.table.contentitems.title'),
       type: 'Table',
@@ -3162,18 +3151,33 @@ function loadConfiguration(t, root, config, lang) {
       pagination: {
         pageSize: 50
       },
+      filter: {
+        toggle: {
+          fields: ['onlyTemplates'],
+          label: t('backoffice.table.contentitemstemplate.title'),
+          labelOff: t('backoffice.table.contentitems.toggleOff'),
+          inQuery: true
+        }
+      },
       copyAction: {
         actionType: 'Detail',
         type: 'Form',
         id: 'FormEditContentItem',
+        disableOnMultiselect: true,
+        resetToggleAfter: true,
         title: t('backoffice.table.contentItem.copyAction.title'),
         label: t('backoffice.table.services.copyAction.label'),
-        disableOnMultiselect: true,
         mapping: {
           type: 'body',
           map: [{
             targetField: 'content',
             sourceField: 'content'
+          }, {
+            targetField: 'catalogName',
+            sourceField: 'catalogName'
+          }, {
+            targetField: 'supplierName',
+            sourceField: 'supplierName'
           }, {
             targetField: 'description',
             sourceField: 'description'
@@ -3183,10 +3187,18 @@ function loadConfiguration(t, root, config, lang) {
           }]
         }
       },
+      createAction: {
+        actionType: 'Detail',
+        type: 'JsonEditor',
+        id: 'JsonEditorCreateContentItem',
+        title: t('backoffice.table.contentItem.label.create'),
+        label: t('backoffice.table.contentItem.label.create'),
+        permission: 'backoffice_create_contentitem_template'
+      },
       deleteAction: {
         disabled: function disabled(datas) {
           return (datas === null || datas === void 0 ? void 0 : datas.find(function (d) {
-            return !d.organizationId;
+            return !(d !== null && d !== void 0 && d.organizationId);
           })) && !root.actions.userHasPermission('backoffice_delete_contentitem_template');
         }
       },
@@ -3217,6 +3229,7 @@ function loadConfiguration(t, root, config, lang) {
       }, {
         title: t('backoffice.table.views.lastUpdated'),
         field: 'lastUpdated',
+        defaultSortOrder: 'descend',
         type: 'unixTimeStamp',
         sorter: 1,
         filter: 'advanced',
@@ -3238,106 +3251,6 @@ function loadConfiguration(t, root, config, lang) {
         filter: 'advanced',
         width: 150
       }],
-      rowAction: [{
-        actionType: 'Detail',
-        disabled: function disabled(data) {
-          return !(data !== null && data !== void 0 && data.organizationId) && !root.actions.userHasPermission('backoffice_edit_contentitem_template');
-        },
-        disableOnMultiselect: true,
-        type: 'Form',
-        id: 'FormEditContentItem',
-        title: t('backoffice.table.contentItem.edit'),
-        label: t('backoffice.edit')
-      }, {
-        disableOnMultiselect: true,
-        actionType: 'Detail',
-        permission: 'backoffice_edit_contentitem_template',
-        type: 'JsonEditor',
-        label: t('backoffice.table.contentItem.editjson'),
-        id: 'JsonEditorEditContentItem',
-        title: t('backoffice.table.contentItem.edit')
-      }],
-      apiInterface: {
-        read: {
-          list: '${catalogService}/contentItems',
-          filterServerSide: true
-        },
-        "delete": '${catalogService}/contentItems/${id}'
-      }
-    },
-    ContentItemsTemplate: {
-      title: t('backoffice.table.contentitemstemplate.title'),
-      type: 'Table',
-      canRefresh: true,
-      pagination: {
-        pageSize: 50
-      },
-      copyAction: {
-        actionType: 'Detail',
-        type: 'Form',
-        id: 'FormEditContentItem',
-        disableOnMultiselect: true,
-        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',
-            globalValue: 'organizationId'
-          }]
-        }
-      },
-      createAction: {
-        actionType: 'Detail',
-        type: 'JsonEditor',
-        id: 'JsonEditorCreateContentItem',
-        title: t('backoffice.table.contentItem.label.create'),
-        label: t('backoffice.table.contentItem.label.create'),
-        permission: 'backoffice_create_contentitem_template'
-      },
-      deleteAction: {
-        disabled: function disabled(datas) {
-          return (datas === null || datas === void 0 ? void 0 : datas.find(function (d) {
-            return !d.organizationId;
-          })) && !root.actions.userHasPermission('backoffice_delete_contentitem_template');
-        }
-      },
-      columns: [{
-        title: t('backoffice.table.roles.columns.description'),
-        field: 'description',
-        sorter: 1,
-        filter: 'advanced',
-        width: 500
-      }, {
-        title: t('backoffice.table.views.lastUpdatedBy'),
-        field: 'lastUpdatedBy_displayText',
-        sorter: 1,
-        filter: 'advanced',
-        width: 150
-      }, {
-        title: t('backoffice.table.views.lastUpdated'),
-        field: 'lastUpdated',
-        type: 'unixTimeStamp',
-        sorter: 1,
-        filter: 'advanced',
-        width: 200
-      }, {
-        title: 'backoffice.content',
-        field: 'content',
-        hidden: true
-      }, {
-        title: t('backoffice._id'),
-        field: '_id',
-        sorter: 1,
-        filter: 'advanced',
-        width: 100
-      }],
       rowAction: [{
         actionType: 'Detail',
         disabled: function disabled(data) {
@@ -3369,7 +3282,7 @@ function loadConfiguration(t, root, config, lang) {
       }],
       apiInterface: {
         read: {
-          list: '${catalogService}/contentItems?onlyTemplates=true',
+          list: '${catalogService}/contentItems',
           filterServerSide: true
         },
         "delete": '${catalogService}/contentItems/${id}'
@@ -7624,6 +7537,7 @@ function loadConfiguration(t, root, config, lang) {
                   }, {
                     name: 'mediaItemImage',
                     type: 'media',
+                    hideTrash: true,
                     allowedTypes: ['image/*'],
                     mediaItemRefField: 'mediaItemRefImage',
                     urlField: 'image',
@@ -7644,6 +7558,7 @@ function loadConfiguration(t, root, config, lang) {
                   }, {
                     name: 'mediaItemVideo',
                     type: 'media',
+                    hideTrash: true,
                     allowedTypes: ['video/*'],
                     mediaItemRefField: 'mediaItemRefVideo',
                     urlField: 'video',
@@ -12250,16 +12165,10 @@ var menu = [{
       }
     }]
   }, {
-    id: 'GroupContentItems',
+    id: 'ContentItems',
     path: 'contentitems',
     label: 'backoffice.menu.items.label.ContentItems',
-    icon: 'OrderedListOutlined',
-    rules: [{
-      match: {
-        value: ['RETAILER', 'ASSOCIATION'],
-        globalValue: 'organization.parentType'
-      }
-    }]
+    icon: 'OrderedListOutlined'
   }, {
     id: 'idmTables',
     path: 'idm',
@@ -13879,6 +13788,7 @@ function useFormData (_ref) {
     removedMedias = _useState12[0],
     setRemovedMedias = _useState12[1];
   var _useMemo = useMemo(function () {
+      setCanSave === null || setCanSave === void 0 || setCanSave(true);
       var c = {
         apiHandler: root.getApiHandler(id, apiInterface),
         configuration: root.configurationStore.getConfiguration(id, 'Form')
@@ -13894,7 +13804,7 @@ function useFormData (_ref) {
     if (configuration.disableSave) setCanSave === null || setCanSave === void 0 || setCanSave(false);
   }, [configuration]);
   var _onLoadFields = function onLoadFields(data) {
-    var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedItems !== null && selectedItems !== void 0 ? selectedItems : configuration.items;
+    var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : configuration.itemSelector && Array.isArray(configuration.items[0])) ? configuration.items[0] : configuration.items;
     var _iterator = _createForOfIteratorHelper$j(items),
       _step;
     try {
@@ -14015,21 +13925,25 @@ function useFormData (_ref) {
               _context.next = 17;
               break;
             }
+            if (configuration.showProgressBar) setProgressBarPercentage(i > 0 ? Math.floor(i / multipleEditingData.length * 100) : 1);
             original = multipleEditingData[i];
             _newData = setNewData(newData, JSON.parse(JSON.stringify(original)));
             _context.t0 = response;
-            _context.next = 11;
+            _context.next = 12;
             return apiHandler.update(_newData, original, configuration.mapping);
-          case 11:
+          case 12:
             _context.t1 = _context.sent;
             _context.t0.push.call(_context.t0, _context.t1);
-            if (configuration.showProgressBar) setProgressBarPercentage(Math.abs((i + 1 / multipleEditingData.length) * 100));
           case 14:
             i++;
             _context.next = 5;
             break;
           case 17:
-            if (configuration.showProgressBar) setProgressBarOpen(false);
+            if (configuration.showProgressBar) {
+              if (configuration.showProgressBar) setProgressBarPercentage(100);
+              setProgressBarOpen(false);
+              setProgressBarPercentage(0);
+            }
             _context.next = 23;
             break;
           case 20:
@@ -14091,27 +14005,37 @@ function useFormData (_ref) {
             }
             return _context2.abrupt("return", newData);
           case 3:
-            _context2.next = 5;
+            root.actions.toggleLoading('saving_form');
+            _context2.prev = 4;
+            _context2.next = 7;
             return setDynamicFields(_objectSpread$I({}, state.data), newData);
-          case 5:
+          case 7:
             newData = _context2.sent;
-            _context2.next = 8;
+            _context2.next = 10;
             return preSaveProcess(newData, selectedItems !== null && selectedItems !== void 0 ? selectedItems : configuration.items);
-          case 8:
+          case 10:
             newData = removeEmpty(newData);
+            _context2.next = 17;
+            break;
+          case 13:
+            _context2.prev = 13;
+            _context2.t0 = _context2["catch"](4);
+            root.actions.toggleLoading('saving_form');
+            throw _context2.t0;
+          case 17:
             setState(_objectSpread$I(_objectSpread$I({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
-            _context2.prev = 11;
-            _context2.next = 14;
+            _context2.prev = 19;
+            _context2.next = 22;
             return apiCall(newData);
-          case 14:
+          case 22:
             response = _context2.sent;
             i = 0;
-          case 16:
+          case 24:
             if (!(i < (((_configuration$additi = configuration.additionals) === null || _configuration$additi === void 0 ? void 0 : _configuration$additi.length) || 0))) {
-              _context2.next = 26;
+              _context2.next = 34;
               break;
             }
             // perform additional server actions before returning the data
@@ -14123,47 +14047,52 @@ function useFormData (_ref) {
             if (additional.addBaseUrl) {
               data[additional.addBaseUrl] = window.location.origin;
             }
-            _context2.next = 23;
+            _context2.next = 31;
             return additionalApi.create(data, additional.mapping, response);
-          case 23:
+          case 31:
             i++;
-            _context2.next = 16;
+            _context2.next = 24;
             break;
-          case 26:
+          case 34:
             finalData = response;
             return _context2.abrupt("return", response);
-          case 30:
-            _context2.prev = 30;
-            _context2.t0 = _context2["catch"](11);
-            if (!(_context2.t0 instanceof DivaError && _context2.t0.name)) {
-              _context2.next = 38;
+          case 38:
+            _context2.prev = 38;
+            _context2.t1 = _context2["catch"](19);
+            if (configuration.showProgressBar) {
+              setProgressBarOpen(false);
+              setProgressBarPercentage(0);
+            }
+            if (!(_context2.t1 instanceof DivaError && _context2.t1.name)) {
+              _context2.next = 47;
               break;
             }
-            errorCode = _context2.t0.name;
+            errorCode = _context2.t1.name;
             item = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(function (item) {
               var _item$onError;
               return (_item$onError = item.onError) === null || _item$onError === void 0 ? void 0 : _item$onError[errorCode];
             });
             if (!item) {
-              _context2.next = 38;
+              _context2.next = 47;
               break;
             }
             setFieldErrors(_objectSpread$I(_objectSpread$I({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
             return _context2.abrupt("return", undefined);
-          case 38:
-            throw _context2.t0;
-          case 39:
-            _context2.prev = 39;
+          case 47:
+            throw _context2.t1;
+          case 48:
+            _context2.prev = 48;
+            root.actions.toggleLoading('saving_form');
             setState(_objectSpread$I(_objectSpread$I({}, state), {}, {
               data: finalData,
               loading: false
             }));
-            return _context2.finish(39);
-          case 42:
+            return _context2.finish(48);
+          case 52:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[11, 30, 39, 42]]);
+      }, _callee2, null, [[4, 13], [19, 38, 48, 52]]);
     }));
     return function onSave(_x2) {
       return _ref3.apply(this, arguments);
@@ -15360,26 +15289,13 @@ var RichTextEditor = function RichTextEditor(_ref) {
   var initValue = _ref.initValue,
     onChange = _ref.onChange,
     name = _ref.name;
-  var _useDivaCore = useDivaCore(),
-    tinyMceApiKey = _useDivaCore.state.tinyMceApiKey;
   var val = useRef(initValue);
-  return /*#__PURE__*/jsx(Editor, {
-    apiKey: tinyMceApiKey,
-    onEditorChange: function onEditorChange(val, e) {
-      onChange === null || onChange === void 0 || onChange(name, val);
-    },
+  function handleChange(val) {
+    onChange(name, val);
+  }
+  return /*#__PURE__*/jsx(RTFEditor, {
     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 }'
-    }
+    onChange: handleChange
   });
 };
 
@@ -17277,6 +17193,9 @@ function Upload (_ref) {
     beforeUpload: beforeUpload,
     onRemove: onRemoveMedia,
     accept: allowedTypes === null || allowedTypes === void 0 ? void 0 : allowedTypes.join(','),
+    showUploadList: {
+      showRemoveIcon: !config.hideTrash
+    },
     children: /*#__PURE__*/jsxs(Space$1, {
       direction: "horizontal",
       children: [/*#__PURE__*/jsx(Button$1, {
@@ -17339,7 +17258,8 @@ function Media (_ref) {
     onError: onError,
     config: {
       baseUrl: state.root.configurationStore.apiConfig.mediaService,
-      jwt: state.root.dataStore.jwt
+      jwt: state.root.dataStore.jwt,
+      hideTrash: item.hideTrash
     }
   });
 }
@@ -17569,6 +17489,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
       });
     case 'radio':
       return /*#__PURE__*/jsx(Radio.Group, {
+        defaultValue: item.defaultValue,
         value: item.value,
         options: item.options.map(function (o) {
           var _o$disabled;
@@ -22405,7 +22326,7 @@ var useMediaUpload = function useMediaUpload(_ref) {
 var small = "small-NY1-k";
 var medium = "medium---QcO";
 var big = "big--E39S";
-var css_248z$d = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
+var css_248z$d = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
 styleInject(css_248z$d);
 
 var MediaUpload = observer(function (_ref) {
@@ -22804,6 +22725,8 @@ if (!window.customElements.get('model-viewer')) {
 function MediaViewerCell (_ref) {
   var children = _ref.children,
     column = _ref.column;
+  var _useDivaCore = useDivaCore(),
+    isFirefox = _useDivaCore.state.isFirefox;
   if (!(children !== null && children !== void 0 && children[1])) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
@@ -22849,7 +22772,7 @@ function MediaViewerCell (_ref) {
         src: children[1],
         ar: true,
         "ar-scale": 'fixed',
-        "ar-modes": 'webxr quick-look',
+        "ar-modes": !isFirefox ? 'webxr quick-look' : '',
         "shadow-intensity": "1",
         "camera-controls": true,
         "touch-action": "pan-y",
@@ -22989,6 +22912,8 @@ function MediaItemViewerCell (_ref) {
     timeStamp = _useState4[0],
     setTimeStamp = _useState4[1];
   var id;
+  var _useDivaCore = useDivaCore(),
+    isFirefox = _useDivaCore.state.isFirefox;
 
   //! for renderjob table mediaItems because can't filter mediaItems.0
   if (Array.isArray(children[1])) {
@@ -23020,9 +22945,9 @@ function MediaItemViewerCell (_ref) {
     });
   }, [timeStamp, id]);
   if (!id) return /*#__PURE__*/jsx(FileUnknownOutlined, {});
-  var _useDivaCore = useDivaCore(),
-    handler = _useDivaCore.handler,
-    actions = _useDivaCore.actions;
+  var _useDivaCore2 = useDivaCore(),
+    handler = _useDivaCore2.handler,
+    actions = _useDivaCore2.actions;
   var openModelViewer = function openModelViewer() {
     actions.openFullscreen({
       content: /*#__PURE__*/jsx("model-viewer", {
@@ -23030,7 +22955,7 @@ function MediaItemViewerCell (_ref) {
         src: children[1],
         ar: true,
         "ar-scale": 'fixed',
-        "ar-modes": 'webxr quick-look',
+        "ar-modes": !isFirefox ? 'webxr quick-look' : '',
         "shadow-intensity": "1",
         "camera-controls": true,
         "touch-action": "pan-y",
@@ -23587,7 +23512,7 @@ dayjs.extend(weekYear);
 Select$1.Option;
 var LOG$3 = 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$11, _state$selected2, _state$configuration$12, _state$configuration$13, _state$configuration$14, _state$configuration$17, _state$configuration$18, _state$configuration$19;
+  var _state$configuration$, _toggleConfig$label, _toggleConfig$labelOf, _state$globalFilter, _state$configuration$2, _state$configuration$3, _state$globalFilter2, _state$globalFilter3, _state$globalFilter4, _state$globalFilter5, _state$configuration$4, _state$configuration$5, _state$globalFilter$s, _state$configuration$6, _state$configuration$7, _state$configuration$8, _state$selected2, _state$configuration$9, _state$configuration$10, _state$configuration$11, _state$configuration$14, _state$configuration$15, _state$configuration$16;
   var state = _ref.state;
   var root = useStore();
   var _useState = useState(0),
@@ -23681,6 +23606,7 @@ var TableWrapper = function TableWrapper(_ref) {
     if (!permission) return true;
     return root.actions.userHasPermission(permission);
   }
+  var toggleConfig = (_state$configuration$ = state.configuration.filter) === null || _state$configuration$ === void 0 ? void 0 : _state$configuration$.toggle;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [(state.canDelete || state.configuration.createAction || state.title || state.configuration.canRefresh || state.configuration.clientRelations) && /*#__PURE__*/jsx(Fragment, {
       children: /*#__PURE__*/jsx(Descriptions, {
@@ -23739,16 +23665,17 @@ var TableWrapper = function TableWrapper(_ref) {
                 state.triggerRefresh();
               },
               children: /*#__PURE__*/jsx(ReloadOutlined, {})
-            }), ((_state$configuration$ = state.configuration.filter) === null || _state$configuration$ === void 0 ? void 0 : _state$configuration$.toggle) && (!state.configuration.filter.toggle.permission || root.actions.userHasPermission(state.configuration.filter.toggle.permission)) && /*#__PURE__*/jsx("div", {
+            }), toggleConfig && (!toggleConfig.permission || root.actions.userHasPermission(toggleConfig.permission)) && /*#__PURE__*/jsx("div", {
               children: /*#__PURE__*/jsx(Switch, {
-                defaultChecked: (_state$configuration$2 = state.configuration.filter) === null || _state$configuration$2 === void 0 ? void 0 : _state$configuration$2.toggle.defaultChecked,
-                checkedChildren: (_state$configuration$3 = state.configuration.filter.toggle.label) !== null && _state$configuration$3 !== void 0 ? _state$configuration$3 : 'unfiltered',
-                unCheckedChildren: (_state$configuration$4 = state.configuration.filter.toggle.labelOff) !== null && _state$configuration$4 !== void 0 ? _state$configuration$4 : 'filtered',
+                defaultChecked: toggleConfig.defaultChecked,
+                checkedChildren: (_toggleConfig$label = toggleConfig.label) !== null && _toggleConfig$label !== void 0 ? _toggleConfig$label : 'unfiltered',
+                unCheckedChildren: (_toggleConfig$labelOf = toggleConfig.labelOff) !== null && _toggleConfig$labelOf !== void 0 ? _toggleConfig$labelOf : 'filtered',
                 onChange: function onChange() {
                   return state.onGlobalFilterToggle();
-                }
+                },
+                checked: !!((_state$globalFilter = state.globalFilter) !== null && _state$globalFilter !== void 0 && _state$globalFilter.toggle) != !!toggleConfig.inverted
               })
-            }), ((_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.search) && /*#__PURE__*/jsx(Input.Search, {
+            }), ((_state$configuration$2 = state.configuration.filter) === null || _state$configuration$2 === void 0 ? void 0 : _state$configuration$2.search) && /*#__PURE__*/jsx(Input.Search, {
               placeholder: t('filter.global'),
               onSearch: function onSearch(v) {
                 return state.onGlobalFilterSearch(v);
@@ -23757,17 +23684,17 @@ var TableWrapper = function TableWrapper(_ref) {
               style: {
                 width: 200
               }
-            }), ((_state$configuration$6 = state.configuration.filter) === null || _state$configuration$6 === void 0 ? void 0 : _state$configuration$6.period) && /*#__PURE__*/jsx(DatePicker.RangePicker, {
+            }), ((_state$configuration$3 = state.configuration.filter) === null || _state$configuration$3 === void 0 ? void 0 : _state$configuration$3.period) && /*#__PURE__*/jsx(DatePicker.RangePicker, {
               onCalendarChange: function onCalendarChange(values) {
                 if (values && values[0] && values[1]) {
                   state.onGlobalFilterPeriod(values[0].valueOf(), values[1].valueOf());
                 }
               },
-              value: [(_state$globalFilter = state.globalFilter) !== null && _state$globalFilter !== void 0 && (_state$globalFilter = _state$globalFilter.timeStamp) !== null && _state$globalFilter !== void 0 && (_state$globalFilter = _state$globalFilter['fromTimeStamp']) !== null && _state$globalFilter !== void 0 && _state$globalFilter[0] ? dayjs((_state$globalFilter2 = state.globalFilter) === null || _state$globalFilter2 === void 0 || (_state$globalFilter2 = _state$globalFilter2.timeStamp) === null || _state$globalFilter2 === void 0 || (_state$globalFilter2 = _state$globalFilter2['fromTimeStamp']) === null || _state$globalFilter2 === void 0 ? void 0 : _state$globalFilter2[0]) : dayjs(new Date(Date.now() - 30 * 24 * 60 * 60 * 1000)),
+              value: [(_state$globalFilter2 = state.globalFilter) !== null && _state$globalFilter2 !== void 0 && (_state$globalFilter2 = _state$globalFilter2.timeStamp) !== null && _state$globalFilter2 !== void 0 && (_state$globalFilter2 = _state$globalFilter2['fromTimeStamp']) !== null && _state$globalFilter2 !== void 0 && _state$globalFilter2[0] ? dayjs((_state$globalFilter3 = state.globalFilter) === null || _state$globalFilter3 === void 0 || (_state$globalFilter3 = _state$globalFilter3.timeStamp) === null || _state$globalFilter3 === void 0 || (_state$globalFilter3 = _state$globalFilter3['fromTimeStamp']) === null || _state$globalFilter3 === void 0 ? void 0 : _state$globalFilter3[0]) : dayjs(new Date(Date.now() - 30 * 24 * 60 * 60 * 1000)),
               // 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$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 && _state$globalFilter4[0] ? dayjs((_state$globalFilter5 = state.globalFilter) === null || _state$globalFilter5 === void 0 || (_state$globalFilter5 = _state$globalFilter5.timeStamp) === null || _state$globalFilter5 === void 0 || (_state$globalFilter5 = _state$globalFilter5['toTimeStamp']) === null || _state$globalFilter5 === void 0 ? void 0 : _state$globalFilter5[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(SimpleSelect, _objectSpread$l(_objectSpread$l({}, (_state$configuration$8 = state.configuration.filter) === null || _state$configuration$8 === void 0 ? void 0 : _state$configuration$8.select.settings), {}, {
+            }), ((_state$configuration$4 = state.configuration.filter) === null || _state$configuration$4 === void 0 ? void 0 : _state$configuration$4.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$l(_objectSpread$l({}, (_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.select.settings), {}, {
               style: {
                 minWidth: '200px'
               },
@@ -23780,17 +23707,17 @@ var TableWrapper = function TableWrapper(_ref) {
             }), state.canDelete && /*#__PURE__*/jsx(DeleteButton, {
               selected: state.selected,
               total: state.pagination.total,
-              min: (_state$configuration$9 = state.configuration.rules) === null || _state$configuration$9 === void 0 ? void 0 : _state$configuration$9.min,
+              min: (_state$configuration$6 = state.configuration.rules) === null || _state$configuration$6 === void 0 ? void 0 : _state$configuration$6.min,
               deleting: state.deleting,
               onDelete: state.onDelete,
-              disabled: !!((_state$configuration$10 = state.configuration.deleteAction) !== null && _state$configuration$10 !== void 0 && (_state$configuration$11 = _state$configuration$10.disabled) !== null && _state$configuration$11 !== void 0 && _state$configuration$11.call(_state$configuration$10, ((_state$selected2 = state.selected) !== null && _state$selected2 !== void 0 ? _state$selected2 : []).map(function (id) {
+              disabled: !!((_state$configuration$7 = state.configuration.deleteAction) !== null && _state$configuration$7 !== void 0 && (_state$configuration$8 = _state$configuration$7.disabled) !== null && _state$configuration$8 !== void 0 && _state$configuration$8.call(_state$configuration$7, ((_state$selected2 = state.selected) !== null && _state$selected2 !== void 0 ? _state$selected2 : []).map(function (id) {
                 return state.data.find(function (d) {
                   return d._id == id;
                 });
               })))
             }), state.configuration.copyAction !== undefined && /*#__PURE__*/jsx(CopyButton, {
               state: state
-            }), (_state$configuration$12 = state.configuration.bulkActions) === null || _state$configuration$12 === void 0 ? void 0 : _state$configuration$12.map(function (action) {
+            }), (_state$configuration$9 = state.configuration.bulkActions) === null || _state$configuration$9 === void 0 ? void 0 : _state$configuration$9.map(function (action) {
               return /*#__PURE__*/jsx(BulkAction, {
                 action: action,
                 state: state,
@@ -23801,18 +23728,18 @@ var TableWrapper = function TableWrapper(_ref) {
                   setProgressBarPercentage: setProgressBarPercentage
                 } : undefined
               }, action.id);
-            }), state.configuration.createAction && checkPermission(state.configuration.createAction.permission) && !((_state$configuration$13 = (_state$configuration$14 = state.configuration.createAction).hidden) !== null && _state$configuration$13 !== void 0 && _state$configuration$13.call(_state$configuration$14, data)) && /*#__PURE__*/jsx(ActionButton, {
+            }), state.configuration.createAction && checkPermission(state.configuration.createAction.permission) && !((_state$configuration$10 = (_state$configuration$11 = state.configuration.createAction).hidden) !== null && _state$configuration$10 !== void 0 && _state$configuration$10.call(_state$configuration$11, data)) && /*#__PURE__*/jsx(ActionButton, {
               action: state.configuration.createAction,
               callback: function callback(data) {
-                var _state$onUpdate, _state$configuration$15, _state$configuration$16;
+                var _state$onUpdate, _state$configuration$12, _state$configuration$13;
                 (_state$onUpdate = state.onUpdate) === null || _state$onUpdate === void 0 || _state$onUpdate.call(state, data);
-                (_state$configuration$15 = state.configuration.createAction) === null || _state$configuration$15 === void 0 || (_state$configuration$16 = _state$configuration$15.callback) === null || _state$configuration$16 === void 0 || _state$configuration$16.call(_state$configuration$15, data);
+                (_state$configuration$12 = state.configuration.createAction) === null || _state$configuration$12 === void 0 || (_state$configuration$13 = _state$configuration$12.callback) === null || _state$configuration$13 === void 0 || _state$configuration$13.call(_state$configuration$12, data);
               },
               type: "Button",
               id: 'create',
               defaultLabel: t('backoffice.table.emailtemplates.createAction.title'),
               isCreateButton: true,
-              disabled: state.configuration.createAction.disableOnToggle === !!state.globalFilter.toggle || ((_state$configuration$17 = (_state$configuration$18 = state.configuration.createAction).disabled) === null || _state$configuration$17 === void 0 ? void 0 : _state$configuration$17.call(_state$configuration$18, data)),
+              disabled: state.configuration.createAction.disableOnToggle === !!state.globalFilter.toggle || ((_state$configuration$14 = (_state$configuration$15 = state.configuration.createAction).disabled) === null || _state$configuration$14 === void 0 ? void 0 : _state$configuration$14.call(_state$configuration$15, data)),
               data: state.configuration.createActionMapping ? aplyMapping({
                 mapable: {},
                 mapping: state.configuration.createActionMapping,
@@ -23860,13 +23787,13 @@ var TableWrapper = function TableWrapper(_ref) {
       className: "andt-table",
       scroll: {
         x: '100%',
-        y: (_state$configuration$19 = state.configuration.height) !== null && _state$configuration$19 !== void 0 ? _state$configuration$19 : '100%'
+        y: (_state$configuration$16 = state.configuration.height) !== null && _state$configuration$16 !== void 0 ? _state$configuration$16 : '100%'
       },
       rowClassName: editableRow,
       components: cellRenderer,
       rowKey: function rowKey(dataRow) {
-        var _state$configuration$20, _state$configuration$21;
-        return goTroughObject(dataRow, (_state$configuration$20 = (_state$configuration$21 = state.configuration.rowKey) === null || _state$configuration$21 === void 0 ? void 0 : _state$configuration$21.split('.')) !== null && _state$configuration$20 !== void 0 ? _state$configuration$20 : ['_id'], 0);
+        var _state$configuration$17, _state$configuration$18;
+        return goTroughObject(dataRow, (_state$configuration$17 = (_state$configuration$18 = state.configuration.rowKey) === null || _state$configuration$18 === void 0 ? void 0 : _state$configuration$18.split('.')) !== null && _state$configuration$17 !== void 0 ? _state$configuration$17 : ['_id'], 0);
       },
       dataSource: data,
       loading: state.loading,
@@ -23936,22 +23863,22 @@ function DeleteButton(_ref2) {
   });
 }
 function CopyButton(_ref3) {
-  var _state$configuration$25;
+  var _state$configuration$22;
   var state = _ref3.state;
   var root = useStore();
-  var apiHandler = new _default$d({
+  new _default$d({
     apiInterface: state.configuration.apiInterface,
     type: 'Table'
   }, root);
   var onCopy = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _state$configuration$22;
+      var _state$configuration$19;
       var copyAction, _iterator3, _step3, selectedRow;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             copyAction = state.configuration.copyAction;
-            if (((_state$configuration$22 = state.configuration.copyAction) === null || _state$configuration$22 === void 0 ? void 0 : _state$configuration$22.apiInterface) != undefined) {
+            if (((_state$configuration$19 = state.configuration.copyAction) === null || _state$configuration$19 === void 0 ? void 0 : _state$configuration$19.apiInterface) != undefined) {
               _iterator3 = _createForOfIteratorHelper$4(state.selected);
               try {
                 for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -23986,28 +23913,22 @@ function CopyButton(_ref3) {
   }();
   var onCopyAction = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var _state$configuration$23, _state$configuration$24;
-      var copyAction, id, filter, data;
+      var _state$configuration$20, _state$configuration$21;
+      var copyAction, id, data;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             copyAction = state.configuration.copyAction;
-            if (!(copyAction.id == undefined || copyAction.actionType != 'Detail' || ((_state$configuration$23 = state.configuration.createAction) === null || _state$configuration$23 === void 0 ? void 0 : _state$configuration$23.actionType) != 'Detail')) {
+            if (!(copyAction.id == undefined || copyAction.actionType != 'Detail' || ((_state$configuration$20 = state.configuration.createAction) === null || _state$configuration$20 === void 0 ? void 0 : _state$configuration$20.actionType) != 'Detail')) {
               _context3.next = 3;
               break;
             }
             throw new Error('configuration needs to be of type Detail');
           case 3:
             id = state.selected[0];
-            filter = {};
-            filter['_id'] = [id, 'eq', false];
-            _context3.next = 8;
-            return apiHandler.readList(undefined, undefined, {
-              pagination: {},
-              columns: [],
-              filters: filter
-            });
-          case 8:
+            _context3.next = 6;
+            return state.getDataById(id);
+          case 6:
             data = _context3.sent;
             data.data[0] = aplyMapping({
               mapable: {},
@@ -24022,7 +23943,7 @@ function CopyButton(_ref3) {
               configurationId: copyAction === null || copyAction === void 0 ? void 0 : copyAction.id,
               data: data.data[0],
               type: copyAction === null || copyAction === void 0 ? void 0 : copyAction.type,
-              mapping: (_state$configuration$24 = state.configuration.createAction) === null || _state$configuration$24 === void 0 ? void 0 : _state$configuration$24.mapping,
+              mapping: (_state$configuration$21 = state.configuration.createAction) === null || _state$configuration$21 === void 0 ? void 0 : _state$configuration$21.mapping,
               mappingData: data.data[0],
               callback: function () {
                 var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
@@ -24032,6 +23953,8 @@ function CopyButton(_ref3) {
                         _context2.next = 2;
                         return state.onUpdate(e);
                       case 2:
+                        if (copyAction.resetToggleAfter) state.resetToggle();
+                      case 3:
                       case "end":
                         return _context2.stop();
                     }
@@ -24043,7 +23966,7 @@ function CopyButton(_ref3) {
                 return callback;
               }()
             });
-          case 11:
+          case 9:
           case "end":
             return _context3.stop();
         }
@@ -24058,7 +23981,7 @@ function CopyButton(_ref3) {
   return /*#__PURE__*/jsx(Button, {
     type: "primary",
     onClick: onCopy,
-    disabled: state.selected.length == 0 || state.selected.length > 1 && ((_state$configuration$25 = state.configuration.copyAction) === null || _state$configuration$25 === void 0 ? void 0 : _state$configuration$25.disableOnMultiselect),
+    disabled: state.selected.length == 0 || state.selected.length > 1 && ((_state$configuration$22 = state.configuration.copyAction) === null || _state$configuration$22 === void 0 ? void 0 : _state$configuration$22.disableOnMultiselect),
     children: t('backoffice.basetable.copy')
   });
 }
@@ -24210,7 +24133,7 @@ function BulkAction(_ref6) {
             _context4.t5 = _context4.sent;
             _context4.t4.push.call(_context4.t4, _context4.t5);
           case 29:
-            if (progressBar) progressBar.setProgressBarPercentage(Math.floor((i + 1 / selectedData.length) * 100));
+            if (progressBar) progressBar.setProgressBarPercentage(Math.floor(i / selectedData.length * 100));
           case 30:
             i++;
             _context4.next = 4;
@@ -24218,22 +24141,27 @@ function BulkAction(_ref6) {
           case 33:
             state.onUpdate(data);
             if (progressBar) {
+              progressBar.setProgressBarPercentage(100);
               progressBar.setProgressBarOpen(false);
               progressBar.setProgressBarPercentage(0);
             }
-            _context4.next = 41;
+            _context4.next = 42;
             break;
           case 37:
             _context4.prev = 37;
             _context4.t6 = _context4["catch"](2);
+            if (progressBar) {
+              progressBar.setProgressBarOpen(false);
+              progressBar.setProgressBarPercentage(0);
+            }
             LOG$3.error(new DivaError('Error changing data', {
               cause: _context4.t6,
               code: 'BACKO_0002'
             }));
             setShowPopover(t('errorcodes._source.labels.error.BACKO_0002'));
-          case 41:
-            (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, updatedData);
           case 42:
+            (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, updatedData);
+          case 43:
           case "end":
             return _context4.stop();
         }
@@ -24272,6 +24200,8 @@ function BulkAction(_ref6) {
 }
 function SelectionText(_ref8) {
   var selected = _ref8.selected;
+  var _useTranslation5 = useTranslation(),
+    t = _useTranslation5.t;
   if (!(selected !== null && selected !== void 0 && selected.length)) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
@@ -24281,7 +24211,7 @@ function SelectionText(_ref8) {
       fontWeight: 'normal',
       fontSize: 'small'
     },
-    children: "".concat(selected.length, " Eintr\xE4ge ausgew\xE4hlt")
+    children: "".concat(selected.length, " ") + t('backoffice.table.selected_entries')
   });
 }
 
@@ -25165,16 +25095,44 @@ function useTableData$1 (_ref) {
       });
     }
   };
+  var getDataById = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
+      var filters, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            filters = {};
+            filters['_id'] = [id, 'eq', false];
+            _context.next = 4;
+            return apiHandler.readList(configuration.mapping, {
+              pagination: _objectSpread$h({}, state.pagination),
+              columns: configuration.columns,
+              filters: filters,
+              sorter: filterData.sorter
+            });
+          case 4:
+            data = _context.sent;
+            return _context.abrupt("return", data);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getDataById(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var onSelect = function onSelect(keys) {
     setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
       selected: keys
     }));
   };
   var onDelete = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var newData, deleted, _loop, mappingData, index, total, pages, current, data;
-      return _regeneratorRuntime.wrap(function _callee$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
               deleting: true
@@ -25184,24 +25142,24 @@ function useTableData$1 (_ref) {
             _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop(index) {
               var _newData$filter, _configuration$delete;
               var id, deleteResult, deletedIndex;
-              return _regeneratorRuntime.wrap(function _loop$(_context) {
-                while (1) switch (_context.prev = _context.next) {
+              return _regeneratorRuntime.wrap(function _loop$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
                   case 0:
                     id = state.selected[index];
                     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$h(_objectSpread$h({}, mappingData), state.mappingData);
-                    _context.next = 5;
+                    _context2.next = 5;
                     return apiHandler["delete"](id, (_configuration$delete = configuration.deleteMapping) !== null && _configuration$delete !== void 0 ? _configuration$delete : configuration.mapping, mappingData, true);
                   case 5:
-                    deleteResult = _context.sent;
+                    deleteResult = _context2.sent;
                     if (deleteResult) {
-                      _context.next = 9;
+                      _context2.next = 9;
                       break;
                     }
                     setError('Fehler beim löschen eines Elementes.');
-                    return _context.abrupt("return", 1);
+                    return _context2.abrupt("return", 1);
                   case 9:
                     deletedIndex = newData.findIndex(function (d) {
                       return (d === null || d === void 0 ? void 0 : d._id) == id;
@@ -25210,36 +25168,36 @@ function useTableData$1 (_ref) {
                     deleted++;
                   case 12:
                   case "end":
-                    return _context.stop();
+                    return _context2.stop();
                 }
               }, _loop);
             });
             index = 0;
           case 5:
             if (!(index < state.selected.length)) {
-              _context2.next = 12;
+              _context3.next = 12;
               break;
             }
-            return _context2.delegateYield(_loop(index), "t0", 7);
+            return _context3.delegateYield(_loop(index), "t0", 7);
           case 7:
-            if (!_context2.t0) {
-              _context2.next = 9;
+            if (!_context3.t0) {
+              _context3.next = 9;
               break;
             }
-            return _context2.abrupt("continue", 9);
+            return _context3.abrupt("continue", 9);
           case 9:
             index++;
-            _context2.next = 5;
+            _context3.next = 5;
             break;
           case 12:
             total = state.pagination.total - deleted;
             pages = Math.ceil(total / state.pagination.pageSize);
             current = state.pagination.current > pages ? pages || 1 : state.pagination.current;
             if (!(pages > 0 && state.pagination.current > pages && filterServerSide || state.selected.length === 0)) {
-              _context2.next = 21;
+              _context3.next = 21;
               break;
             }
-            _context2.next = 18;
+            _context3.next = 18;
             return apiHandler.readList(configuration.mapping, {
               pagination: _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
                 current: current
@@ -25249,7 +25207,7 @@ function useTableData$1 (_ref) {
               sorter: filterData.sorter
             });
           case 18:
-            data = _context2.sent;
+            data = _context3.sent;
             newData = data.data;
             total = data.total;
           case 21:
@@ -25264,12 +25222,12 @@ function useTableData$1 (_ref) {
             }));
           case 22:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function onDelete() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   function setLoading() {
@@ -25289,6 +25247,10 @@ function useTableData$1 (_ref) {
     onChange: onChange,
     onUpdate: onUpdate,
     onDelete: onDelete,
+    getDataById: getDataById,
+    resetToggle: function resetToggle() {
+      throw new Error('not implemented for CatalogTable');
+    },
     triggerRefresh: function triggerRefresh() {
       throw new Error('not implemented for CatalogTable');
     },
@@ -25638,38 +25600,74 @@ function useTableData (_ref) {
     }
     return title;
   }, [configuration.title, parentData]);
+  var getDataById = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id) {
+      var _configuration$filter9;
+      var filters, ssf, data;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            filters = {};
+            filters['_id'] = [id, 'eq', false];
+            ssf = _objectSpread$g({
+              pagination: {
+                current: 1,
+                pageSize: 1
+              },
+              columns: configuration.columns,
+              filters: filters
+            }, 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 ? {
+              genericProps: globalFilter.toggle
+            } : undefined);
+            _context2.next = 5;
+            return apiHandler.readList(parentMapping || configuration.mapping, mapping, ssf);
+          case 5:
+            data = _context2.sent;
+            return _context2.abrupt("return", data);
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getDataById(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
   var onChange = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(p) {
-      var _configuration$filter9, _configuration$filter10, _configuration$filter11, _prefilter$select, _configuration$filter12, _configuration$filter13;
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(p) {
+      var _configuration$filter10, _configuration$filter11, _configuration$filter12, _prefilter$select, _configuration$filter13, _configuration$filter14;
       var prefilter,
         refresh,
+        clearSelection,
         currentData,
         filterData,
         currentFilterHash,
         currentPagination,
         currentUrl,
-        _configuration$filter14,
+        _configuration$filter15,
         ssf,
         data,
         _data3,
         _aplyFilterAndSortati2,
         _data4,
         pagination,
-        _args2 = arguments;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+        _args3 = arguments;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            prefilter = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : globalFilter;
-            refresh = _args2.length > 2 ? _args2[2] : undefined;
+            prefilter = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : globalFilter;
+            refresh = _args3.length > 2 ? _args3[2] : undefined;
+            clearSelection = _args3.length > 3 ? _args3[3] : undefined;
             setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
               loading: true
             }));
             currentData = initData;
-            filterData = _objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, 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];
-                var v = _ref6[1];
+            filterData = _objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, p.filters), prefilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter10 = configuration.filter) !== null && _configuration$filter10 !== void 0 && (_configuration$filter10 = _configuration$filter10.toggle) !== null && _configuration$filter10 !== void 0 && _configuration$filter10.inQuery) ? prefilter.toggle : undefined), ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.applyDefaultValue) !== false || ((_configuration$filter12 = configuration.filter) === null || _configuration$filter12 === void 0 || (_configuration$filter12 = _configuration$filter12.select) === null || _configuration$filter12 === void 0 ? void 0 : _configuration$filter12.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter13 = (_configuration$filter14 = configuration.filter) === null || _configuration$filter14 === void 0 || (_configuration$filter14 = _configuration$filter14.select) === null || _configuration$filter14 === void 0 ? void 0 : _configuration$filter14.filterField) !== null && _configuration$filter13 !== void 0 ? _configuration$filter13 : '']) === 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 (_ref6) {
+              var _ref7 = _slicedToArray(_ref6, 2);
+                _ref7[0];
+                var v = _ref7[1];
               return v != null;
             }));
             currentFilterHash = objectHash(filterData);
@@ -25678,7 +25676,7 @@ function useTableData (_ref) {
             });
             filterHash.current = currentFilterHash;
             if (!filterServerSide) {
-              _context2.next = 19;
+              _context3.next = 20;
               break;
             }
             ssf = _objectSpread$g({
@@ -25686,32 +25684,32 @@ function useTableData (_ref) {
               columns: configuration.columns,
               filters: filterData,
               sorter: p.sorter
-            }, configuration !== null && configuration !== void 0 && (_configuration$filter14 = configuration.filter) !== null && _configuration$filter14 !== void 0 && (_configuration$filter14 = _configuration$filter14.toggle) !== null && _configuration$filter14 !== void 0 && _configuration$filter14.inQuery ? {
+            }, 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 ? {
               genericProps: prefilter.toggle
             } : undefined);
-            _context2.next = 13;
+            _context3.next = 14;
             return apiHandler.readList(parentMapping || configuration.mapping, mapping, ssf);
-          case 13:
-            data = _context2.sent;
+          case 14:
+            data = _context3.sent;
             currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, mapping, ssf);
             currentData = data.data;
             currentPagination = _objectSpread$g(_objectSpread$g({}, currentPagination), {}, {
               total: data.total
             });
-            _context2.next = 28;
+            _context3.next = 29;
             break;
-          case 19:
+          case 20:
             if (!(!currentData || currentData.length === 0 || refresh)) {
-              _context2.next = 25;
+              _context3.next = 26;
               break;
             }
-            _context2.next = 22;
+            _context3.next = 23;
             return apiHandler.readList(parentMapping || configuration.mapping, mapping, undefined);
-          case 22:
-            _data3 = _context2.sent;
+          case 23:
+            _data3 = _context3.sent;
             currentData = _data3.data;
             setInitData(currentData);
-          case 25:
+          case 26:
             _aplyFilterAndSortati2 = aplyFilterAndSortation(_objectSpread$g(_objectSpread$g({}, p), {}, {
               pagination: currentPagination,
               filters: filterData,
@@ -25720,7 +25718,7 @@ function useTableData (_ref) {
             })), _data4 = _aplyFilterAndSortati2.data, pagination = _aplyFilterAndSortati2.pagination;
             currentData = _data4;
             currentPagination = pagination;
-          case 28:
+          case 29:
             setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
               loading: false,
               data: currentData,
@@ -25729,19 +25727,21 @@ function useTableData (_ref) {
                 prefilter: prefilter
               }),
               currentFetchUrl: currentUrl
-            }));
+            }, clearSelection ? {
+              selected: []
+            } : {}));
             setFilter({
               filters: p.filters,
               sorter: p.sorter
             });
-          case 30:
+          case 31:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
-    return function onChange(_x2) {
-      return _ref4.apply(this, arguments);
+    return function onChange(_x3) {
+      return _ref5.apply(this, arguments);
     };
   }();
   var onSelect = function onSelect(keys) {
@@ -25750,11 +25750,11 @@ function useTableData (_ref) {
     }));
   };
   var onDelete = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var _configuration$apiInt2;
-      var newData, newInitData, deleted, userPermissions, _loop, mappingData, deleteResult, _ret, index, total, pages, current, _configuration$filter15, _configuration$filter16, data;
-      return _regeneratorRuntime.wrap(function _callee3$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      var newData, newInitData, deleted, userPermissions, _loop, mappingData, deleteResult, _ret, index, total, pages, current, _configuration$filter16, _configuration$filter17, data;
+      return _regeneratorRuntime.wrap(function _callee4$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
               deleting: true
@@ -25762,15 +25762,15 @@ function useTableData (_ref) {
             newData = _toConsumableArray(state.data);
             newInitData = initData ? _toConsumableArray(initData) : undefined;
             deleted = 0;
-            _context4.next = 6;
+            _context5.next = 6;
             return _typeof(configuration.apiInterface) == 'object' && _typeof(configuration.apiInterface["delete"]) == 'object' ? (_configuration$apiInt2 = configuration.apiInterface["delete"]) === null || _configuration$apiInt2 === void 0 ? void 0 : _configuration$apiInt2.permission : undefined;
           case 6:
-            userPermissions = _context4.sent;
+            userPermissions = _context5.sent;
             _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop(index) {
-              var _configuration$rowKey, _configuration$filter17, _configuration$filter18;
+              var _configuration$filter18, _configuration$filter19;
               var id, _newData$filter, _newData$filter2, mapToggle, _iterator, _step, _globalFilter$toggle, field, _globalFilter$toggle2, _configuration$delete, _configuration$onErro, _configuration$onErro2, deletedIndex, initDeletedIndex;
-              return _regeneratorRuntime.wrap(function _loop$(_context3) {
-                while (1) switch (_context3.prev = _context3.next) {
+              return _regeneratorRuntime.wrap(function _loop$(_context4) {
+                while (1) switch (_context4.prev = _context4.next) {
                   case 0:
                     id = state.selected[index];
                     if (configuration.rowKey) {
@@ -25783,7 +25783,7 @@ function useTableData (_ref) {
                       })) === null || _newData$filter2 === void 0 ? void 0 : _newData$filter2[0];
                     }
                     mapToggle = {};
-                    _iterator = _createForOfIteratorHelper$3((_configuration$filter17 = (_configuration$filter18 = configuration.filter) === null || _configuration$filter18 === void 0 || (_configuration$filter18 = _configuration$filter18.toggle) === null || _configuration$filter18 === void 0 ? void 0 : _configuration$filter18.fields) !== null && _configuration$filter17 !== void 0 ? _configuration$filter17 : []);
+                    _iterator = _createForOfIteratorHelper$3((_configuration$filter18 = (_configuration$filter19 = configuration.filter) === null || _configuration$filter19 === void 0 || (_configuration$filter19 = _configuration$filter19.toggle) === null || _configuration$filter19 === void 0 ? void 0 : _configuration$filter19.fields) !== null && _configuration$filter18 !== void 0 ? _configuration$filter18 : []);
                     try {
                       for (_iterator.s(); !(_step = _iterator.n()).done;) {
                         field = _step.value;
@@ -25798,107 +25798,106 @@ function useTableData (_ref) {
                     }
                     mappingData = _objectSpread$g(_objectSpread$g(_objectSpread$g({}, mappingData), state.mappingData), mapToggle);
                     deleteResult = undefined;
-                    _context3.prev = 7;
+                    _context4.prev = 7;
                     if (!(userPermissions && !root.actions.userHasPermission(userPermissions))) {
-                      _context3.next = 11;
+                      _context4.next = 11;
                       break;
                     }
                     setError('Sie haben keine Berechtigung ein Mediaitem zu löschen.');
-                    return _context3.abrupt("return", 0);
+                    return _context4.abrupt("return", 0);
                   case 11:
-                    _context3.next = 13;
+                    _context4.next = 13;
                     return apiHandler["delete"](id, (_configuration$delete = configuration.deleteMapping) !== null && _configuration$delete !== void 0 ? _configuration$delete : configuration.mapping, mappingData);
                   case 13:
-                    deleteResult = _context3.sent;
-                    _context3.next = 24;
+                    deleteResult = _context4.sent;
+                    _context4.next = 24;
                     break;
                   case 16:
-                    _context3.prev = 16;
-                    _context3.t0 = _context3["catch"](7);
-                    if (!(_context3.t0 instanceof DivaError && _context3.t0.name)) {
-                      _context3.next = 22;
+                    _context4.prev = 16;
+                    _context4.t0 = _context4["catch"](7);
+                    if (!(_context4.t0 instanceof DivaError && _context4.t0.name)) {
+                      _context4.next = 22;
                       break;
                     }
-                    if (!((_configuration$onErro = configuration.onError) !== null && _configuration$onErro !== void 0 && _configuration$onErro[_context3.t0.name])) {
-                      _context3.next = 22;
+                    if (!((_configuration$onErro = configuration.onError) !== null && _configuration$onErro !== void 0 && _configuration$onErro[_context4.t0.name])) {
+                      _context4.next = 22;
                       break;
                     }
-                    setError((_configuration$onErro2 = configuration.onError) === null || _configuration$onErro2 === void 0 ? void 0 : _configuration$onErro2[_context3.t0.name]);
-                    return _context3.abrupt("return", 0);
+                    setError((_configuration$onErro2 = configuration.onError) === null || _configuration$onErro2 === void 0 ? void 0 : _configuration$onErro2[_context4.t0.name]);
+                    return _context4.abrupt("return", 0);
                   case 22:
-                    setError(_context3.t0.message);
-                    return _context3.abrupt("return", 0);
+                    setError(_context4.t0.message);
+                    return _context4.abrupt("return", 0);
                   case 24:
                     if (deleteResult) {
-                      _context3.next = 27;
+                      _context4.next = 27;
                       break;
                     }
                     setError('Fehler beim löschen eines Elementes.');
-                    return _context3.abrupt("return", 1);
+                    return _context4.abrupt("return", 1);
                   case 27:
-                    (_configuration$rowKey = configuration.rowKey) !== null && _configuration$rowKey !== void 0 ? _configuration$rowKey : '_id';
                     deletedIndex = newData.findIndex(function (d) {
-                      var _configuration$rowKey2, _configuration$rowKey3;
-                      return goTroughObject(d, (_configuration$rowKey2 = (_configuration$rowKey3 = configuration.rowKey) === null || _configuration$rowKey3 === void 0 ? void 0 : _configuration$rowKey3.split('.')) !== null && _configuration$rowKey2 !== void 0 ? _configuration$rowKey2 : ['_id']) == id;
+                      var _configuration$rowKey, _configuration$rowKey2;
+                      return goTroughObject(d, (_configuration$rowKey = (_configuration$rowKey2 = configuration.rowKey) === null || _configuration$rowKey2 === void 0 ? void 0 : _configuration$rowKey2.split('.')) !== null && _configuration$rowKey !== void 0 ? _configuration$rowKey : ['_id']) == id;
                     });
                     newData.splice(deletedIndex, 1);
                     initDeletedIndex = newInitData === null || newInitData === void 0 ? void 0 : newInitData.findIndex(function (d) {
-                      var _configuration$rowKey4, _configuration$rowKey5;
-                      return goTroughObject(d, (_configuration$rowKey4 = (_configuration$rowKey5 = configuration.rowKey) === null || _configuration$rowKey5 === void 0 ? void 0 : _configuration$rowKey5.split('.')) !== null && _configuration$rowKey4 !== void 0 ? _configuration$rowKey4 : ['_id']) == id;
+                      var _configuration$rowKey3, _configuration$rowKey4;
+                      return goTroughObject(d, (_configuration$rowKey3 = (_configuration$rowKey4 = configuration.rowKey) === null || _configuration$rowKey4 === void 0 ? void 0 : _configuration$rowKey4.split('.')) !== null && _configuration$rowKey3 !== void 0 ? _configuration$rowKey3 : ['_id']) == id;
                     });
                     newInitData === null || newInitData === void 0 || newInitData.splice(initDeletedIndex, 1);
                     deleted++;
-                  case 33:
+                  case 32:
                   case "end":
-                    return _context3.stop();
+                    return _context4.stop();
                 }
               }, _loop, null, [[7, 16]]);
             });
             index = 0;
           case 9:
             if (!(index < state.selected.length)) {
-              _context4.next = 19;
+              _context5.next = 19;
               break;
             }
-            return _context4.delegateYield(_loop(index), "t0", 11);
+            return _context5.delegateYield(_loop(index), "t0", 11);
           case 11:
-            _ret = _context4.t0;
+            _ret = _context5.t0;
             if (!(_ret === 0)) {
-              _context4.next = 14;
+              _context5.next = 14;
               break;
             }
-            return _context4.abrupt("break", 19);
+            return _context5.abrupt("break", 19);
           case 14:
             if (!(_ret === 1)) {
-              _context4.next = 16;
+              _context5.next = 16;
               break;
             }
-            return _context4.abrupt("continue", 16);
+            return _context5.abrupt("continue", 16);
           case 16:
             index++;
-            _context4.next = 9;
+            _context5.next = 9;
             break;
           case 19:
             total = state.pagination.total - deleted;
             pages = Math.ceil(total / state.pagination.pageSize);
             current = state.pagination.current > pages ? pages : state.pagination.current;
             if (!(state.pagination.current > pages && filterServerSide || state.selected.length === 0)) {
-              _context4.next = 28;
+              _context5.next = 28;
               break;
             }
-            _context4.next = 25;
+            _context5.next = 25;
             return apiHandler.readList(parentMapping || configuration.mapping, mapping, _objectSpread$g({
               pagination: _objectSpread$g(_objectSpread$g({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
-              filters: _objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, 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$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, filterData.filters), globalFilter.search), !(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) ? 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 ? {
+            }, configuration !== null && configuration !== void 0 && (_configuration$filter17 = configuration.filter) !== null && _configuration$filter17 !== void 0 && (_configuration$filter17 = _configuration$filter17.toggle) !== null && _configuration$filter17 !== void 0 && _configuration$filter17.inQuery ? {
               genericProps: globalFilter.toggle
             } : undefined));
           case 25:
-            data = _context4.sent;
+            data = _context5.sent;
             newData = data.data;
             total = data.total;
           case 28:
@@ -25914,17 +25913,17 @@ function useTableData (_ref) {
             }));
           case 30:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return function onDelete() {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   var onGlobalFilterSelect = function onGlobalFilterSelect(value) {
-    var _configuration$filter19;
-    if (!((_configuration$filter19 = configuration.filter) !== null && _configuration$filter19 !== void 0 && _configuration$filter19.select)) {
+    var _configuration$filter20;
+    if (!((_configuration$filter20 = configuration.filter) !== null && _configuration$filter20 !== void 0 && _configuration$filter20.select)) {
       LOG$2.error(new DivaError('No global select filter defiend'));
       return;
     }
@@ -25940,8 +25939,8 @@ function useTableData (_ref) {
     }, filterData), newGlobalFilter);
   };
   var onGlobalFilterToggle = function onGlobalFilterToggle() {
-    var _configuration$filter20;
-    if (!((_configuration$filter20 = configuration.filter) !== null && _configuration$filter20 !== void 0 && _configuration$filter20.toggle)) {
+    var _configuration$filter21;
+    if (!((_configuration$filter21 = configuration.filter) !== null && _configuration$filter21 !== void 0 && _configuration$filter21.toggle)) {
       LOG$2.error(new DivaError('No global toggle filter defined'));
       return;
     }
@@ -25955,11 +25954,14 @@ function useTableData (_ref) {
     setGlobaFilter(newGlobalFilter);
     onChange(_objectSpread$g({
       pagination: state.pagination
-    }, filterData), newGlobalFilter);
+    }, filterData), newGlobalFilter, undefined, true);
+  };
+  var resetToggle = function resetToggle() {
+    if (globalFilter !== null && globalFilter !== void 0 && globalFilter.toggle) onGlobalFilterToggle();
   };
   var onGlobalFilterSearch = function onGlobalFilterSearch(value) {
-    var _configuration$filter21;
-    if (!((_configuration$filter21 = configuration.filter) !== null && _configuration$filter21 !== void 0 && _configuration$filter21.search)) {
+    var _configuration$filter22;
+    if (!((_configuration$filter22 = configuration.filter) !== null && _configuration$filter22 !== void 0 && _configuration$filter22.search)) {
       LOG$2.error(new DivaError('No global search filter defiend'));
       return;
     }
@@ -25967,8 +25969,8 @@ function useTableData (_ref) {
       search: {}
     });
     if (value) {
-      var _configuration$filter22;
-      (_configuration$filter22 = configuration.filter) === null || _configuration$filter22 === void 0 || _configuration$filter22.search.fields.forEach(function (f) {
+      var _configuration$filter23;
+      (_configuration$filter23 = configuration.filter) === null || _configuration$filter23 === void 0 || _configuration$filter23.search.fields.forEach(function (f) {
         if (typeof f == 'string') {
           newGlobalFilter.search[f] = [value, 'contains', 0];
         } else {
@@ -25982,8 +25984,8 @@ function useTableData (_ref) {
     }, filterData), newGlobalFilter);
   };
   var onGlobalFilterPeriod = function onGlobalFilterPeriod(from, to) {
-    var _configuration$filter23;
-    if (!((_configuration$filter23 = configuration.filter) !== null && _configuration$filter23 !== void 0 && _configuration$filter23.period)) {
+    var _configuration$filter24;
+    if (!((_configuration$filter24 = configuration.filter) !== null && _configuration$filter24 !== void 0 && _configuration$filter24.period)) {
       LOG$2.error(new DivaError('No global period filter defiend'));
       return;
     }
@@ -26005,7 +26007,9 @@ function useTableData (_ref) {
     onUpdate: onUpdate,
     onDelete: onDelete,
     onSelect: onSelect,
+    getDataById: getDataById,
     triggerRefresh: triggerRefresh,
+    resetToggle: resetToggle,
     onSelectedCatalog: onSelectedCatalog,
     error: error,
     catalogItem: catalogItem,
@@ -28835,7 +28839,8 @@ function useModule (currentModules) {
       },
       type: 'Configurator',
       id: 'WYSIWYG',
-      startWidth: 600
+      startWidth: 600,
+      defaultPinned: true
     });
     root.contentStore.tools = tools;
     return function () {
@@ -30898,7 +30903,8 @@ var ArticleSelection = function ArticleSelection(_ref) {
     }), root.contentStore.toolPinned && /*#__PURE__*/jsx(PushpinFilled, {
       onClick: function onClick() {
         return root.contentStore.toolPinned = !root.contentStore.toolPinned;
-      }
+      },
+      className: button
     }), /*#__PURE__*/jsx(Select$2, {
       value: articleList.find(function (a) {
         return a.value == articleCodex;
@@ -31085,6 +31091,7 @@ function useWysiwyg$1(_ref) {
         hideMobileFolder: true,
         showSettingsFolder: true,
         hideRalColorFilter: false,
+        showOptionCodexInOptionHeader: true,
         hideSearchBar: false,
         alwaysShowSearchBar: true,
         displayMetaDatas: ['codex'],
@@ -31445,6 +31452,7 @@ var Toolbar = function Toolbar(_ref) {
       });
       if (_tool) {
         root.contentStore.openedToolId = _tool.id;
+        root.contentStore.toolPinned = !!_tool.defaultPinned;
         root.contentStore.hideTools = false;
       }
     }
@@ -31474,6 +31482,7 @@ var Toolbar = function Toolbar(_ref) {
           onClick: function onClick() {
             if (root.contentStore.openedToolId != t.id) {
               root.contentStore.openedToolId = t.id;
+              root.contentStore.toolPinned = !!t.defaultPinned;
               root.contentStore.hideTools = false;
             } else {
               root.contentStore.hideTools = !root.contentStore.hideTools;