@crystaldesign/diva-backoffice 25.8.0-beta.20 → 25.8.0-beta.21

package/build/esm/index.js

@@ -123,6 +123,7 @@ import WarningOutlined from '@ant-design/icons/lib/icons/WarningOutlined';
 import Modal$3 from 'antd/es/modal';
 import Spin$1 from 'antd/es/spin';
 import Flex from 'antd/es/flex';
+import { useTranslation as useTranslation$1 } from 'react-i18next';
 import JSZip from 'jszip';
 import { DropzoneAreaBase } from 'react-mui-dropzone';
 import Switch$1 from 'antd/es/switch';
@@ -17039,7 +17040,7 @@ var JsonEditor$2 = function JsonEditor(_ref) {
   });
 };
 
-var _excluded$3 = ["key", "name"];
+var _excluded$4 = ["key", "name"];
 function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormList$2 = function FormList(_ref) {
@@ -17075,7 +17076,7 @@ var FormList$2 = function FormList(_ref) {
         children: [fields.map(function (_ref3) {
           var key = _ref3.key,
             name = _ref3.name,
-            restField = _objectWithoutProperties(_ref3, _excluded$3);
+            restField = _objectWithoutProperties(_ref3, _excluded$4);
           return /*#__PURE__*/jsxs("div", {
             id: key.toString(),
             style: {
@@ -17617,7 +17618,7 @@ var wrapper$6 = "wrapper-4xyke";
 var css_248z$u = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
 styleInject(css_248z$u);
 
-var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
+var _excluded$3 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
 function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
@@ -17631,7 +17632,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
     autoSelectFirst = _ref.autoSelectFirst,
     title = _ref.title,
     sharedState = _ref.sharedState,
-    selectProps = _objectWithoutProperties(_ref, _excluded$2);
+    selectProps = _objectWithoutProperties(_ref, _excluded$3);
   var state = useSelectSimpleData({
     apiInterface: apiInterface,
     selectMapping: selectMapping,
@@ -25631,7 +25632,7 @@ function LinkCell (_ref) {
   }
 }
 
-var _excluded$1 = ["index"],
+var _excluded$2 = ["index"],
   _excluded2 = ["children", "dataIndex", "record", "handleSave", "column"];
 function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -25639,7 +25640,7 @@ var LOG$4 = getLogger('Backoffice', 'CellRenderer');
 var EditableContext = /*#__PURE__*/React.createContext(null);
 var CustomRow = function CustomRow(_ref) {
   _ref.index;
-    var props = _objectWithoutProperties(_ref, _excluded$1);
+    var props = _objectWithoutProperties(_ref, _excluded$2);
   var _Form$useForm = Form$1.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -27528,7 +27529,7 @@ function filter(f, data) {
   }) : result;
 }
 
-var _excluded = ["_id"];
+var _excluded$1 = ["_id"];
 function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTableData$1 (_ref) {
@@ -27612,7 +27613,7 @@ function useTableData$1 (_ref) {
     setState(newState);
     var formData = new FormData();
     processedDataRow._id;
-      var value = _objectWithoutProperties(processedDataRow, _excluded);
+      var value = _objectWithoutProperties(processedDataRow, _excluded$1);
     apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$t(_objectSpread$t({}, catalogItem), {}, {
       filterContex: filterContex,
       value: JSON.stringify([value])
@@ -34873,24 +34874,24 @@ function getPriceFeatureGroups(selectedSerie, language) {
   if (!(selectedSerie !== null && selectedSerie !== void 0 && selectedSerie.pricefeaturegroups)) {
     return [];
   }
-  var priceFeatureGroups = (_selectedSerie$pricef = selectedSerie.pricefeaturegroups) === null || _selectedSerie$pricef === void 0 ? void 0 : _selectedSerie$pricef.map(function (priceFeatureGroups, i) {
+  var priceFeatureGroups = (_selectedSerie$pricef = selectedSerie.pricefeaturegroups) === null || _selectedSerie$pricef === void 0 ? void 0 : _selectedSerie$pricef.map(function (priceFeatureGroupKey, i) {
     var _selectedSerie$pricef2, _selectedSerie$pricef3;
     return {
-      id: priceFeatureGroups,
-      displayText: (_selectedSerie$pricef2 = (_selectedSerie$pricef3 = selectedSerie.pricefeaturegroupsDisplayTexts) === null || _selectedSerie$pricef3 === void 0 || (_selectedSerie$pricef3 = _selectedSerie$pricef3[i]) === null || _selectedSerie$pricef3 === void 0 ? void 0 : _selectedSerie$pricef3[language.toUpperCase()]) !== null && _selectedSerie$pricef2 !== void 0 ? _selectedSerie$pricef2 : priceFeatureGroups,
+      id: 'PRFG' + priceFeatureGroupKey,
+      displayText: (_selectedSerie$pricef2 = (_selectedSerie$pricef3 = selectedSerie.pricefeaturegroupsDisplayTexts) === null || _selectedSerie$pricef3 === void 0 || (_selectedSerie$pricef3 = _selectedSerie$pricef3[i]) === null || _selectedSerie$pricef3 === void 0 ? void 0 : _selectedSerie$pricef3[language.toUpperCase()]) !== null && _selectedSerie$pricef2 !== void 0 ? _selectedSerie$pricef2 : priceFeatureGroupKey,
       keys: [],
       keysDisplayTexts: []
     };
   });
-  (_selectedSerie$pricef4 = selectedSerie.pricefeaturegroupsKeys) === null || _selectedSerie$pricef4 === void 0 || _selectedSerie$pricef4.forEach(function (priceFeatureGroupKey, i) {
-    var pfgSplit = priceFeatureGroupKey.split('_');
-    var pfgId = pfgSplit[0].replace('PRFG', '');
+  (_selectedSerie$pricef4 = selectedSerie.pricefeaturegroupsKeys) === null || _selectedSerie$pricef4 === void 0 || _selectedSerie$pricef4.forEach(function (priceGroupKey, i) {
+    var pfgSplit = priceGroupKey.split('_');
+    var pfgId = pfgSplit[0];
     var pfg = priceFeatureGroups.find(function (pfg) {
       return pfg.id == pfgId;
     });
     if (pfg) {
       var _selectedSerie$pricef5;
-      pfg.keys.push(priceFeatureGroupKey);
+      pfg.keys.push(priceGroupKey);
       pfg.keysDisplayTexts.push((_selectedSerie$pricef5 = selectedSerie.pricefeaturegroupsKeysDisplayTexts) === null || _selectedSerie$pricef5 === void 0 || (_selectedSerie$pricef5 = _selectedSerie$pricef5[i]) === null || _selectedSerie$pricef5 === void 0 ? void 0 : _selectedSerie$pricef5[language.toUpperCase()]);
     }
   });
@@ -34903,18 +34904,33 @@ var disabled$1 = "disabled-Llkqu";
 var css_248z$b = ".wrapper-5t6RT {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.input-leHam {\n  position: relative;\n  width: 200px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  background: #ffffff;\n  padding: 0 11px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.darkmode .input-leHam {\n  background: #141414;\n  border: 1px solid #424242;\n}\n\n.input-leHam.disabled-Llkqu {\n  cursor: default;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.darkmode .input-leHam.disabled-Llkqu {\n  color: rgba(255, 255, 255, 0.25);\n}\n\n.input-leHam:hover {\n  border-color: #4096ff;\n}\n";
 styleInject(css_248z$b);
 
+var _excluded = ["onSave", "value"];
 function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function PriceFactorInput(props) {
+function PriceFactorInput(_ref) {
+  var _onSave = _ref.onSave,
+    value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
+  useEffect(function () {
+    setInnerValue(value);
+  }, [value]);
   return /*#__PURE__*/jsxs("div", {
     className: classnames(wrapper$3, props.className),
     children: [props.title, /*#__PURE__*/jsx(Tooltip$1, {
       title: props.tooltip,
       children: /*#__PURE__*/jsx("div", {
-        id: "price-factor-input",
-        className: classnames(input, _defineProperty({}, disabled$1, props.disabled)),
+        className: classnames(input, 'price-factor-input', _defineProperty({}, disabled$1, props.disabled)),
         children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$d(_objectSpread$d({}, props), {}, {
-          isNotInAGGrid: true
+          isNotInAGGrid: true,
+          value: innerValue,
+          onSave: function onSave(data, value) {
+            setInnerValue(value);
+            return _onSave(data, value);
+          }
         }))
       })
     })]
@@ -34923,9 +34939,46 @@ function PriceFactorInput(props) {
 
 var inputHeader = "input-header--4KDP";
 var factorInput = "factor-input-MX85Z";
-var css_248z$a = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z #price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z #price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
+var css_248z$a = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.input-header--4KDP .ag-header-group-cell-label {\n  width: 100%;\n  max-width: 250px;\n}\n\n.input-header--4KDP .ag-header-group-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z .price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z .price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
 styleInject(css_248z$a);
 
+function PriceFactorHeaderComponent(_ref) {
+  var onSave = _ref.onSave,
+    onPriorityChange = _ref.onPriorityChange,
+    priority = _ref.priority,
+    priorityForced = _ref.priorityForced,
+    value = _ref.value,
+    inputTooltip = _ref.inputTooltip,
+    checkboxTooltip = _ref.checkboxTooltip;
+  var _useTranslation = useTranslation$1(),
+    t = _useTranslation.t;
+  var _useState = useState(priority || priorityForced),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerChecked = _useState2[0],
+    setInnerChecked = _useState2[1];
+  useEffect(function () {
+    setInnerChecked(priority || priorityForced);
+  }, [priority, priorityForced]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(PriceFactorInput, {
+      onSave: onSave,
+      value: value,
+      className: factorInput,
+      tooltip: t(inputTooltip)
+    }), /*#__PURE__*/jsx(Tooltip$1, {
+      title: t("".concat(checkboxTooltip, ".").concat(priorityForced ? 'forced' : priority ? 'true' : 'false')),
+      children: /*#__PURE__*/jsx(Checkbox, {
+        checked: innerChecked,
+        disabled: priorityForced,
+        onChange: function onChange(e) {
+          setInnerChecked(e.target.checked);
+          onPriorityChange(e.target.checked);
+        }
+      })
+    })]
+  });
+}
+
 function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Prices = observer(function (_ref) {
@@ -34940,6 +34993,77 @@ var Prices = observer(function (_ref) {
     t = _useTranslation.t;
   var _useEnricherContext = useEnricherContext(['pricelists']),
     selectedSerie = _useEnricherContext.selectedSerie;
+  var updatePfgPriceFactor = useCallback(function (priceFeatureGroupItem, value) {
+    if (!selectedSerie) return;
+
+    // Create copies of the objects to modify
+    var newFactors = _objectSpread$c({}, pricelist.pfgPricefactors);
+    var serieFactors = _objectSpread$c({}, newFactors[selectedSerie.serieNo]);
+    if (value.length === 0) {
+      // Remove the empty price feature group
+      delete serieFactors[priceFeatureGroupItem];
+
+      // If serie factors is now empty, remove the entire serie entry
+      if (Object.keys(serieFactors).length === 0) {
+        delete newFactors[selectedSerie.serieNo];
+      } else {
+        newFactors[selectedSerie.serieNo] = serieFactors;
+      }
+
+      // If no more series exist, set pfgPricefactors to undefined
+      if (Object.keys(newFactors).length === 0) {
+        setNodeDataValue({
+          pfgPricefactors: undefined
+        });
+        return;
+      }
+    } else {
+      // Add/update the value
+      serieFactors[priceFeatureGroupItem] = value;
+      newFactors[selectedSerie.serieNo] = serieFactors;
+    }
+    setNodeDataValue({
+      pfgPricefactors: newFactors
+    });
+  }, [selectedSerie]);
+  var updatePfgPriority = useCallback(function (priceFeatureGroupItem, value) {
+    var _newPriority$selected;
+    if (!selectedSerie) return;
+    var newPriority = _objectSpread$c({}, pricelist.pfgPricefactorsPriority);
+    var seriesPriority = new Set((_newPriority$selected = newPriority[selectedSerie.serieNo]) !== null && _newPriority$selected !== void 0 ? _newPriority$selected : []);
+    if (value === true) {
+      seriesPriority.add(priceFeatureGroupItem);
+    } else {
+      seriesPriority["delete"](priceFeatureGroupItem);
+    }
+    if (seriesPriority.size === 0) {
+      delete newPriority[selectedSerie.serieNo];
+    } else {
+      newPriority[selectedSerie.serieNo] = Array.from(seriesPriority);
+    }
+    setNodeDataValue({
+      pfgPricefactorsPriority: newPriority
+    });
+  }, [selectedSerie]);
+  var updatePgPriority = useCallback(function (priceFeatureGroupItem, value) {
+    var _newPriority$selected2;
+    if (!selectedSerie) return;
+    var newPriority = _objectSpread$c({}, pricelist.pgPricefactorsPriority);
+    var seriesPriority = new Set((_newPriority$selected2 = newPriority[selectedSerie.serieNo]) !== null && _newPriority$selected2 !== void 0 ? _newPriority$selected2 : []);
+    if (value === true) {
+      seriesPriority.add(priceFeatureGroupItem);
+    } else {
+      seriesPriority["delete"](priceFeatureGroupItem);
+    }
+    if (seriesPriority.size === 0) {
+      delete newPriority[selectedSerie.serieNo];
+    } else {
+      newPriority[selectedSerie.serieNo] = Array.from(seriesPriority);
+    }
+    setNodeDataValue({
+      pgPricefactorsPriority: newPriority
+    });
+  }, [selectedSerie]);
   var updatePgPriceFactor = useCallback(function (priceFeatureGroupItem, value) {
     if (!selectedSerie) return;
 
@@ -35174,15 +35298,56 @@ var Prices = observer(function (_ref) {
         sortable: false,
         editable: false
       }].concat(_toConsumableArray((_priceFeatureGroups$m = priceFeatureGroups === null || priceFeatureGroups === void 0 ? void 0 : priceFeatureGroups.map(function (priceFeatureGroup) {
-        var _priceFeatureGroup$ke, _priceFeatureGroup$ke2;
+        var _pricelist$pfgPricefa, _pricelist$pfgPricefa2, _priceFeatureGroup$ke, _priceFeatureGroup$ke2;
         return {
           headerName: priceFeatureGroup.displayText,
+          headerClass: inputHeader,
+          headerGroupComponentParams: {
+            additionalElement: /*#__PURE__*/jsx(PriceFactorHeaderComponent, {
+              onSave: (/*#__PURE__*/function () {
+                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data, value) {
+                  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
+                      case 0:
+                        updatePfgPriceFactor(priceFeatureGroup.id, value);
+                      case 1:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }, _callee3);
+                }));
+                return function (_x5, _x6) {
+                  return _ref4.apply(this, arguments);
+                };
+              }()),
+              value: (_pricelist$pfgPricefa = pricelist.pfgPricefactors) === null || _pricelist$pfgPricefa === void 0 || (_pricelist$pfgPricefa = _pricelist$pfgPricefa[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) === null || _pricelist$pfgPricefa === void 0 ? void 0 : _pricelist$pfgPricefa[priceFeatureGroup.id],
+              onPriorityChange: (/*#__PURE__*/function () {
+                var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(value) {
+                  return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
+                      case 0:
+                        updatePfgPriority(priceFeatureGroup.id, value);
+                      case 1:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }, _callee4);
+                }));
+                return function (_x7) {
+                  return _ref5.apply(this, arguments);
+                };
+              }()),
+              priority: !!((_pricelist$pfgPricefa2 = pricelist.pfgPricefactorsPriority) !== null && _pricelist$pfgPricefa2 !== void 0 && (_pricelist$pfgPricefa2 = _pricelist$pfgPricefa2[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) !== null && _pricelist$pfgPricefa2 !== void 0 && _pricelist$pfgPricefa2.includes(priceFeatureGroup.id)),
+              inputTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pfg',
+              checkboxTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pfgPriority'
+            })
+          },
           marryChildren: true,
-          children: _toConsumableArray((_priceFeatureGroup$ke = (_priceFeatureGroup$ke2 = priceFeatureGroup.keys) === null || _priceFeatureGroup$ke2 === void 0 ? void 0 : _priceFeatureGroup$ke2.map(function (priceFeatureGroupItem, j) {
-            var _priceFeatureGroup$ke3, _pricelist$pgPricefac;
+          children: _toConsumableArray((_priceFeatureGroup$ke = (_priceFeatureGroup$ke2 = priceFeatureGroup.keys) === null || _priceFeatureGroup$ke2 === void 0 ? void 0 : _priceFeatureGroup$ke2.map(function (priceGroup, j) {
+            var _priceFeatureGroup$ke3, _pricelist$pgPricefac, _pricelist$pgPricefac2, _pricelist$pfgPricefa3;
             return {
-              headerName: priceFeatureGroupItem,
-              field: "prices.".concat(priceFeatureGroupItem),
+              headerName: priceGroup,
+              field: "prices.".concat(priceGroup),
               editable: !viewOnly,
               filter: false,
               sortable: false,
@@ -35192,31 +35357,49 @@ var Prices = observer(function (_ref) {
               cellRenderer: PriceDisplayCellRenderer,
               cellRendererParams: {
                 commas: pricelist.commas,
-                item: priceFeatureGroupItem
+                item: priceGroup
               },
-              additionalFields: ["origPrices.".concat(priceFeatureGroupItem)],
+              additionalFields: ["origPrices.".concat(priceGroup)],
               headerClass: inputHeader,
               headerComponentParams: {
-                additionalElement: /*#__PURE__*/jsx(PriceFactorInput, {
+                additionalElement: /*#__PURE__*/jsx(PriceFactorHeaderComponent, {
                   onSave: (/*#__PURE__*/function () {
-                    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data, value) {
-                      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-                        while (1) switch (_context3.prev = _context3.next) {
+                    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(data, value) {
+                      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+                        while (1) switch (_context5.prev = _context5.next) {
+                          case 0:
+                            updatePgPriceFactor(priceGroup, value);
+                          case 1:
+                          case "end":
+                            return _context5.stop();
+                        }
+                      }, _callee5);
+                    }));
+                    return function (_x8, _x9) {
+                      return _ref6.apply(this, arguments);
+                    };
+                  }()),
+                  value: (_pricelist$pgPricefac = pricelist.pgPricefactors) === null || _pricelist$pgPricefac === void 0 || (_pricelist$pgPricefac = _pricelist$pgPricefac[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) === null || _pricelist$pgPricefac === void 0 ? void 0 : _pricelist$pgPricefac[priceGroup],
+                  onPriorityChange: (/*#__PURE__*/function () {
+                    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(value) {
+                      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+                        while (1) switch (_context6.prev = _context6.next) {
                           case 0:
-                            updatePgPriceFactor(priceFeatureGroupItem, value);
+                            updatePgPriority(priceGroup, value);
                           case 1:
                           case "end":
-                            return _context3.stop();
+                            return _context6.stop();
                         }
-                      }, _callee3);
+                      }, _callee6);
                     }));
-                    return function (_x5, _x6) {
-                      return _ref4.apply(this, arguments);
+                    return function (_x10) {
+                      return _ref7.apply(this, arguments);
                     };
                   }()),
-                  value: (_pricelist$pgPricefac = pricelist.pgPricefactors) === null || _pricelist$pgPricefac === void 0 || (_pricelist$pgPricefac = _pricelist$pgPricefac[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) === null || _pricelist$pgPricefac === void 0 ? void 0 : _pricelist$pgPricefac[priceFeatureGroupItem],
-                  className: factorInput,
-                  tooltip: t('backoffice.idmCatalog.prices.priceFactor.label.pfg')
+                  priority: !!((_pricelist$pgPricefac2 = pricelist.pgPricefactorsPriority) !== null && _pricelist$pgPricefac2 !== void 0 && (_pricelist$pgPricefac2 = _pricelist$pgPricefac2[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) !== null && _pricelist$pgPricefac2 !== void 0 && _pricelist$pgPricefac2.includes(priceGroup)),
+                  priorityForced: !!((_pricelist$pfgPricefa3 = pricelist.pfgPricefactorsPriority) !== null && _pricelist$pfgPricefa3 !== void 0 && (_pricelist$pfgPricefa3 = _pricelist$pfgPricefa3[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) !== null && _pricelist$pfgPricefa3 !== void 0 && _pricelist$pfgPricefa3.includes(priceFeatureGroup.id)),
+                  inputTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pg',
+                  checkboxTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pgPriority'
                 })
               }
             };
@@ -35279,19 +35462,19 @@ var Prices = observer(function (_ref) {
             value: (_pricelist$seriePrice = pricelist.seriePricefactors) === null || _pricelist$seriePrice === void 0 ? void 0 : _pricelist$seriePrice[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo],
             title: t('backoffice.idmCatalog.prices.priceFactor.label.series'),
             onSave: (/*#__PURE__*/function () {
-              var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_, value) {
-                return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-                  while (1) switch (_context4.prev = _context4.next) {
+              var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_, value) {
+                return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+                  while (1) switch (_context7.prev = _context7.next) {
                     case 0:
                       updateSeriePriceFactor(value);
                     case 1:
                     case "end":
-                      return _context4.stop();
+                      return _context7.stop();
                   }
-                }, _callee4);
+                }, _callee7);
               }));
-              return function (_x7, _x8) {
-                return _ref5.apply(this, arguments);
+              return function (_x11, _x12) {
+                return _ref8.apply(this, arguments);
               };
             }()),
             disabled: !selectedSerie
@@ -35548,6 +35731,21 @@ var TablePriceList = observer(function () {
         cellDataType: 'object',
         editable: false,
         hide: true
+      }, {
+        field: 'pfgPricefactors',
+        cellDataType: 'object',
+        editable: false,
+        hide: true
+      }, {
+        field: 'pgPricefactorsPriority',
+        cellDataType: 'object',
+        editable: false,
+        hide: true
+      }, {
+        field: 'pfgPricefactorsPriority',
+        cellDataType: 'object',
+        editable: false,
+        hide: true
       }]
     };
   }, [apiInterface, i18n.language, viewOnly]);

package/build/types/backoffice/src/ui/IDMEnricherEditor/Tables/Prices/PriceFactorHeaderComponent.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+interface PriceFactorHeaderComponentProps {
+    /**
+     * Callback to save the price factor value
+     * @param data - The data to save
+     * @param value - The value to save
+     */
+    onSave: (data: any, value: number[]) => Promise<void>;
+    /**
+     * Callback to save the priority value
+     * @param value - The value to save
+     */
+    onPriorityChange: (value: boolean) => Promise<void>;
+    /**
+     * The priority value
+     */
+    priority: boolean;
+    /**
+     * If true, the priority is set and cannot be changed, for example at PG if PFG has priority
+     */
+    priorityForced?: boolean;
+    /**
+     * The value of the price factor
+     */
+    value: number[];
+    /**
+     * The tooltip key for the input
+     */
+    inputTooltip: string;
+    /**
+     * The tooltip base key for the checkbox, the key will be appended with .true, .false or .forced depending on the priority value
+     */
+    checkboxTooltip: string;
+}
+export default function PriceFactorHeaderComponent({ onSave, onPriorityChange, priority, priorityForced, value, inputTooltip, checkboxTooltip, }: PriceFactorHeaderComponentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PriceFactorHeaderComponent.d.ts.map

package/build/types/backoffice/src/ui/IDMEnricherEditor/Tables/Prices/PriceFactorHeaderComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceFactorHeaderComponent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/Tables/Prices/PriceFactorHeaderComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,+BAA+B;IACvC;;;;OAIG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD;;;OAGG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,YAAY,EACZ,eAAe,GAChB,EAAE,+BAA+B,qBAwBjC"}

package/build/types/backoffice/src/ui/IDMEnricherEditor/Tables/Prices/PriceFactorInput/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 interface PriceFactorInputProps {
     value: number[];
-    onSave?: (data: any, value: number[]) => Promise<void>;
+    onSave: (data: any, value: number[]) => Promise<void>;
     disabled?: boolean;
     title?: string;
     tooltip?: string;
     className?: string;
 }
-export default function PriceFactorInput(props: PriceFactorInputProps): React.JSX.Element;
+export default function PriceFactorInput({ onSave, value, ...props }: PriceFactorInputProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/IDMEnricherEditor/Tables/Prices/PriceFactorInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/IDMEnricherEditor/Tables/Prices/PriceFactorInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAWpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/IDMEnricherEditor/Tables/Prices/PriceFactorInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBAyB1F"}

package/build/types/backoffice/src/ui/IDMEnricherEditor/Tables/Prices/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/Tables/Prices/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAkB,MAAM,0BAA0B,CAAC;AAcrE,UAAU,WAAW;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC;IACf,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,qFAA8F,WAAW;;CA+U1H,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/Tables/Prices/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAkB,MAAM,0BAA0B,CAAC;AAerE,UAAU,WAAW;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC;IACf,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,qFAA8F,WAAW;;CAwb1H,CAAC"}

package/build/types/backoffice/src/ui/IDMEnricherEditor/modules/TablePriceList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/modules/TablePriceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAevE,eAAO,MAAM,cAAc;;CAmRzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/modules/TablePriceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAevE,eAAO,MAAM,cAAc;;CAqSzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "25.8.0-beta.20",
+  "version": "25.8.0-beta.21",
   "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": "25.8.0-beta.20",
-    "@crystaldesign/content-item": "25.8.0-beta.20",
-    "@crystaldesign/diva-core": "25.8.0-beta.20",
-    "@crystaldesign/diva-utils": "25.8.0-beta.20",
-    "@crystaldesign/media-upload": "25.8.0-beta.20",
-    "@crystaldesign/rtf-editor": "25.8.0-beta.20",
-    "@crystaldesign/spreadsheet": "25.8.0-beta.20",
+    "@crystaldesign/content-box": "25.8.0-beta.21",
+    "@crystaldesign/content-item": "25.8.0-beta.21",
+    "@crystaldesign/diva-core": "25.8.0-beta.21",
+    "@crystaldesign/diva-utils": "25.8.0-beta.21",
+    "@crystaldesign/media-upload": "25.8.0-beta.21",
+    "@crystaldesign/rtf-editor": "25.8.0-beta.21",
+    "@crystaldesign/spreadsheet": "25.8.0-beta.21",
     "@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": "9c1dd6cded06b2f44d1b0e6ae5234fa07c37d992"
+  "gitHead": "2e373e8caa31e00fd42b81b50aa22074718cecf7"
 }