@crystaldesign/diva-backoffice 24.9.0-beta.9 → 24.9.0-rc.0

package/build/esm/index.js

@@ -71,7 +71,7 @@ import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import JSONEditor from 'jsoneditor';
 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, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
+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 { Editor } from '@tinymce/tinymce-react';
 import { stringify } from 'csv';
 import InfiniteScroll from 'react-infinite-scroll-component';
@@ -113,6 +113,7 @@ import Descriptions$1 from 'antd/es/descriptions';
 import Space$1 from 'antd/es/space';
 import { Spreadsheet } from '@crystaldesign/spreadsheet';
 import EditOutlined from '@ant-design/icons/lib/icons/EditOutlined';
+import UploadOutlined$1 from '@ant-design/icons/lib/icons/UploadOutlined';
 import Switch$1 from 'antd/es/switch';
 import Layout$1 from 'antd/es/layout';
 import Menu from 'antd/es/menu';
@@ -14146,12 +14147,12 @@ var ApiKey = function ApiKey(_ref) {
       value: _value,
       placeholder: placeholder,
       style: {
-        width: '90%'
+        width: '85%'
       }
     }), /*#__PURE__*/jsx(Button, {
       onClick: generateApiKey,
       style: {
-        width: '10%'
+        width: '15%'
       },
       children: t('backoffice.apikey.generate')
     })]
@@ -21674,6 +21675,7 @@ var SMChart = function SMChart(props) {
   var hasPermission = userHasPermission(props.permission);
   var darkmode = root.contentStore.theme === 'darkmode';
   return hasPermission ? /*#__PURE__*/jsx(Histogram, {
+    visibleState: props.visibleState,
     field: props.field,
     interval: props.interval,
     topPics: props.topPics,
@@ -21711,6 +21713,10 @@ var TableWrapper = function TableWrapper(_ref) {
     setAutoRefresh = _useState2[1];
   var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    analyticsVisible = _useState4[0],
+    setAnalyticsVisible = _useState4[1];
   useEffect(function () {
     if (!state.loading && state.configuration.canRefresh) state.triggerRefresh();
   }, [root.dataStore.selectedOrganizationId]);
@@ -21792,7 +21798,27 @@ var TableWrapper = function TableWrapper(_ref) {
             style: {
               "float": 'right'
             },
-            children: [state.configuration.clientRelations && state.configuration.variant !== 'CatalogTable' && /*#__PURE__*/jsx(Fragment, {
+            children: [state.configuration.histogram && state.configuration.histogram.type == 'default' && /*#__PURE__*/jsx(Button, {
+              type: "default",
+              size: 'middle',
+              onClick: function onClick() {
+                return setAnalyticsVisible(!analyticsVisible);
+              },
+              children: /*#__PURE__*/jsx(SMChart, {
+                field: state.configuration.histogram.field,
+                interval: state.configuration.histogram.interval,
+                topPics: state.configuration.histogram.topPics,
+                from: state.configuration.histogram.from,
+                to: state.configuration.histogram.to,
+                filter: state.configuration.histogram.filter,
+                description: state.configuration.histogram.description,
+                title: state.configuration.histogram.title.text,
+                apiTranslation: state.configuration.histogram.apiTranslation,
+                component: state.configuration.histogram.component,
+                permission: state.configuration.histogram.permission,
+                visibleState: [analyticsVisible, setAnalyticsVisible]
+              })
+            }), state.configuration.clientRelations && state.configuration.variant !== 'CatalogTable' && /*#__PURE__*/jsx(Fragment, {
               children: /*#__PURE__*/jsx(SelectClientRelationCatalog, {
                 onSelectedCatalog: state.onSelectedCatalog,
                 dontLoadCatalogData: state.configuration.dontLoadCatalogData
@@ -21899,32 +21925,26 @@ var TableWrapper = function TableWrapper(_ref) {
               }) : undefined,
               mappingData: state.mappingData
             }, 'create')]
-          }), state.configuration.histogram && state.configuration.histogram.type == 'applicationStatus' && /*#__PURE__*/jsx(AGHistogram, {
-            footnote: state.configuration.histogram.footnote,
-            height: state.configuration.histogram.height,
-            width: state.configuration.histogram.width,
-            sizeItems: state.configuration.histogram.sizeItems,
-            subtitle: state.configuration.histogram.subtitle,
-            title: state.configuration.histogram.title,
-            mapping: state.configuration.histogram.mapping,
-            apiInterface: state.configuration.histogram.apiInterface,
-            globalFilter: state.globalFilter,
-            stackMapping: state.configuration.histogram.stackMapping,
-            tooltipText: state.configuration.histogram.tooltipText,
-            headerText: state.configuration.histogram.headerText,
-            filterField: state.configuration.histogram.field
-          }), state.configuration.histogram && state.configuration.histogram.type == 'default' && /*#__PURE__*/jsx(SMChart, {
-            field: state.configuration.histogram.field,
-            interval: state.configuration.histogram.interval,
-            topPics: state.configuration.histogram.topPics,
-            from: state.configuration.histogram.from,
-            to: state.configuration.histogram.to,
-            filter: state.configuration.histogram.filter,
-            description: state.configuration.histogram.description,
-            title: state.configuration.histogram.title.text,
-            apiTranslation: state.configuration.histogram.apiTranslation,
-            component: state.configuration.histogram.component,
-            permission: state.configuration.histogram.permission
+          }), state.configuration.histogram && state.configuration.histogram.type == 'applicationStatus' && /*#__PURE__*/jsx("button", {
+            onClick: function onClick() {
+              return setAnalyticsVisible(!analyticsVisible);
+            },
+            children: /*#__PURE__*/jsx(AGHistogram, {
+              footnote: state.configuration.histogram.footnote,
+              height: state.configuration.histogram.height,
+              width: state.configuration.histogram.width,
+              sizeItems: state.configuration.histogram.sizeItems,
+              subtitle: state.configuration.histogram.subtitle,
+              title: state.configuration.histogram.title,
+              mapping: state.configuration.histogram.mapping,
+              apiInterface: state.configuration.histogram.apiInterface,
+              globalFilter: state.globalFilter,
+              stackMapping: state.configuration.histogram.stackMapping,
+              tooltipText: state.configuration.histogram.tooltipText,
+              headerText: state.configuration.histogram.headerText,
+              filterField: state.configuration.histogram.field
+              //visibleState={visibleState}
+            })
           })]
         })
       })
@@ -22148,10 +22168,10 @@ function BulkAction(_ref6) {
       return state.selected.includes(d._id);
     })) || [];
   }, [state.selected, state.data]);
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showPopover = _useState4[0],
-    setShowPopover = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showPopover = _useState6[0],
+    setShowPopover = _useState6[1];
   var allowed = useMemo(function () {
     // if isValue is not set check if all fields have the same value, otherwise check if all fields have the given isValue
     if (!action.rule) return true;
@@ -26485,7 +26505,7 @@ function PackageSelector(_ref) {
   });
 }
 
