@crystaldesign/diva-backoffice 24.13.0-beta.26 → 24.13.0-beta.28

package/build/esm/index.js

@@ -29841,7 +29841,7 @@ function PackageSelector(_ref) {
   });
 }
 
-function useModule (currentModules) {
+function useModule$1 (currentModules) {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -30051,7 +30051,7 @@ function useModule (currentModules) {
 function TableProperties () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useModule = useModule(['properties']),
+  var _useModule = useModule$1(['properties']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
@@ -30632,7 +30632,7 @@ function useConfiguration (configuration) {
   };
 }
 
-function PrefilterSelector (_ref) {
+function PrefilterSelector$1 (_ref) {
   var type = _ref.type,
     packageId = _ref.packageId,
     selectedSerie = _ref.selectedSerie,
@@ -30708,7 +30708,7 @@ var RenamingTable = function RenamingTable(_ref) {
     config = _ref.config;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useModule = useModule(['renaming', type]),
+  var _useModule = useModule$1(['renaming', type]),
     packageId = _useModule.packageId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
@@ -30743,7 +30743,7 @@ var RenamingTable = function RenamingTable(_ref) {
               return updateNavigation(id);
             },
             enricherService: apiConfig.enricherService
-          }), /*#__PURE__*/jsx(PrefilterSelector, {
+          }), /*#__PURE__*/jsx(PrefilterSelector$1, {
             type: type == 'items' ? 'item' : type == 'options' ? 'option' : type,
             packageId: packageId,
             selectedSerie: selectedSerie,
@@ -31182,7 +31182,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedFeature = _React$useState4[0],
     setSelectedFeature = _React$useState4[1];
-  var _useModule = useModule(['exclusivity', type]),
+  var _useModule = useModule$1(['exclusivity', type]),
     packageId = _useModule.packageId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
@@ -31218,7 +31218,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
               return updateNavigation(id);
             },
             enricherService: apiConfig.enricherService
-          }), /*#__PURE__*/jsx(PrefilterSelector, {
+          }), /*#__PURE__*/jsx(PrefilterSelector$1, {
             type: type.slice(1) //remove the first character 'e' from the type
             ,
             packageId: packageId,
@@ -31272,7 +31272,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
 function TableTabGroups () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useModule = useModule(['tabgroups']),
+  var _useModule = useModule$1(['tabgroups']),
     packageId = _useModule.packageId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
@@ -31447,7 +31447,7 @@ function useNavigation () {
     searchParams = _useSearchParams2[0];
   var navigate = useNavigate();
   var _useParams = useParams(),
-    catalogId = _useParams.packageId;
+    catalogId = _useParams.catalogId;
 
   /**
    *
@@ -31473,7 +31473,61 @@ function TableCatalogs () {
     t = _useTranslation.t;
   var _useNavigation = useNavigation(),
     organizationId = _useNavigation.organizationId,
-    apiConfig = _useNavigation.apiConfig;
+    apiConfig = _useNavigation.apiConfig,
+    updateNavigation = _useNavigation.updateNavigation;
+  var formatDic = {
+    A: t('backoffice.idmCatalogEditor.items.label.arbeitsplattenhersteller'),
+    B: t('backoffice.idmCatalogEditor.items.label.badmoebelhersteller'),
+    G: t('backoffice.idmCatalogEditor.items.label.geraetehersteller'),
+    K: t('backoffice.idmCatalogEditor.items.label.kuechenmöbelhersteller'),
+    O: t('backoffice.idmCatalogEditor.items.label.bueromoebelhersteller'),
+    P: t('backoffice.idmCatalogEditor.items.label.polstermoebelhersteller'),
+    S: t('backoffice.idmCatalogEditor.items.label.sanitaerhersteller'),
+    W: t('backoffice.idmCatalogEditor.items.label.wohnmoebelhersteller'),
+    Z: t('backoffice.idmCatalogEditor.items.label.zubehoerhersteller')
+  };
+  var catalogMarkDic = {
+    K: t('backoffice.idmCatalog.general.label.catalogMark.K'),
+    B: t('backoffice.idmCatalog.general.label.catalogMark.B'),
+    V: t('backoffice.idmCatalog.general.label.catalogMark.V'),
+    F: t('backoffice.idmCatalog.general.label.catalogMark.F')
+  };
+  var formOfAddressDic = {
+    1: t('backoffice.idmCatalog.general.label.formOfAddress.1'),
+    2: t('backoffice.idmCatalog.general.label.formOfAddress.2')
+  };
+  var priceDependentDic = {
+    0: t('backoffice.idmCatalog.general.label.priceDependent.0'),
+    1: t('backoffice.idmCatalog.general.label.priceDependent.1')
+  };
+  var unitDic = {
+    0: t('backoffice.idmCatalog.general.label.unit.0'),
+    1: t('backoffice.idmCatalog.general.label.unit.1'),
+    10: t('backoffice.idmCatalog.general.label.unit.10'),
+    100: t('backoffice.idmCatalog.general.label.unit.100'),
+    1000: t('backoffice.idmCatalog.general.label.unit.1000'),
+    1000000: t('backoffice.idmCatalog.general.label.unit.1000000'),
+    1000000000: t('backoffice.idmCatalog.general.label.unit.1000000000')
+  };
+
+  /*formatValue: (value: number) => {
+                      const displayNames: { [key: number]: string } = {
+                        0: 'Stückpreis',
+                        1: 'mm',
+                        10: 'cm',
+                        100: 'cm²',
+                        1000: 'm oder cm³',
+                        1000000: 'm²',
+                        1000000000: 'm³',
+                      };
+                      return value + ' - ' + displayNames[value];
+                    },*/
+
+  var roundingTypeDic = {
+    1: t('backoffice.idmCatalog.general.label.roundingType.1'),
+    2: t('backoffice.idmCatalog.general.label.roundingType.2'),
+    3: t('backoffice.idmCatalog.general.label.roundingType.3')
+  };
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -31489,6 +31543,13 @@ function TableCatalogs () {
     }), /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'catalogs-grid',
       applicationData: applicationData,
+      rowActions: [{
+        icon: /*#__PURE__*/jsx(EditOutlined, {}),
+        action: function action(_ref) {
+          var selectedNodes = _ref.selectedNodes;
+          updateNavigation(selectedNodes[0].data._id, ['items']);
+        }
+      }],
       configuration: {
         type: 'dotnetSSM',
         apiInterface: {
@@ -31565,21 +31626,9 @@ function TableCatalogs () {
             field: 'format',
             cellDataType: 'enum',
             customParams: {
-              values: ['A', 'B', 'G', 'K', 'O', 'P', 'S', 'W', 'Z'],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  A: 'Arbeitsplattenhersteller',
-                  B: 'Badmöbelhersteller',
-                  G: 'Gerätehersteller',
-                  K: 'Küchenmöbelhersteller',
-                  O: 'Büromöbelhersteller',
-                  P: 'Polstermöbelhersteller',
-                  S: 'Sanitärhersteller',
-                  W: 'Wohnmöbelhersteller',
-                  Z: 'Zubehörhersteller'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: formatDic,
+              values: Object.keys(formatDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }]
         }, {
@@ -31637,16 +31686,9 @@ function TableCatalogs () {
             field: 'catalogMark',
             cellDataType: 'enum',
             customParams: {
-              values: ['K', 'B', 'V', 'G'],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  K: 'Katalogdaten',
-                  B: 'Blockdaten mit Preisen',
-                  V: 'Blockdaten ohne (aber fiktiven) Preise',
-                  F: 'Korrekturupdate'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: catalogMarkDic,
+              values: Object.keys(catalogMarkDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.catalogMergeType',
@@ -31759,14 +31801,9 @@ function TableCatalogs () {
             field: 'formOfAddress1',
             cellDataType: 'enum',
             customParams: {
-              values: [1, 2],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  1: 'Frau',
-                  2: 'Herr'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: formOfAddressDic,
+              values: Object.keys(formOfAddressDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.department',
@@ -31809,14 +31846,9 @@ function TableCatalogs () {
             field: 'formOfAddress2',
             cellDataType: 'enum',
             customParams: {
-              values: [1, 2],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  1: 'Frau',
-                  2: 'Herr'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: formOfAddressDic,
+              values: Object.keys(formOfAddressDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.department',
@@ -31854,95 +31886,54 @@ function TableCatalogs () {
             field: 'widthX',
             cellDataType: 'enum',
             customParams: {
-              values: [0, 1],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  0: 'default',
-                  1: 'Preis abhängig von der Breite'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: priceDependentDic,
+              values: Object.keys(priceDependentDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.depthY',
             field: 'depthY',
             cellDataType: 'enum',
             customParams: {
-              values: [0, 1],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  0: 'default',
-                  1: 'Preis abhängig von der Tiefe'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: priceDependentDic,
+              values: Object.keys(priceDependentDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.heightZ',
             field: 'heightZ',
             cellDataType: 'enum',
             customParams: {
-              values: [0, 1],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  0: 'default',
-                  1: 'Preis abhängig von der Höhe'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: priceDependentDic,
+              values: Object.keys(priceDependentDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.basicUnit',
             field: 'basicUnit',
             cellDataType: 'enum',
             customParams: {
-              values: [0, 1, 10, 100, 1000, 1000000, 1000000000],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  0: 'Stückpreis',
-                  1: 'mm',
-                  10: 'cm',
-                  100: 'cm²',
-                  1000: 'm oder cm³',
-                  1000000: 'm²',
-                  1000000000: 'm³'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: unitDic,
+              values: Object.keys(unitDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.roundingUnit',
             field: 'roundingUnit',
             cellDataType: 'enum',
             customParams: {
-              values: [0, 1, 10, 100, 1000, 1000000, 1000000000],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  0: 'Stückpreis',
-                  1: 'mm',
-                  10: 'cm',
-                  100: 'cm²',
-                  1000: 'm oder cm³',
-                  1000000: 'm²',
-                  1000000000: 'm³'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: unitDic,
+              values: Object.keys(unitDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.roundingType',
             field: 'roundingType',
             cellDataType: 'enum',
             customParams: {
-              values: [1, 2, 3],
-              formatValue: function formatValue(value) {
-                var displayNames = {
-                  1: 'aufrunden',
-                  10: 'abrunden',
-                  100: 'kaufmännisches Runden'
-                };
-                return value + ' - ' + displayNames[value];
-              }
+              displayTexts: roundingTypeDic,
+              values: Object.keys(roundingTypeDic),
+              displayLabelTemplate: '${name} (${value})'
             }
           }, {
             headerName: 'backoffice.idmCatalog.general.label.basicPriceDependent',
@@ -31986,6 +31977,477 @@ function TableCatalogs () {
   });
 }
 
+function CatalogSelector(_ref) {
+  var selectedCatalog = _ref.selectedCatalog,
+    setSelectedCatalog = _ref.setSelectedCatalog,
+    idmService = _ref.idmService;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(SimpleSelect, {
+    apiInterface: {
+      read: idmService + '/v3.0/catalogs'
+    },
+    apiMapping: {
+      type: 'query',
+      map: [{
+        globalValue: 'organizationId',
+        targetField: 'organizationId'
+      }]
+    },
+    selectMapping: {
+      label: '${name}',
+      value: '${_id}'
+    },
+    title: t('backoffice.idmCatalog.catalogs.label.catalogId'),
+    value: {
+      _id: selectedCatalog
+    },
+    onChange: function onChange(value) {
+      return setSelectedCatalog(value._id);
+    },
+    search: true,
+    style: {
+      width: 200
+    }
+  });
+}
+
+function PrefilterSelector (_ref) {
+  var type = _ref.type,
+    catalogId = _ref.catalogId,
+    selectedSerie = _ref.selectedSerie,
+    setSelectedSerie = _ref.setSelectedSerie,
+    selectedFeature = _ref.selectedFeature,
+    setSelectedFeature = _ref.setSelectedFeature,
+    idmService = _ref.idmService;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [type === 'item' && /*#__PURE__*/jsx(SimpleSelect, {
+      apiInterface: {
+        read: idmService + '/v3.0/catalogs/' + catalogId + '/series'
+      },
+      selectMapping: {
+        label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
+        value: '${_id}'
+      },
+      autoSelectFirst: true,
+      title: t('backoffice.menu.items.label.IDMCatalogEditorTable.serie'),
+      value: selectedSerie,
+      onChange: function onChange(value) {
+        return setSelectedSerie ? setSelectedSerie(value) : null;
+      },
+      search: true,
+      style: {
+        width: 200
+      }
+    }), type === 'option' && /*#__PURE__*/jsx(SimpleSelect, {
+      apiInterface: {
+        read: idmService + '/v3.0/catalogs/' + catalogId + '/features'
+      },
+      selectMapping: {
+        label: "${featureText.".concat(i18n.language.toLocaleUpperCase(), "} (${featureNo})"),
+        value: '${_id}'
+      },
+      autoSelectFirst: true,
+      title: t('backoffice.menu.items.label.IDMCatalogEditorTable.serie'),
+      value: selectedFeature,
+      onChange: function onChange(value) {
+        return setSelectedFeature ? setSelectedFeature(value) : null;
+      },
+      search: true,
+      style: {
+        width: 200
+      }
+    })]
+  });
+}
+
+function useModule (currentModules) {
+  var root = useStore();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useNavigation = useNavigation(),
+    updateNavigation = _useNavigation.updateNavigation,
+    organizationId = _useNavigation.organizationId,
+    apiConfig = _useNavigation.apiConfig,
+    catalogId = _useNavigation.catalogId;
+  var location = useLocation();
+  var _useSearchParams = useSearchParams(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
+    searchParams = _useSearchParams2[0];
+  var menuItems = useMemo(function () {
+    return [{
+      key: 'items',
+      style: {
+        margin: 0
+      },
+      icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+      label: /*#__PURE__*/jsx(Link, {
+        to: 'catalogs/idm/catalogs/' + catalogId + '/items' + (searchParams ? '?' + searchParams.toString() : ''),
+        children: t('backoffice.menu.items.label.IDMCatalogEditorTableItems')
+      })
+    }];
+  }, [catalogId]);
+  if (!catalogId) throw new Error('catalogId is required');
+  var updateNavigationModule = useCallback(function (currentCatalog) {
+    var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
+    updateNavigation(currentCatalog, modules, '../');
+  }, [updateNavigation]);
+  useEffect(function () {
+    root.contentStore.updateAdditionalElement('catalogs', menuItems, currentModules);
+  }, [menuItems, location.pathname]);
+
+  //updating tools
+
+  useEffect(function () {
+    var tools = [];
+    if (catalogId) tools.push({
+      name: 'Konfigurator',
+      parameters: {
+        packageId: catalogId
+      },
+      type: 'Configurator',
+      id: 'WYSIWYG',
+      startWidth: 600,
+      defaultPinned: true
+    });
+    root.contentStore.tools = tools;
+    return function () {
+      root.contentStore.tools = [];
+    };
+  }, [catalogId]);
+  return {
+    updateNavigation: updateNavigationModule,
+    organizationId: organizationId,
+    apiConfig: apiConfig,
+    catalogId: catalogId
+  };
+}
+
+function TableItems () {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useModule = useModule(['items']),
+    catalogId = _useModule.catalogId,
+    updateNavigation = _useModule.updateNavigation,
+    apiConfig = _useModule.apiConfig,
+    organizationId = _useModule.organizationId;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedSerie = _React$useState2[0],
+    setSelectedSerie = _React$useState2[1];
+  var itemIdentificationDic = {
+    K: t('backoffice.idmCatalogEditor.items.label.catalogArticle'),
+    1: t('backoffice.idmCatalogEditor.items.label.planningAdvice'),
+    2: t('backoffice.idmCatalogEditor.items.label.combination')
+  };
+  var typeKeyDic = {
+    1: t('backoffice.idmCatalogEditor.items.label.sessel'),
+    2: t('backoffice.idmCatalogEditor.items.label.clubchair'),
+    3: t('backoffice.idmCatalogEditor.items.label.relaxSessel'),
+    4: t('backoffice.idmCatalogEditor.items.label.longChair'),
+    5: t('backoffice.idmCatalogEditor.items.label.sofa'),
+    6: t('backoffice.idmCatalogEditor.items.label.zwischenlement'),
+    7: t('backoffice.idmCatalogEditor.items.label.eckelement'),
+    8: t('backoffice.idmCatalogEditor.items.label.einzelliege'),
+    9: t('backoffice.idmCatalogEditor.items.label.hocker'),
+    10: t('backoffice.idmCatalogEditor.items.label.kissen'),
+    11: t('backoffice.idmCatalogEditor.items.label.anstelltisch'),
+    12: t('backoffice.idmCatalogEditor.items.label.esstisch'),
+    13: t('backoffice.idmCatalogEditor.items.label.kombinationen'),
+    14: t('backoffice.idmCatalogEditor.items.label.abschlusselement'),
+    15: t('backoffice.idmCatalogEditor.items.label.bettsofa'),
+    16: t('backoffice.idmCatalogEditor.items.label.sitzbank'),
+    17: t('backoffice.idmCatalogEditor.items.label.stuhl'),
+    18: t('backoffice.idmCatalogEditor.items.label.fussbank'),
+    19: t('backoffice.idmCatalogEditor.items.label.kopfstuetze'),
+    20: t('backoffice.idmCatalogEditor.items.label.leuchten'),
+    21: t('backoffice.idmCatalogEditor.items.label.teppiche'),
+    22: t('backoffice.idmCatalogEditor.items.label.kleinteile'),
+    23: t('backoffice.idmCatalogEditor.items.label.polsterbetten'),
+    24: t('backoffice.idmCatalogEditor.items.label.polsterbettgestelle'),
+    25: t('backoffice.idmCatalogEditor.items.label.metrage'),
+    26: t('backoffice.idmCatalogEditor.items.label.sonstiges')
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Descriptions$1, {
+      title: /*#__PURE__*/jsxs("div", {
+        children: [t('backoffice.menu.items.label.IDMCatalogEditor.items'), /*#__PURE__*/jsxs(Space$1, {
+          style: {
+            "float": 'right'
+          },
+          children: [/*#__PURE__*/jsx(CatalogSelector, {
+            selectedCatalog: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(id) {
+              return updateNavigation(id);
+            },
+            idmService: apiConfig.idmService
+          }), /*#__PURE__*/jsx(PrefilterSelector, {
+            type: 'item',
+            catalogId: catalogId,
+            selectedSerie: selectedSerie,
+            setSelectedSerie: setSelectedSerie,
+            idmService: apiConfig.idmService
+          })]
+        })]
+      })
+    }), selectedSerie && /*#__PURE__*/jsx(Spreadsheet, {
+      gridId: 'crud-grid_items',
+      applicationData: {
+        organizationId: organizationId,
+        catalogId: catalogId
+      },
+      configuration: {
+        type: 'dotnetSSM',
+        idCol: 'typeNo',
+        apiInterface: {
+          read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items',
+          create: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items',
+          restore: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items/${typeNo}',
+          "delete": apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items/${typeNo}',
+          update: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items/${typeNo}'
+        },
+        dateFormat: 'LL',
+        floatingFilter: true,
+        colDef: [{
+          field: 'typeNo'
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.items.label.priceTypeRef',
+          field: 'priceTypeRef',
+          cellDataType: 'number'
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.sequenceNo',
+          field: 'sequenceNo',
+          cellDataType: 'number'
+        }, {
+          headerName: 'backoffice.idmCatalog.common.label.texts',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.shortText',
+            marryChildren: true,
+            children: [{
+              field: 'shortText.DE',
+              headerName: 'backoffice.idmEnricher.general.label.DE',
+              isDictionary: true
+            }, {
+              field: 'shortText.EN',
+              headerName: 'backoffice.idmEnricher.general.label.EN',
+              isDictionary: true
+            }, {
+              field: 'shortText.FR',
+              headerName: 'backoffice.idmEnricher.general.label.FR',
+              isDictionary: true
+            }, {
+              field: 'shortText.IT',
+              headerName: 'backoffice.idmEnricher.general.label.IT',
+              isDictionary: true
+            }]
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.planningAdvice',
+            marryChildren: true,
+            children: [{
+              field: 'planningAdvice.DE',
+              headerName: 'backoffice.idmEnricher.general.label.DE',
+              isDictionary: true
+            }, {
+              field: 'planningAdvice.EN',
+              headerName: 'backoffice.idmEnricher.general.label.EN',
+              isDictionary: true
+            }, {
+              field: 'planningAdvice.FR',
+              headerName: 'backoffice.idmEnricher.general.label.FR',
+              isDictionary: true
+            }, {
+              field: 'planningAdvice.IT',
+              headerName: 'backoffice.idmEnricher.general.label.IT',
+              isDictionary: true
+            }]
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.articleNumbers',
+          children: [{
+            headerName: 'backoffice.idmCatalogEditor.items.label.edpNumber',
+            field: 'edpNumber'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.eanNumber',
+            field: 'eanNumber'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.salesNumber',
+            field: 'salesNumber'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.items.itemIdentification',
+            field: 'itemIdentification',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: itemIdentificationDic,
+              values: Object.keys(itemIdentificationDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.common',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.items.typeKey',
+            field: 'typeKey',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: typeKeyDic,
+              values: Object.keys(typeKeyDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.eClassNo',
+            field: 'eClassNo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.catalogPage',
+            field: 'catalogPage'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.minimumDeliveryTime',
+            field: 'minimumDeliveryTime',
+            cellDataType: 'number'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.configurator',
+          children: [{
+            headerName: 'backoffice.idmCatalogEditor.items.label.partListExclusive',
+            field: 'partListExclusive',
+            cellDataType: 'boolean'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.partlist',
+            field: 'partListRef',
+            cellDataType: 'lookup',
+            customParams: {
+              nameField: 'partListRef',
+              apiInterface: {
+                read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/partlists'
+              },
+              lookupValue: 'partlistKey',
+              lookupKey: 'partlistKey'
+            }
+          }, {
+            field: 'decisionRefs',
+            headerName: 'backoffice.idmCatalogEditor.items.label.decisionRefs',
+            cellDataType: 'lookup',
+            editable: true,
+            customParams: {
+              nameField: 'decisionRefsDisplayTexts',
+              filterCellType: 'number',
+              displayLabelTemplate: '${name} (${value})',
+              apiInterface: {
+                read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/decisions'
+              },
+              lookupValue: 'decisionText',
+              lookupKey: 'decisionNo',
+              lookupKeyFilterType: {
+                type: 'equals',
+                filterType: 'number'
+              },
+              multiple: true,
+              translated: true
+            },
+            additionalFields: ['decisionRefsDisplayTexts'],
+            isDictionary: true
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.validation',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.validFromDate',
+            field: 'validFromDate',
+            cellDataType: 'dateString'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.validUntilDate',
+            field: 'validUntilDate',
+            cellDataType: 'dateString'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.measurements',
+          children: [{
+            headerName: 'backoffice.idmCatalogEditor.items.label.weightBrutto',
+            field: 'weightBrutto',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.weightNetto',
+            field: 'weightNetto',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.volume',
+            field: 'volume',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeNominalValue',
+            field: 'widthBasicShapeNominalValue',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeFrom',
+            field: 'widthBasicShapeFrom',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeTo',
+            field: 'widthBasicShapeTo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeStepSize',
+            field: 'widthBasicShapeStepSize',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeNominalValue',
+            field: 'heightBasicShapeNominalValue',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeFrom',
+            field: 'heightBasicShapeFrom',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeTo',
+            field: 'heightBasicShapeTo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeStepSize',
+            field: 'heightBasicShapeStepSize',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeNominalValue',
+            field: 'depthBasicShapeNominalValue',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeFrom',
+            field: 'depthBasicShapeFrom',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeTo',
+            field: 'depthBasicShapeTo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeStepSize',
+            field: 'depthBasicShapeStepSize',
+            cellDataType: 'number'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.lastUpdatedDate',
+          field: 'lastUpdatedDate',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.createdDate',
+          field: 'createdDate',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.createdBy',
+          field: 'createdByDisplayText',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.lastUpdatedBy',
+          field: 'lastUpdatedByDisplayText',
+          editable: false
+        }]
+      }
+    })]
+  });
+}
+
 function IDMCatalogEditor (_ref) {
   _objectDestructuringEmpty(_ref);
   return /*#__PURE__*/jsx("div", {
@@ -31998,12 +32460,15 @@ function IDMCatalogEditor (_ref) {
   });
 }
 function Content$1() {
-  return /*#__PURE__*/jsx(Routes, {
-    children: /*#__PURE__*/jsx(Route, {
+  return /*#__PURE__*/jsxs(Routes, {
+    children: [/*#__PURE__*/jsx(Route, {
       index: true,
       path: "",
       element: /*#__PURE__*/jsx(TableCatalogs, {})
-    })
+    }), /*#__PURE__*/jsx(Route, {
+      path: ":catalogId/items",
+      element: /*#__PURE__*/jsx(TableItems, {})
+    })]
   }) /*at the moment nothing else*/;
 }
 

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/CatalogSelector/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export default function CatalogSelector({ selectedCatalog, setSelectedCatalog, idmService, }: {
+    selectedCatalog: string | undefined;
+    setSelectedCatalog: (id: string) => void;
+    idmService: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/CatalogSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/components/CatalogSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,eAAe,EACf,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB,qBA0BA"}

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/PrefilterSelector/index.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-export default function ({ type, packageId, selectedSerie, setSelectedSerie, selectedFeature, setSelectedFeature, enricherService, dataSet, }: {
+export default function ({ type, catalogId, selectedSerie, setSelectedSerie, selectedFeature, setSelectedFeature, idmService, }: {
     type: string;
-    packageId: string;
-    selectedSerie: any;
-    setSelectedSerie: (value: any) => void;
-    selectedFeature: any;
-    setSelectedFeature: (value: any) => void;
-    enricherService: string;
-    dataSet: 'lookup' | 'exclusivities';
+    catalogId: string;
+    selectedSerie?: any;
+    setSelectedSerie?: (value: any) => void;
+    selectedFeature?: any;
+    setSelectedFeature?: (value: any) => void;
+    idmService: string;
 }): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/PrefilterSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/components/PrefilterSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,WAAW,EACvB,IAAI,EACJ,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,OAAO,GACR,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,GAAG,CAAC;IACnB,gBAAgB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,QAAQ,GAAG,eAAe,CAAC;CACrC,qBAqCA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/components/PrefilterSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,WAAW,EACvB,IAAI,EACJ,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;CACpB,qBAqCA"}

package/build/types/backoffice/src/ui/IDMCatalogEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/IDMCatalogEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,KAAK;IACb,aAAa,EAAE,6BAA6B,CAAC;IAC7C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,EAAE,KAAK,qBAMjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/IDMCatalogEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAGxD,UAAU,KAAK;IACb,aAAa,EAAE,6BAA6B,CAAC;IAC7C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,EAAE,KAAK,qBAMjC"}

package/build/types/backoffice/src/ui/IDMCatalogEditor/modules/TableCatalogs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/modules/TableCatalogs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAWlD,MAAM,CAAC,OAAO,gCAonBb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/modules/TableCatalogs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,MAAM,CAAC,OAAO,gCAgnBb"}

package/build/types/backoffice/src/ui/IDMCatalogEditor/modules/TableItems/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function (): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/IDMCatalogEditor/modules/TableItems/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/modules/TableItems/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,OAAO,gCAmXb"}

package/build/types/backoffice/src/ui/IDMCatalogEditor/useModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModule.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/IDMCatalogEditor/useModule.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,WAAW,cAAc,EAAE,MAAM,EAAE;uCAW5B,MAAM,YAAW,MAAM,EAAE;;;;EAmC7C"}
+{"version":3,"file":"useModule.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/IDMCatalogEditor/useModule.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,WAAW,cAAc,EAAE,MAAM,EAAE;uCAyB5B,MAAM,YAAW,MAAM,EAAE;;;;EAmC7C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "24.13.0-beta.26",
+  "version": "24.13.0-beta.28",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -15,13 +15,13 @@
   "dependencies": {
     "@ant-design/icons": "5.4.0",
     "@babel/runtime": "7.24.7",
-    "@crystaldesign/content-box": "24.13.0-beta.26",
-    "@crystaldesign/content-item": "24.13.0-beta.26",
-    "@crystaldesign/diva-core": "24.13.0-beta.26",
-    "@crystaldesign/diva-utils": "24.13.0-beta.26",
-    "@crystaldesign/media-upload": "24.13.0-beta.26",
-    "@crystaldesign/rtf-editor": "24.13.0-beta.26",
-    "@crystaldesign/spreadsheet": "24.13.0-beta.26",
+    "@crystaldesign/content-box": "24.13.0-beta.28",
+    "@crystaldesign/content-item": "24.13.0-beta.28",
+    "@crystaldesign/diva-core": "24.13.0-beta.28",
+    "@crystaldesign/diva-utils": "24.13.0-beta.28",
+    "@crystaldesign/media-upload": "24.13.0-beta.28",
+    "@crystaldesign/rtf-editor": "24.13.0-beta.28",
+    "@crystaldesign/spreadsheet": "24.13.0-beta.28",
     "@google/model-viewer": "3.5.0",
     "ag-charts-community": "^10.1.0",
     "ag-charts-react": "^10.1.0",
@@ -51,5 +51,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "89c730a9a4e7010fb4d6465656bf90c716f15c0e"
+  "gitHead": "d44cd5dd9f3b58f1bf238e887457b710ab453dba"
 }

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/PackageSelector/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export default function PackageSelector({ selectedPackage, setSelectedPackage, enricherService, }: {
-    selectedPackage: string | undefined;
-    setSelectedPackage: (id: string) => void;
-    enricherService: string;
-}): React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/PackageSelector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/components/PackageSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,eAAe,EACf,kBAAkB,EAClB,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,CAAC;CACzB,qBA0BA"}