@crystaldesign/diva-backoffice 25.6.2 → 25.6.3

package/build/esm/index.js

@@ -34006,11 +34006,12 @@ function PriceFactorCellRenderer(props) {
     column = props.column,
     onSave = props.onSave,
     api = props.api,
-    singleClick = props.singleClick;
+    isNotInAGGrid = props.isNotInAGGrid;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  var applySave = /*#__PURE__*/function () {
+  var clickTimer = useRef(null);
+  var applySave = useCallback(/*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, value) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -34032,10 +34033,36 @@ function PriceFactorCellRenderer(props) {
         }
       }, _callee);
     }));
-    return function applySave(_x, _x2) {
+    return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
-  }();
+  }(), [onSave, node, colDef === null || colDef === void 0 ? void 0 : colDef.field]);
+  var _usePriceFactor = usePriceFactor({
+      data: data,
+      initialValue: value,
+      onSave: applySave,
+      onRefreshCell: function onRefreshCell() {
+        return api === null || api === void 0 ? void 0 : api.refreshCells({
+          suppressFlash: true,
+          rowNodes: node ? [node] : undefined,
+          columns: column ? [column] : undefined
+        });
+      }
+    }),
+    type = _usePriceFactor.type,
+    entries = _usePriceFactor.entries,
+    isModalOpen = _usePriceFactor.isModalOpen,
+    handleModalOpen = _usePriceFactor.handleModalOpen,
+    handleModalClose = _usePriceFactor.handleModalClose,
+    handleTypeChange = _usePriceFactor.handleTypeChange,
+    handleAddEntry = _usePriceFactor.handleAddEntry,
+    handleRemoveEntry = _usePriceFactor.handleRemoveEntry,
+    handleEntryValueChange = _usePriceFactor.handleEntryValueChange,
+    handleSave = _usePriceFactor.handleSave;
+  var handleOpenModal = useCallback(function () {
+    handleModalOpen();
+    api === null || api === void 0 || api.stopEditing();
+  }, [handleModalOpen, api]);
   useEffect(function () {
     //
     // This is a workaround to prevent the row to go into edit mode when the cell is clicked.
@@ -34051,47 +34078,44 @@ function PriceFactorCellRenderer(props) {
       if (rowElement && cellElement && rowElement.getAttribute('row-id') === (node === null || node === void 0 ? void 0 : node.id) && cellElement.getAttribute('col-id') === (colDef === null || colDef === void 0 ? void 0 : colDef.field)) {
         e.preventDefault();
         e.stopPropagation();
-        handleModalOpen();
-        api === null || api === void 0 || api.stopEditing();
+        handleOpenModal();
         return false;
       }
       return true;
     };
-    if (singleClick) {
-      document.addEventListener('click', handleClick, true);
-    } else {
+    if (!isNotInAGGrid) {
       document.addEventListener('dblclick', handleClick, true);
     }
     return function () {
-      if (singleClick) {
-        document.removeEventListener('click', handleClick, true);
-      } else {
+      if (!isNotInAGGrid) {
         document.removeEventListener('dblclick', handleClick, true);
       }
     };
-  }, [api, node === null || node === void 0 ? void 0 : node.id, colDef === null || colDef === void 0 ? void 0 : colDef.field, singleClick]);
-  var _usePriceFactor = usePriceFactor({
-      data: data,
-      initialValue: value,
-      onSave: applySave,
-      onRefreshCell: function onRefreshCell() {
-        return api === null || api === void 0 ? void 0 : api.refreshCells({
-          suppressFlash: true,
-          rowNodes: node ? [node] : undefined,
-          columns: column ? [column] : undefined
-        });
-      }
-    }),
-    type = _usePriceFactor.type,
-    entries = _usePriceFactor.entries,
-    isModalOpen = _usePriceFactor.isModalOpen,
-    handleModalOpen = _usePriceFactor.handleModalOpen,
-    handleModalClose = _usePriceFactor.handleModalClose,
-    handleTypeChange = _usePriceFactor.handleTypeChange,
-    handleAddEntry = _usePriceFactor.handleAddEntry,
-    handleRemoveEntry = _usePriceFactor.handleRemoveEntry,
-    handleEntryValueChange = _usePriceFactor.handleEntryValueChange,
-    handleSave = _usePriceFactor.handleSave;
+  }, [api, node === null || node === void 0 ? void 0 : node.id, colDef === null || colDef === void 0 ? void 0 : colDef.field, isNotInAGGrid, handleOpenModal]);
+
+  /*
+   * if the component is used outside of an ag-grid cell, we have to handle the click event differently
+   * we debounce the click event to prevent multiple clicks from opening and immediately closing the modal
+   */
+  var onClick = useCallback(function () {
+    if (isNotInAGGrid) {
+      if (clickTimer.current) clearTimeout(clickTimer.current);
+      clickTimer.current = setTimeout(function () {
+        handleOpenModal();
+      }, 200);
+    }
+  }, [isNotInAGGrid, handleOpenModal]);
+  var onDoubleClick = useCallback(function () {
+    if (isNotInAGGrid) {
+      if (clickTimer.current) clearTimeout(clickTimer.current);
+      handleOpenModal();
+    }
+  }, [isNotInAGGrid, handleOpenModal]);
+  useEffect(function () {
+    return function () {
+      if (clickTimer.current) clearTimeout(clickTimer.current);
+    };
+  }, []);
   var isDiscount = type === 'discount';
   var isSingleDefaultEntry = entries.length === 1 && isDefaultValue(entries[0].value, type);
   var hasInvalidEntries = entries.some(function (entry) {
@@ -34100,6 +34124,8 @@ function PriceFactorCellRenderer(props) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("div", {
       className: cell,
+      onClick: onClick,
+      onDoubleClick: onDoubleClick,
       children: formatListValue(value || [], type, i18n.language)
     }), /*#__PURE__*/jsxs(Modal$2, {
       title: colDef === null || colDef === void 0 ? void 0 : colDef.headerName,
@@ -34294,7 +34320,7 @@ function PriceFactorInput(props) {
         id: "price-factor-input",
         className: classnames(input, _defineProperty({}, disabled$1, props.disabled)),
         children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$d(_objectSpread$d({}, props), {}, {
-          singleClick: true
+          isNotInAGGrid: true
         }))
       })
     })]

package/build/types/backoffice/src/ui/IDMEnricherEditor/components/PriceFactorCellRenderer/index.d.ts

@@ -11,6 +11,9 @@ export default function PriceFactorCellRenderer(props: Partial<CustomCellRendere
     manualPrices: string[];
 }, number[], DivaContext>> & {
     onSave?: (data: any, value: number[]) => Promise<void>;
-    singleClick?: boolean;
+    /**
+     * if true, the component is used outside of an ag-grid cell, thus we have to handle the click event differently
+     */
+    isNotInAGGrid?: boolean;
 }): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/IDMEnricherEditor/components/PriceFactorCellRenderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/components/PriceFactorCellRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAQzD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,OAAO,CACZ,uBAAuB,CACrB;IACE,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAClC,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACtC,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB,EACD,MAAM,EAAE,EACR,WAAW,CACZ,CACF,GAAG;IACF,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,qBAuJF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/components/PriceFactorCellRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAQzD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,OAAO,CACZ,uBAAuB,CACrB;IACE,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAClC,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACtC,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB,EACD,MAAM,EAAE,EACR,WAAW,CACZ,CACF,GAAG;IACF,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,qBAqLF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "25.6.2",
+  "version": "25.6.3",
   "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.6.2",
-    "@crystaldesign/content-item": "25.6.2",
-    "@crystaldesign/diva-core": "25.6.2",
-    "@crystaldesign/diva-utils": "25.6.2",
-    "@crystaldesign/media-upload": "25.6.2",
-    "@crystaldesign/rtf-editor": "25.6.2",
-    "@crystaldesign/spreadsheet": "25.6.2",
+    "@crystaldesign/content-box": "25.6.3",
+    "@crystaldesign/content-item": "25.6.3",
+    "@crystaldesign/diva-core": "25.6.3",
+    "@crystaldesign/diva-utils": "25.6.3",
+    "@crystaldesign/media-upload": "25.6.3",
+    "@crystaldesign/rtf-editor": "25.6.3",
+    "@crystaldesign/spreadsheet": "25.6.3",
     "@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": "7e549400affa0ab055500aa7b6ee02baf0a6b127"
+  "gitHead": "906a40a309db0dd49eb6e6288c7723a4c488eea9"
 }