-var config = {
+var config$6 = {
   detailInfos: {
     colDef: [{
       field: '_id',
@@ -26996,31 +27016,31 @@ function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 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; }
 var exclusivityTypes = [{
   label: 'series',
-  data: _objectSpread$4(_objectSpread$4({}, config['series']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['series']), {}, {
     value: 'series'
   }),
   value: 'series'
 }, {
   label: 'features',
-  data: _objectSpread$4(_objectSpread$4({}, config['features']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['features']), {}, {
     value: 'features'
   }),
   value: 'features'
 }, {
   label: 'detailInfos',
-  data: _objectSpread$4(_objectSpread$4({}, config['detailInfos']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['detailInfos']), {}, {
     value: 'detailInfos'
   }),
   value: 'detailInfos'
 }, {
   label: 'serieItems',
-  data: _objectSpread$4(_objectSpread$4({}, config['serieItems']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['serieItems']), {}, {
     value: 'serieItems'
   }),
   value: 'serieItems'
 }, {
   label: 'featureOptions',
-  data: _objectSpread$4(_objectSpread$4({}, config['featureOptions']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['featureOptions']), {}, {
     value: 'featureOptions'
   }),
   value: 'featureOptions'
@@ -27159,7 +27179,9 @@ function TableExclusivity () {
         colDef: [{
           field: 'active',
           editable: true,
-          cellDataType: 'boolean'
+          cellDataType: 'boolean',
+          pinned: 'left',
+          lockPinned: true
         }].concat(_toConsumableArray(selectedType.colDef), [{
           field: 'lastUpdatedDate',
           filter: 'date',
@@ -27222,6 +27244,42 @@ function TablePackages () {
         action: function action(_ref) {
           var selectedNodes = _ref.selectedNodes;
           updateNavigation(selectedNodes[0].data._id, 'renaming');
+        },
+        disabled: function disabled(_ref2) {
+          var selectedNodes = _ref2.selectedNodes;
+          return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId;
+        }
+      }, {
+        icon: /*#__PURE__*/jsx(UploadOutlined$1, {}),
+        name: t('backoffice.idmEnricher.packages.label.publish'),
+        action: function () {
+          var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
+            var selectedNodes, context;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  selectedNodes = _ref3.selectedNodes, context = _ref3.context;
+                  _context.next = 3;
+                  return context === null || context === void 0 ? void 0 : context.updateServerData(selectedNodes[0].data, {
+                    update: apiConfig.enricherService + '/packages/${_id}/publish',
+                    usePut: true
+                  });
+                case 3:
+                  context === null || context === void 0 || context.reset();
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function action(_x) {
+            return _action.apply(this, arguments);
+          }
+          return action;
+        }(),
+        disabled: function disabled(_ref4) {
+          var selectedNodes = _ref4.selectedNodes;
+          return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId;
         }
       }],
       configuration: {
@@ -27232,21 +27290,49 @@ function TablePackages () {
           "delete": apiConfig.enricherService + '/packages/${_id}',
           update: apiConfig.enricherService + '/packages/${_id}'
         },
-        dateFormat: 'LL',
+        dateFormat: 'DD.MM.YYYY, HH:mm:ss',
         floatingFilter: true,
         colDef: [{
+          field: 'isPublished',
+          headerName: t('backoffice.idmEnricher.packages.label.published'),
+          valueGetter: function valueGetter(params) {
+            var _params$data, _params$data2;
+            var publishDate = (_params$data = params.data) !== null && _params$data !== void 0 && _params$data.publishDate ? new Date(params.data.publishDate) : undefined;
+            var lastUpdatedDate = (_params$data2 = params.data) !== null && _params$data2 !== void 0 && _params$data2.lastUpdatedDate ? new Date(params.data.lastUpdatedDate) : undefined;
+            if (!publishDate) return false;
+            if (!lastUpdatedDate) return !!publishDate;
+            if (publishDate < lastUpdatedDate) return undefined;
+            return true;
+          },
+          editable: false,
+          cellDataType: 'boolean',
+          pinned: 'left',
+          lockPinned: true,
+          doRefresh: true,
+          cellRendererParams: {
+            disabled: true
+          },
+          tooltipValueGetter: function tooltipValueGetter(params) {
+            return params.value == undefined ? t('backoffice.idmEnricher.packages.label.unpublishedChanges') : undefined;
+          }
+        }, {
+          headerName: t('backoffice.idmEnricher.packages.label.name'),
           field: 'name',
           filter: 'text',
           required: true
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.catalogId'),
           field: 'basedCatalogId',
-          headerName: 'basedCatalogId (TODO: onOff required)',
           filter: 'text',
           type: 'lookup',
+          editable: function editable(_ref5) {
+            var data = _ref5.data;
+            return !data.isPublished && !data.basedPackageId;
+          },
           cellRendererParams: {
             displayField: 'basedCatalogName',
             apiInterface: {
-              read: apiConfig.enricherService + '/v3.0/catalogs?organizationId=${organizationId}'
+              read: apiConfig.idmService + '/v3.0/catalogs?organizationId=${organizationId}'
             },
             lookupValue: 'name',
             lookupKey: '_id'
@@ -27255,40 +27341,63 @@ function TablePackages () {
           field: 'basedCatalogName',
           hide: true
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.packageId'),
           field: 'basedPackageId',
-          headerName: 'basedPackageId (TODO: onOff required)',
           filter: 'text',
           type: 'lookup',
+          editable: function editable(_ref6) {
+            var data = _ref6.data;
+            return !data.isPublished && !data.basedCatalogId;
+          },
           cellRendererParams: {
             displayField: 'basedPackageName',
             apiInterface: {
               read: apiConfig.enricherService + '/packages?organizationId=${organizationId}'
             },
             lookupValue: 'name',
-            lookupKey: '_id'
+            lookupKey: '_id',
+            filter: function filter(rowData, lookupData) {
+              return rowData._id !== lookupData._id;
+            }
           }
         }, {
           field: 'basedPackageName',
           hide: true
         }, {
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedDate'),
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.general.label.createdDate'),
           field: 'createdDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.publishDate'),
+          field: 'publishDate',
+          filter: 'date',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: t('backoffice.idmEnricher.general.label.createdBy'),
           field: 'createdByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedBy'),
           field: 'lastUpdatedByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.publishedBy'),
+          field: 'publishedByDisplayText',
+          filter: 'text',
+          editable: false
+        }, {
+          headerName: t('backoffice.idmEnricher.general.label._id'),
           field: '_id',
           filter: 'text',
           editable: false
@@ -27296,6 +27405,8 @@ function TablePackages () {
           field: 'organizationId',
           editable: false,
           hide: true,
+          lockVisible: true,
+          suppressColumnsToolPanel: true,
           defaultValue: '${organizationId}'
         }]
       }
@@ -27351,7 +27462,7 @@ function TableProperties () {
         colDef: [{
           field: 'key',
           headerName: 'Key',
-          cellDataType: 'string'
+          filter: 'text'
         }, {
           headerName: 'Name',
           marryChildren: true,
@@ -27409,7 +27520,7 @@ function TableProperties () {
           cellRendererParams: {
             displayField: 'featureNosDisplayTexts',
             apiInterface: {
-              read: apiConfig.enricherService + 'packages/${packageId}/lookup/feature'
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/feature'
             },
             lookupValue: 'featureText',
             lookupKey: 'featureNo',
@@ -27430,7 +27541,7 @@ function TableProperties () {
           cellRendererParams: {
             displayField: 'optionKeysDisplayTexts',
             apiInterface: {
-              read: apiConfig.enricherService + 'packages/${packageId}/lookup/option'
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/option'
             },
             lookupValue: 'optionText',
             lookupKey: 'optionKey',
@@ -27451,7 +27562,7 @@ function TableProperties () {
           cellRendererParams: {
             displayField: 'serieNosDisplayTexts',
             apiInterface: {
-              read: apiConfig.enricherService + 'packages/${packageId}/lookup/serie'
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/serie'
             },
             lookupValue: 'seriesName',
             lookupKey: 'serieNo',
@@ -27472,7 +27583,7 @@ function TableProperties () {
           cellRendererParams: {
             displayField: 'typeNosDisplayTexts',
             apiInterface: {
-              read: apiConfig.enricherService + 'packages/${packageId}/lookup/item'
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/item'
             },
             lookupValue: 'shortText',
             lookupKey: 'typeNo',
@@ -27518,557 +27629,1448 @@ function TableProperties () {
   });
 }
 
-var tableConfiguration = {
-  catalog: {
-    colDef: [{
-      field: 'name',
+var config$5 = {
+  colDef: [{
+    field: 'translatedName',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origName'
+    }
+  }, {
+    field: 'origName',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedComment',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origComment'
+    }
+  }, {
+    field: 'origComment',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    headerName: 'catalogName',
+    marryChildren: true,
+    children: [{
+      field: 'translatedCatalogName.de',
+      headerName: 'DE',
+      isDictionary: true,
       filter: 'text',
-      required: true
-    }, {
-      field: 'comment',
-      filter: 'text'
-    }, {
-      headerName: 'catalogName',
-      marryChildren: 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.it',
-        headerName: 'IT',
-        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.it',
-        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',
-      type: 'enum',
+      type: 'withPlaceHolder',
       cellRendererParams: {
-        options: [{
-          value: 0,
-          label: {
-            de: 'Herr'
-          }
-        }, {
-          value: 1,
-          label: {
-            de: 'Frau'
-          }
-        }]
+        placeHolderField: 'origCatalogName.de'
       }
     }, {
-      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',
+      field: 'translatedCatalogName.en',
+      headerName: 'EN',
+      isDictionary: true,
       filter: 'text',
-      editable: true,
-      type: 'enum',
-      cellRendererParams: {
-        options: []
-      }
-    }, {
-      field: 'contactPersonNo2',
-      filter: 'text'
-    }, {
-      field: 'contactRole2',
-      filter: 'text'
-    }, {
-      field: 'contactName2',
-      filter: 'text'
-    }, {
-      field: 'firstName2',
-      filter: 'text'
-    }, {
-      field: 'formOfAddress2',
-      filter: 'number',
-      type: 'enum',
+      type: 'withPlaceHolder',
       cellRendererParams: {
-        options: [{
-          value: 0,
-          label: {
-            de: 'Herr'
-          }
-        }, {
-          value: 1,
-          label: {
-            de: 'Frau'
-          }
-        }]
+        placeHolderField: 'origCatalogName.en'
       }
     }, {
-      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',
+      field: 'translatedCatalogName.fr',
+      headerName: 'FR',
+      isDictionary: true,
       filter: 'text',
-      editable: true,
-      type: 'enum',
+      type: 'withPlaceHolder',
       cellRendererParams: {
-        options: []
+        placeHolderField: 'origCatalogName.fr'
       }
     }, {
-      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',
+      field: 'translatedCatalogName.it',
+      headerName: 'IT',
+      isDictionary: true,
       filter: 'text',
-      editable: true,
-      type: 'enum',
+      type: 'withPlaceHolder',
       cellRendererParams: {
-        options: []
+        placeHolderField: 'origCatalogName.it'
       }
-    }, {
-      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: 'catalogName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origCatalogName.de',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'externalName ',
-      marryChildren: true,
-      children: [{
-        field: 'externalName.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'externalName.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'externalName.fr',
-        headerName: 'FE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'externalName.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origCatalogName.en',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'internalName',
-      marryChildren: 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'
-      }, {
-        field: 'internalName.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origCatalogName.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'toolTip',
-      marryChildren: 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'
-      }, {
-        field: 'toolTip.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origCatalogName.it',
+      hide: true,
+      isDictionary: true
     }]
-  },
-  feature: {
-    colDef: [{
-      field: 'featureNo',
+  }, {
+    headerName: 'catalogInfo',
+    marryChildren: true,
+    children: [{
+      field: 'translatedCatalogInfo.de',
+      headerName: 'DE',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.de'
+      }
     }, {
-      headerName: 'featureText',
-      marryChildren: 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'
-      }, {
-        field: 'featureText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
-    }]
-  },
-  item: {
-    colDef: [{
-      field: 'serieNo',
+      field: 'translatedCatalogInfo.en',
+      headerName: 'EN',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.en'
+      }
     }, {
-      field: 'sequenceNo',
+      field: 'translatedCatalogInfo.fr',
+      headerName: 'FR',
+      isDictionary: true,
       filter: 'text',
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.fr'
+      }
     }, {
-      field: 'typeNo',
+      field: 'translatedCatalogInfo.it',
+      headerName: 'FR',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
-    }, {
-      field: 'edpNumber',
-      filter: 'text'
-    }, {
-      field: 'eanNumber',
-      filter: 'text'
-    }, {
-      headerName: 'shortText',
-      marryChildren: true,
-      children: [{
-        field: 'shortText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'shortText.ne',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'shortText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'shortText.it',
-        headerName: 'IT',
-        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'
-      }, {
-        field: 'fullText.it',
-        headerName: 'IT',
-        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: 'planningAdvice.it',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }]
-    }, {
-      field: 'salesNumber',
-      filter: 'text'
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.it'
+      }
     }]
-  },
-  option: {
-    colDef: [{
-      field: 'featureNo',
-      filter: 'text',
-      required: true,
-      editable: false
+  }, {
+    headerName: 'catalogInfo',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origCatalogInfo.de',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'optionKey',
-      filter: 'text',
-      required: true,
-      editable: false
+      field: 'origCatalogInfo.en',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'optionText',
-      marryChildren: true,
-      children: [{
-        field: 'optionText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origCatalogInfo.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'optionCommentText',
-      marryChildren: true,
-      children: [{
-        field: 'optionCommentText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionCommentText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionCommentText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionCommentText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origCatalogInfo.it',
+      hide: true,
+      isDictionary: true
     }]
-  },
-  serie: {
-    colDef: [{
-      field: 'serieNo',
-      filter: 'text',
-      required: true,
-      editable: false
-    }, {
-      headerName: 'seriesName',
-      marryChildren: true,
-      required: true,
-      children: [{
-        field: 'seriesName.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesName.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesName.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesName.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
+  }, {
+    headerName: 'ContactPersonNo1',
+    field: 'translatedContactPersonNo1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactPersonNo1'
+    }
+  }, {
+    field: 'origContactPersonNo1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactRole1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactRole1'
+    }
+  }, {
+    field: 'origContactRole1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactName1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactName1'
+    }
+  }, {
+    field: 'origContactName1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFirstName1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFirstName1'
+    }
+  }, {
+    field: 'origFirstName1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFormOfAddress1',
+    filter: 'number',
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origFormOfAddress1',
+      options: [{
+        value: 0,
+        label: {
+          de: 'Herr'
+        }
+      }, {
+        value: 1,
+        label: {
+          de: 'Frau'
+        }
       }]
-    }, {
-      headerName: 'seriesFullText',
-      marryChildren: true,
-      children: [{
-        field: 'seriesFullText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesFullText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesFullText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesFullText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
+    }
+  }, {
+    field: 'origFormOfAddress1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedDepartment1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origDepartment1'
+    }
+  }, {
+    field: 'origDepartment1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedTelephone1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origTelephone1'
+    }
+  }, {
+    field: 'origTelephone1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFax1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFax1'
+    }
+  }, {
+    field: 'origFax1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEmail1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEmail1'
+    }
+  }, {
+    field: 'origEmail1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedStreet1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origStreet1'
+    }
+  }, {
+    field: 'origStreet1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodeStreet1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodeStreet1'
+    }
+  }, {
+    field: 'origZipCodeStreet1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedCity1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origCity1'
+    }
+  }, {
+    field: 'origCity1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedIsoCountryId1',
+    filter: 'text',
+    editable: true,
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origIsoCountryId1',
+      options: []
+    }
+  }, {
+    field: 'origIsoCountryId1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactPersonNo2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactPersonNo2'
+    }
+  }, {
+    field: 'origContactPersonNo2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactRole2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactRole2'
+    }
+  }, {
+    field: 'origContactRole2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactName2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactName2'
+    }
+  }, {
+    field: 'origContactName2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFirstName2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFirstName2'
+    }
+  }, {
+    field: 'origFirstName2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFormOfAddress2',
+    filter: 'number',
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origFormOfAddress2',
+      options: [{
+        value: 0,
+        label: {
+          de: 'Herr'
+        }
+      }, {
+        value: 1,
+        label: {
+          de: 'Frau'
+        }
       }]
-    }]
-  }
-};
-var renamingTypes = [{
-  label: 'catalog',
-  data: 'catalog',
-  value: 'catalog'
-}, {
-  label: 'detailInfo',
+    }
+  }, {
+    field: 'origFormOfAddress2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedDepartment2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origDepartment2'
+    }
+  }, {
+    field: 'origDepartment2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedTelephone2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origTelephone2'
+    }
+  }, {
+    field: 'origTelephone2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFax2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFax2'
+    }
+  }, {
+    field: 'origFax2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEmail2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEmail2'
+    }
+  }, {
+    field: 'origEmail2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedStreet2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origStreet2'
+    }
+  }, {
+    field: 'origStreet2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodeStreet2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodeStreet2'
+    }
+  }, {
+    field: 'origZipCodeStreet2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedCity2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origCity2'
+    }
+  }, {
+    field: 'origCity2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedIsoCountryId2',
+    filter: 'text',
+    editable: true,
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origIsoCountryId2',
+      options: []
+    }
+  }, {
+    field: 'origIsoCountryId2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedManufactureName1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origManufactureName1'
+    }
+  }, {
+    field: 'origManufactureName1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedManufactureName2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origManufactureName2'
+    }
+  }, {
+    field: 'origManufactureName2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEmail',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEmail'
+    }
+  }, {
+    field: 'origEmail',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedInternetAddress',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origInternetAddress'
+    }
+  }, {
+    field: 'origInternetAddress',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedStreet',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origStreet'
+    }
+  }, {
+    field: 'origStreet',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodeStreet',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodeStreet'
+    }
+  }, {
+    field: 'origZipCodeStreet',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedCity',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origCity'
+    }
+  }, {
+    field: 'origCity',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactSupplierIsoCountryId',
+    filter: 'text',
+    editable: true,
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origContactSupplierIsoCountryId',
+      options: []
+    }
+  }, {
+    field: 'origContactSupplierIsoCountryId',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodePostBox',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodePostBox'
+    }
+  }, {
+    field: 'origZipCodePostBox',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedPostBox',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origPostBox'
+    }
+  }, {
+    field: 'origPostBox',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedTelephoneSwitchboard',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origTelephoneSwitchboard'
+    }
+  }, {
+    field: 'origTelephoneSwitchboard',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFaxSwitchboard',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFaxSwitchboard'
+    }
+  }, {
+    field: 'origFaxSwitchboard',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }]
+};
+
+var config$4 = {
+  colDef: [{
+    field: 'detailInfoNo',
+    filter: 'number',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'externalName ',
+    marryChildren: true,
+    children: [{
+      field: 'translatedExternalName.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.de'
+      }
+    }, {
+      field: 'translatedExternalName.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.en'
+      }
+    }, {
+      field: 'translatedExternalName.fr',
+      headerName: 'FE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.fr'
+      }
+    }, {
+      field: 'translatedExternalName.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.it'
+      }
+    }]
+  }, {
+    headerName: 'OrigExternalName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origExternalName.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origExternalName.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origExternalName.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origExternalName.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'internalName',
+    marryChildren: true,
+    children: [{
+      field: 'translatedInternalName.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origInternalName.de'
+      }
+    }, {
+      field: 'translatedInternalName.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origInternalName.en'
+      }
+    }, {
+      field: 'translatedInternalName.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origInternalName.fr'
+      }
+    }, {
+      field: 'translatedInternalName.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origInternalName.it'
+      }
+    }]
+  }, {
+    headerName: 'origInternalName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origInternalName.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origInternalName.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origInternalName.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origInternalName.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'toolTip',
+    marryChildren: true,
+    children: [{
+      field: 'translatedToolTip.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.de'
+      }
+    }, {
+      field: 'translatedToolTip.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.en'
+      }
+    }, {
+      field: 'translatedToolTip.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.fr'
+      }
+    }, {
+      field: 'translatedToolTip.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.it'
+      }
+    }]
+  }, {
+    headerName: 'origToolTip',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origToolTip.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origToolTip.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origToolTip.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origToolTip.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }]
+};
+
+var config$3 = {
+  colDef: [{
+    field: 'featureNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'featureText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedFeatureText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.de'
+      }
+    }, {
+      field: 'translatedFeatureText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.en'
+      }
+    }, {
+      field: 'translatedFeatureText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.fr'
+      }
+    }, {
+      field: 'translatedFeatureText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.it'
+      }
+    }]
+  }, {
+    headerName: 'origFeatureText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origFeatureText.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFeatureText.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFeatureText.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFeatureText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }]
+};
+
+var config$2 = {
+  colDef: [{
+    field: 'serieNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    field: 'sequenceNo',
+    filter: 'text',
+    editable: false
+  }, {
+    field: 'typeNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    field: 'translatedEdpNumber',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEdpNumber'
+    }
+  }, {
+    field: 'origEdpNumber',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEanNumber',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEanNumber'
+    }
+  }, {
+    field: 'origEanNumber',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    headerName: 'shortText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedShortText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.de'
+      }
+    }, {
+      field: 'translatedShortText.ne',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.en'
+      }
+    }, {
+      field: 'translatedShortText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.fr'
+      }
+    }, {
+      field: 'translatedShortText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.it'
+      }
+    }]
+  }, {
+    headerName: 'origShortText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origShortText.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origShortText.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origShortText.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origShortText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'fullText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedFullText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFullText.de'
+      }
+    }, {
+      field: 'translatedFullText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFullText.en'
+      }
+    }, {
+      field: 'translatedFullText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFullText.fr'
+      }
+    }, {
+      field: 'translatedFullText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFullText.it'
+      }
+    }]
+  }, {
+    headerName: 'origFullText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origFullText.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFullText.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFullText.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFullText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'planningAdvice',
+    marryChildren: true,
+    children: [{
+      field: 'translatedPlanningAdvice.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.de'
+      }
+    }, {
+      field: 'translatedPlanningAdvice.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.en'
+      }
+    }, {
+      field: 'translatedPlanningAdvice.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.fr'
+      }
+    }, {
+      field: 'translatedPlanningAdvice.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.it'
+      }
+    }]
+  }, {
+    headerName: 'origPlanningAdvice',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origPlanningAdvice.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origPlanningAdvice.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origPlanningAdvice.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origPlanningAdvice.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    field: 'translatedSalesNumber',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origSalesNumber'
+    }
+  }, {
+    field: 'origSalesNumber',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }]
+};
+
+var config$1 = {
+  colDef: [{
+    field: 'featureNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    field: 'optionKey',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'optionText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedOptionText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.de'
+      }
+    }, {
+      field: 'translatedOptionText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.en'
+      }
+    }, {
+      field: 'translatedOptionText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.fr'
+      }
+    }, {
+      field: 'translatedOptionText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.it'
+      }
+    }]
+  }, {
+    headerName: 'origOptionText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origOptionText.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origOptionText.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origOptionText.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origOptionText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'optionCommentText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedOptionCommentText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.de'
+      }
+    }, {
+      field: 'translatedOptionCommentText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.en'
+      }
+    }, {
+      field: 'translatedOptionCommentText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.fr'
+      }
+    }, {
+      field: 'translatedOptionCommentText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.it'
+      }
+    }]
+  }, {
+    headerName: 'origOptionCommentText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origOptionCommentText.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origOptionCommentText.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origOptionCommentText.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origOptionCommentText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }]
+};
+
+var config = {
+  colDef: [{
+    field: 'serieNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'seriesName',
+    marryChildren: true,
+    required: true,
+    children: [{
+      field: 'translatedSeriesName.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.de'
+      }
+    }, {
+      field: 'translatedSeriesName.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.en'
+      }
+    }, {
+      field: 'translatedSeriesName.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.fr'
+      }
+    }, {
+      field: 'translatedSeriesName.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.it'
+      }
+    }]
+  }, {
+    headerName: 'origSeriesName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origSeriesName.de',
+      isDictionary: true,
+      hide: true
+    }, {
+      field: 'origSeriesName.en',
+      isDictionary: true,
+      hide: true
+    }, {
+      field: 'origSeriesName.fr',
+      isDictionary: true,
+      hide: true
+    }, {
+      field: 'origSeriesName.it',
+      isDictionary: true,
+      hide: true
+    }]
+  }, {
+    headerName: 'seriesFullText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedSeriesFullText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.de'
+      }
+    }, {
+      field: 'translatedSeriesFullText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.en'
+      }
+    }, {
+      field: 'translatedSeriesFullText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.fr'
+      }
+    }, {
+      field: 'translatedSeriesFullText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.it'
+      }
+    }]
+  }, {
+    headerName: 'origSeriesFullText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origSeriesFullText.de',
+      isDictionary: true,
+      hide: true
+    }, {
+      field: 'origSeriesFullText.en',
+      isDictionary: true,
+      hide: true
+    }, {
+      field: 'origSeriesFullText.fr',
+      isDictionary: true,
+      hide: true
+    }, {
+      field: 'origSeriesFullText.it',
+      isDictionary: true,
+      hide: true
+    }]
+  }]
+};
+
+var tableConfiguration = {
+  catalog: config$5,
+  detailInfo: config$4,
+  feature: config$3,
+  item: config$2,
+  option: config$1,
+  serie: config
+};
+var renamingTypes = [{
+  label: 'catalog',
+  data: 'catalog',
+  value: 'catalog'
+}, {
+  label: 'detailInfo',
   data: 'detailInfo',
   value: 'detailInfo'
 }, {
@@ -28309,7 +29311,7 @@ function TableTabGroups () {
           cellRendererParams: {
             displayField: 'featureNosDisplayTexts',
             apiInterface: {
-              read: apiConfig.enricherService + 'packages/${packageId}/lookup/feature'
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/feature'
             },
             lookupValue: 'featureText',
             lookupKey: 'featureNo',
@@ -29045,7 +30047,8 @@ styleInject(css_248z$3);
 
 var wrapper = "wrapper-wuBie";
 var select = "select-w181d";
-var css_248z$2 = ".wrapper-wuBie {\n  display: flex;\n  gap: 16px;\n  margin: 8px;\n  justify-content: space-evenly;\n}\n\n.select-w181d {\n  z-index: 10000;\n  margin: 8px;\n  flex-grow: 0.8;\n}\n.select-w181d div {\n  border-color: grey !important;\n}\n.select-w181d div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n";
+var button = "button-g8Tp4";
+var css_248z$2 = ".wrapper-wuBie {\n  display: flex;\n  gap: 16px;\n  margin: 8px;\n  justify-content: start;\n}\n\n.select-w181d {\n  z-index: 1000;\n  margin: 8px;\n  flex-grow: 0.8;\n  min-width: 100px;\n}\n.select-w181d div {\n  border-color: grey !important;\n}\n.select-w181d div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n.button-g8Tp4 {\n  width: 40px;\n  justify-content: center;\n}\n";
 styleInject(css_248z$2);
 
 var ArticleSelection = function ArticleSelection(_ref) {
@@ -29097,7 +30100,12 @@ var ArticleSelection = function ArticleSelection(_ref) {
   }, [articleList]);
   return /*#__PURE__*/jsxs("div", {
     className: wrapper,
-    children: [/*#__PURE__*/jsx(PushpinOutlined, {
+    children: [!root.contentStore.toolPinned && /*#__PURE__*/jsx(PushpinOutlined, {
+      onClick: function onClick() {
+        return root.contentStore.toolPinned = !root.contentStore.toolPinned;
+      },
+      className: button
+    }), root.contentStore.toolPinned && /*#__PURE__*/jsx(PushpinFilled, {
       onClick: function onClick() {
         return root.contentStore.toolPinned = !root.contentStore.toolPinned;
       }
@@ -29112,7 +30120,8 @@ var ArticleSelection = function ArticleSelection(_ref) {
     }), /*#__PURE__*/jsx(ReloadOutlined$1, {
       onClick: function onClick() {
         return setDoReset(true);
-      }
+      },
+      className: button
     })]
   });
 };
@@ -29215,9 +30224,15 @@ function useWysiwyg(_ref) {
       });
     }
   }, [doReset]);
+  useEffect(function () {
+    if (articleCodex) {
+      setDoReset(true);
+      setArticleCodex(undefined);
+    }
+  }, [tool.parameters.packageId]);
   var onEventCalled = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
-      var catalogData, articles, key, article;
+      var _articles$, catalogData, articles, key, article;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -29233,6 +30248,7 @@ function useWysiwyg(_ref) {
                 });
               }
               setArticleList(articles);
