@crystaldesign/diva-backoffice 25.7.0-beta.20 → 25.7.0-beta.22

package/build/esm/index.js

@@ -111,9 +111,6 @@ import { sort as sort$1 } from 'fast-sort';
 import { v4 } from 'uuid';
 import hash from 'object-hash';
 import { AgGridReact } from 'ag-grid-react';
-import 'ag-grid-community/styles/ag-grid.css';
-import 'ag-grid-community/styles/ag-theme-alpine.css';
-import 'ag-grid-enterprise';
 import Collapsible from 'react-collapsible';
 import QuestionOutlined from '@ant-design/icons/QuestionOutlined';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
@@ -34294,11 +34291,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) {
@@ -34320,10 +34318,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.
@@ -34339,47 +34363,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) {
@@ -34388,6 +34409,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,
@@ -34582,7 +34605,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/AGGrid/index.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-import 'ag-grid-community/styles/ag-grid.css';
-import 'ag-grid-community/styles/ag-theme-alpine.css';
-import 'ag-grid-enterprise';
 declare const AGGrid: React.MemoExoticComponent<({ id, filter, override, loading }: {
     id: string;
     filter: any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/AGGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,oBAAoB,CAAC;AAW5B,QAAA,MAAM,MAAM,gEAC0B;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE;QAAE,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,uBAwOzI,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/AGGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAmBnE,QAAA,MAAM,MAAM,gEAC0B;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE;QAAE,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,uBAwOzI,CAAC;AAEF,eAAe,MAAM,CAAC"}

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.7.0-beta.20",
+  "version": "25.7.0-beta.22",
   "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.7.0-beta.20",
-    "@crystaldesign/content-item": "25.7.0-beta.20",
-    "@crystaldesign/diva-core": "25.7.0-beta.20",
-    "@crystaldesign/diva-utils": "25.7.0-beta.20",
-    "@crystaldesign/media-upload": "25.7.0-beta.20",
-    "@crystaldesign/rtf-editor": "25.7.0-beta.20",
-    "@crystaldesign/spreadsheet": "25.7.0-beta.20",
+    "@crystaldesign/content-box": "25.7.0-beta.22",
+    "@crystaldesign/content-item": "25.7.0-beta.22",
+    "@crystaldesign/diva-core": "25.7.0-beta.22",
+    "@crystaldesign/diva-utils": "25.7.0-beta.22",
+    "@crystaldesign/media-upload": "25.7.0-beta.22",
+    "@crystaldesign/rtf-editor": "25.7.0-beta.22",
+    "@crystaldesign/spreadsheet": "25.7.0-beta.22",
     "@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": "840fed496a02c2cdde726fa0c87f52b7875e98ee"
+  "gitHead": "9c5ac31c405252d8200e0ba266037ce7c28f904c"
 }