+              if (articleCodex === undefined && articles !== null && articles !== void 0 && (_articles$ = articles[0]) !== null && _articles$ !== void 0 && _articles$.value) setArticleCodex(articles[0].value);
             }
             if (e.type === 'navigatedToOption') {
               setCurrentNav(e.data.optionCodex);
@@ -29295,7 +30311,7 @@ function useWysiwyg(_ref) {
         autoFocusForInput: true,
         hideWarningDuringUserInput: false,
         cssVariables: {
-          primaryColor: '#db3433',
+          primaryColor: '#001529',
           secondaryColor: '#4a4543',
           thirdColor: '#F3F3F3'
         },
@@ -29415,7 +30431,7 @@ var draghandle = "draghandle-f5b0N";
 var midHandle = "mid-handle--qh50";
 var toolItem = "tool-item-KyKgQ";
 var sel = "sel-iUm8X";
-var css_248z$1 = ".wrapper-njnwX {\n  position: absolute;\n  top: 0px;\n}\n.tools-selector-BHV3Z {\n  width: 36px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 16px;\n  align-items: center;\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n  padding-top: 16px;\n  height: 100%;\n}\n\n.container-BucHG {\n  right: 37px;\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: #fff;\n  z-index: 100;\n}\n\n.pinned-vk2AT.container-BucHG {\n  position: relative;\n  right: auto;\n  right: initial;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  height: 100%;\n  top: 0px;\n  left: 0;\n  width: 2px;\n  cursor: ew-resize;\n  background-color: gray;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  width: 5px;\n  height: 32px;\n  background-color: #fff;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  padding: 10px;\n  text-orientation: mixed;\n  cursor: pointer;\n  position: relative;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  width: 3px;\n  height: 0px;\n  left: 0;\n  bottom: 50%;\n  background-color: rgba(255, 255, 255, 0.85);\n  transition: all ease-in-out 0.2s;\n}\n.tool-item-KyKgQ:hover::after,\n.sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n";
+var css_248z$1 = ".wrapper-njnwX {\n  position: absolute;\n  top: 0px;\n}\n.tools-selector-BHV3Z {\n  z-index: 2000;\n  width: 36px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 16px;\n  align-items: center;\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n  padding-top: 16px;\n  height: 100%;\n}\n\n.container-BucHG {\n  right: 37px;\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: #fff;\n  z-index: 100;\n}\n\n.pinned-vk2AT.container-BucHG {\n  position: relative;\n  right: auto;\n  right: initial;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  height: 100%;\n  top: 0px;\n  left: 0;\n  width: 2px;\n  cursor: ew-resize;\n  background-color: gray;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  width: 5px;\n  height: 32px;\n  background-color: #fff;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  padding: 10px;\n  text-orientation: mixed;\n  cursor: pointer;\n  position: relative;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  width: 3px;\n  height: 0px;\n  left: 0;\n  bottom: 50%;\n  background-color: rgba(255, 255, 255, 0.85);\n  transition: all ease-in-out 0.2s;\n}\n.tool-item-KyKgQ:hover::after,\n.sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n";
 styleInject(css_248z$1);
 
 var overlay = "overlay-Dr5pn";