arengibook 2.4.49 → 2.4.50

package/dist/index.js

@@ -2101,11 +2101,13 @@ var ObjectUtils = /*#__PURE__*/function () {
      * @param {object} a - The first object to compare.
      * @param {object} b - The second object to compare.
      * @param {string[]} [keysToCompare] - The keys to compare. If not provided, performs a shallow comparison using absoluteCompare.
+     * @param {number} [maxDepth=1] - The maximum depth to compare if the variables are objects.
      * @returns {boolean} True if all specified properties are equal, false otherwise.
      */
   }, {
     key: "selectiveCompare",
     value: function selectiveCompare(a, b, keysToCompare) {
+      var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
       if (a === b) return true;
       if (!a || !b || _typeof$f(a) !== 'object' || _typeof$f(b) !== 'object') return false;
       if (!keysToCompare) return this.absoluteCompare(a, b, 1); // If no keys are provided, the comparison is limited to one depth level.
@@ -2119,7 +2121,7 @@ var ObjectUtils = /*#__PURE__*/function () {
           var isObject = _typeof$f(aValue) === 'object' && aValue !== null && _typeof$f(bValue) === 'object' && bValue !== null;
 
           // If the current key is an object, they are compared in one further level only.
-          if (isObject && !this.absoluteCompare(aValue, bValue, 1)) return false;
+          if (isObject && !this.absoluteCompare(aValue, bValue, maxDepth)) return false;
           if (!isObject && aValue !== bValue) return false;
         }
       } catch (err) {
@@ -2739,6 +2741,7 @@ var FilterMatchMode$2 = Object.freeze({
   EQUALS: 'equals',
   NOT_EQUALS: 'notEquals',
   IN: 'in',
+  NOT_IN: 'notIn',
   LESS_THAN: 'lt',
   LESS_THAN_OR_EQUAL_TO: 'lte',
   GREATER_THAN: 'gt',
@@ -3116,6 +3119,7 @@ var locales$2 = {
     emptySelectionMessage: 'No selected item',
     endsWith: 'Ends with',
     equals: 'Equals',
+    fileChosenMessage: '{0} files',
     fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
     filter: 'Filter',
     firstDayOfWeek: 0,
@@ -3134,6 +3138,7 @@ var locales$2 = {
     nextMonth: 'Next Month',
     nextSecond: 'Next Second',
     nextYear: 'Next Year',
+    noFileChosenMessage: 'No file chosen',
     noFilter: 'No Filter',
     notContains: 'Not contains',
     notEquals: 'Not equals',
@@ -3161,8 +3166,10 @@ var locales$2 = {
     aria: {
       cancelEdit: 'Cancel Edit',
       close: 'Close',
+      collapseLabel: 'Collapse',
       collapseRow: 'Row Collapsed',
       editRow: 'Edit Row',
+      expandLabel: 'Expand',
       expandRow: 'Row Expanded',
       falseLabel: 'False',
       filterConstraint: 'Filter Constraint',
@@ -3187,18 +3194,20 @@ var locales$2 = {
       next: 'Next',
       nextPageLabel: 'Next Page',
       nullLabel: 'Not Selected',
-      pageLabel: 'Page {page}',
       otpLabel: 'Please enter one time password character {0}',
+      pageLabel: 'Page {page}',
       passwordHide: 'Hide Password',
       passwordShow: 'Show Password',
       previous: 'Previous',
       prevPageLabel: 'Previous Page',
+      removeLabel: 'Remove',
       rotateLeft: 'Rotate Left',
       rotateRight: 'Rotate Right',
       rowsPerPageLabel: 'Rows per page',
       saveEdit: 'Save Edit',
       scrollTop: 'Scroll Top',
       selectAll: 'All items selected',
+      selectLabel: 'Select',
       selectRow: 'Row Selected',
       showFilterMenu: 'Show Filter Menu',
       slide: 'Slide',
@@ -3207,6 +3216,7 @@ var locales$2 = {
       stars: '{star} stars',
       trueLabel: 'True',
       unselectAll: 'All items unselected',
+      unselectLabel: 'Unselect',
       unselectRow: 'Row Unselected',
       zoomImage: 'Zoom Image',
       zoomIn: 'Zoom In',
@@ -11381,13 +11391,32 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       return props.parseDateTime(text);
     }
     var date;
-    var parts = text.split(' ');
     if (props.timeOnly) {
       date = new Date();
-      populateTime(date, parts[0], parts[1]);
+      var match = text.match(/(\d{1,2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)\s?(AM|PM)?/i);
+      if (match) {
+        populateTime(date, match[1], match[2]);
+      } else {
+        return null;
+      }
     } else if (props.showTime) {
-      date = parseDate(parts[0], getDateFormat());
-      populateTime(date, parts[1], parts[2]);
+      var time12 = /(\d{1,2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)\s?(AM|PM)/i;
+      var time24 = /(\d{1,2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)$/;
+      var _match, datePart, timePart, ampm;
+      if (props.hourFormat === '12' && (_match = text.match(time12))) {
+        timePart = _match[1];
+        ampm = _match[2];
+        datePart = text.replace(time12, '').trim();
+      } else if (props.hourFormat === '24' && (_match = text.match(time24))) {
+        timePart = _match[1];
+        datePart = text.replace(time24, '').trim();
+      }
+      if (datePart && timePart) {
+        date = parseDate(datePart, getDateFormat());
+        populateTime(date, timePart, ampm);
+      } else {
+        date = parseDate(text, getDateFormat());
+      }
     } else {
       date = parseDate(text, getDateFormat());
     }
@@ -11776,7 +11805,7 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       viewDate.setHours(0, 0, 0);
       isClearClicked.current = false;
     }
-    if (!prevPropValue && propValue || propValue && propValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
+    if (!prevPropValue && propValue || propValue && propValue instanceof Date && prevPropValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
       validateDate(viewDate);
     }
     setViewDateState(viewDate);
@@ -12030,6 +12059,9 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       }),
       'aria-selected': selected,
       'aria-disabled': !date.selectable,
+      onMouseDown: function onMouseDown(e) {
+        return e.preventDefault();
+      },
       onClick: function onClick(e) {
         return onDateSelect(e, date);
       },
@@ -12849,21 +12881,6 @@ var DatePicker = function DatePicker(_ref) {
     borderRadius: '6px'
   };
   var localLanguage = locale !== null && locale !== void 0 ? locale : 'fr';
-
-  // const handleChange = (e) => {
-  //     const newDate = e.value;
-  //     setValeur(newDate);
-  //     if (onChange) {
-  //         onChange({ value: newDate });
-  //     }
-  //
-  //     if (inputRef.current) {
-  //         const event = new Event('datePickerChange', { bubbles: true });
-  //         inputRef.current.dispatchEvent(event);
-  //     }
-  //
-  // };
-
   var handleChange = function handleChange(e) {
     var newDate = e.value;
     setValeur(newDate);
@@ -12875,7 +12892,6 @@ var DatePicker = function DatePicker(_ref) {
     if (onSelect) {
       onSelect(newDate, {
         type: 'manual',
-        // ou 'select' si souhaité
         source: 'DatePicker'
       });
     }
@@ -12934,7 +12950,10 @@ var DatePickerPresets = {
   Default: {
     placeholder: 'Choisissez une date',
     dateFormat: 'dd/mm/yy',
-    view: 'date'
+    view: 'date',
+    onSelect: function onSelect(e) {
+      return alert(e.getFullYear());
+    }
   },
   MonthOnly: {
     placeholder: 'Choisissez un mois',
@@ -21346,7 +21365,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   var stacked = props.showButtons && props.buttonLayout === 'stacked';
   var horizontal = props.showButtons && props.buttonLayout === 'horizontal';
   var vertical = props.showButtons && props.buttonLayout === 'vertical';
-  var inputMode = props.inputMode || (props.mode === 'decimal' && !props.minFractionDigits ? 'numeric' : 'decimal');
+  var inputMode = props.inputMode || (props.mode === 'decimal' && !props.minFractionDigits && !props.maxFractionDigits ? 'numeric' : 'decimal');
   var getOptions = function getOptions() {
     var _props$minFractionDig, _props$maxFractionDig;
     return {
@@ -21781,6 +21800,10 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
         event.preventDefault();
         var _char2 = event.key;
         if (_char2) {
+          // get decimal separator in current locale
+          if (_char2 === '.') {
+            _char2 = _decimalSeparator.current;
+          }
           var _isDecimalSign = isDecimalSign(_char2);
           var _isMinusSign = isMinusSign(_char2);
           if (Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
@@ -21895,6 +21918,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       suffixCharIndex = _getCharIndexes2.suffixCharIndex,
       currencyCharIndex = _getCharIndexes2.currencyCharIndex;
     var maxFractionDigits = numberFormat.current.resolvedOptions().maximumFractionDigits;
+    var hasBoundOrAffix = props.min || props.max || props.suffix || props.prefix; //only exception
     var newValueStr;
     if (sign.isMinusSign) {
       var isNewMinusSign = minusCharIndex === -1;
@@ -21914,7 +21938,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
         newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
         updateValue(event, newValueStr, text, 'insert');
       } else if (decimalCharIndex === -1 && (maxFractionDigits || props.maxFractionDigits)) {
-        var allowedDecimal = inputMode !== 'numeric' || inputMode === 'numeric' && (props.min || props.max);
+        var allowedDecimal = inputMode !== 'numeric' || inputMode === 'numeric' && hasBoundOrAffix;
         if (allowedDecimal) {
           newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
           updateValue(event, newValueStr, text, 'insert');
@@ -23811,6 +23835,7 @@ var DropdownBase = ComponentBase.extend({
     name: null,
     onBlur: null,
     onChange: null,
+    onClick: null,
     onContextMenu: null,
     onFilter: null,
     onFocus: null,
@@ -24244,7 +24269,7 @@ function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r
 function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty$3(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var Dropdown$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DropdownBase.getProps(inProps, context);
@@ -24682,15 +24707,24 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     !pressedInInputText && onEnterKey(event);
   };
   var onEnterKey = function onEnterKey(event) {
+    event.preventDefault();
     if (!overlayVisibleState) {
       setFocusedOptionIndex(-1);
       onArrowDownKey(event);
     } else {
-      if (focusedOptionIndex !== -1) {
-        onOptionSelect(event, visibleOptions[focusedOptionIndex]);
+      if (focusedOptionIndex === -1) {
+        return;
       }
+      var focusedOption = visibleOptions[focusedOptionIndex];
+      var optionValue = getOptionValue(focusedOption);
+      if (optionValue == null || optionValue == undefined) {
+        hide();
+        resetFilter();
+        updateEditableLabel(selectedOption);
+        return;
+      }
+      onOptionSelect(event, focusedOption);
     }
-    event.preventDefault();
   };
   var onEscapeKey = function onEscapeKey(event) {
     overlayVisibleState && hide();
@@ -25280,7 +25314,7 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     pt: ptm('tooltip')
   }, props.tooltipOptions)));
 }));
-Dropdown.displayName = 'Dropdown';
+Dropdown$1.displayName = 'Dropdown';
 
 function _arrayWithHoles$2(r) {
   if (Array.isArray(r)) return r;
@@ -25638,6 +25672,7 @@ var FilterMatchMode$1 = Object.freeze({
   EQUALS: 'equals',
   NOT_EQUALS: 'notEquals',
   IN: 'in',
+  NOT_IN: 'notIn',
   LESS_THAN: 'lt',
   LESS_THAN_OR_EQUAL_TO: 'lte',
   GREATER_THAN: 'gt',
@@ -25726,6 +25761,7 @@ var locales$1 = {
     emptySelectionMessage: 'No selected item',
     endsWith: 'Ends with',
     equals: 'Equals',
+    fileChosenMessage: '{0} files',
     fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
     filter: 'Filter',
     firstDayOfWeek: 0,
@@ -25744,6 +25780,7 @@ var locales$1 = {
     nextMonth: 'Next Month',
     nextSecond: 'Next Second',
     nextYear: 'Next Year',
+    noFileChosenMessage: 'No file chosen',
     noFilter: 'No Filter',
     notContains: 'Not contains',
     notEquals: 'Not equals',
@@ -25771,8 +25808,10 @@ var locales$1 = {
     aria: {
       cancelEdit: 'Cancel Edit',
       close: 'Close',
+      collapseLabel: 'Collapse',
       collapseRow: 'Row Collapsed',
       editRow: 'Edit Row',
+      expandLabel: 'Expand',
       expandRow: 'Row Expanded',
       falseLabel: 'False',
       filterConstraint: 'Filter Constraint',
@@ -25797,18 +25836,20 @@ var locales$1 = {
       next: 'Next',
       nextPageLabel: 'Next Page',
       nullLabel: 'Not Selected',
-      pageLabel: 'Page {page}',
       otpLabel: 'Please enter one time password character {0}',
+      pageLabel: 'Page {page}',
       passwordHide: 'Hide Password',
       passwordShow: 'Show Password',
       previous: 'Previous',
       prevPageLabel: 'Previous Page',
+      removeLabel: 'Remove',
       rotateLeft: 'Rotate Left',
       rotateRight: 'Rotate Right',
       rowsPerPageLabel: 'Rows per page',
       saveEdit: 'Save Edit',
       scrollTop: 'Scroll Top',
       selectAll: 'All items selected',
+      selectLabel: 'Select',
       selectRow: 'Row Selected',
       showFilterMenu: 'Show Filter Menu',
       slide: 'Slide',
@@ -25817,6 +25858,7 @@ var locales$1 = {
       stars: '{star} stars',
       trueLabel: 'True',
       unselectAll: 'All items unselected',
+      unselectLabel: 'Unselect',
       unselectRow: 'Row Unselected',
       zoomImage: 'Zoom Image',
       zoomIn: 'Zoom In',
@@ -26160,7 +26202,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (inProps) {
   }) : [];
   var placeholderValue = localeOption('choose');
   var ariaLabelValue = ariaLabel$1('jumpToPageDropdownLabel');
-  var element = hasOptions ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
+  var element = hasOptions ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown$1, {
     value: props.value,
     options: options,
     onChange: props.onChange,
@@ -27987,7 +28029,7 @@ var Cell = function Cell(props) {
     editingRowDataStateRef.current = editingRowData;
   };
   var _onClick = function onClick(event) {
-    props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener);
+    props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener, isOutsideClicked);
   };
   var _onMouseDown = function onMouseDown(event) {
     var params = getCellCallbackParams(event);
@@ -28109,7 +28151,7 @@ var Cell = function Cell(props) {
       field: props.field,
       index: props.rowIndex
     });
-    props.focusOnInit();
+    props.focusOnInit(initFocusTimeout, elementRef);
   };
   React.useEffect(function () {
     if (props.frozenCol) props.updateStickyPosition(elementRef, props.frozenCol, props.alignFrozenCol, styleObjectState, setStyleObjectState);
@@ -28450,11 +28492,18 @@ var RadioCheckCell = /*#__PURE__*/React.memo(function (props) {
   return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
 });
 RadioCheckCell.displayName = 'RadioCheckCell';
+var defaultKeysToCompare = ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'];
 var BodyCell = /*#__PURE__*/React.memo(function (props) {
   return /*#__PURE__*/React.createElement(Cell, props);
 }, function (prevProps, nextProps) {
-  var keysToCompare = ['field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData', 'frozenCol', 'alignFrozenCol'];
-  return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
+  if (nextProps.cellMemo === false) return false;
+  var memoProps = nextProps.cellMemoProps;
+  var keysToCompare = Array.isArray(memoProps) && memoProps.every(function (prop) {
+    return typeof prop === 'string';
+  }) ? memoProps : defaultKeysToCompare;
+  var memoPropsDepth = nextProps.cellMemoPropsDepth;
+  var depth = typeof memoPropsDepth === 'number' && memoPropsDepth > 0 ? memoPropsDepth : 1;
+  return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare, depth);
 });
 BodyCell.displayName = 'BodyCell';
 
@@ -28931,7 +28980,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
       !isSameStyle && setStyleObjectState(styleObject);
     }
   }, []);
-  var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener) {
+  var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener, isOutsideClicked) {
     if (props.editMode !== 'row' && isEditable && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.isRowSelected)) {
       selfClick.current = true;
       var onBeforeCellEditShow = getColumnProp(column, 'onBeforeCellEditShow');
@@ -28990,6 +29039,9 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
         var cellProps = mergeProps({
           hostName: props.hostName,
           allowCellSelection: props.allowCellSelection,
+          cellMemo: props.cellMemo,
+          cellMemoProps: props.cellMemoProps,
+          cellMemoPropsDepth: props.cellMemoPropsDepth,
           cellClassName: props.cellClassName,
           checkIcon: props.checkIcon,
           collapsedRowIcon: props.collapsedRowIcon,
@@ -29357,9 +29409,6 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     options = options || props.virtualScrollerOptions;
     return options ? options[option] : null;
   };
-  var getProcessedDataIndex = function getProcessedDataIndex(rowIndex) {
-    return props.lazy ? rowIndex - props.first : rowIndex;
-  };
   var findIndex = function findIndex(collection, rowData) {
     return (collection || []).findIndex(function (data) {
       return equals(rowData, data);
@@ -29530,16 +29579,14 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     var rangeStart;
     var rangeEnd;
     var isAllowCellSelection = allowCellSelection();
-    var rangeRowIndexInProcessedData = getProcessedDataIndex(rangeRowIndex.current);
-    var anchorRowIndexInProcessedData = getProcessedDataIndex(anchorRowIndex.current);
-    if (rangeRowIndexInProcessedData > anchorRowIndexInProcessedData) {
-      rangeStart = anchorRowIndexInProcessedData;
-      rangeEnd = rangeRowIndexInProcessedData;
-    } else if (rangeRowIndexInProcessedData < anchorRowIndexInProcessedData) {
-      rangeStart = rangeRowIndexInProcessedData;
-      rangeEnd = anchorRowIndexInProcessedData;
+    if (rangeRowIndex.current > anchorRowIndex.current) {
+      rangeStart = anchorRowIndex.current;
+      rangeEnd = rangeRowIndex.current;
+    } else if (rangeRowIndex.current < anchorRowIndex.current) {
+      rangeStart = rangeRowIndex.current;
+      rangeEnd = anchorRowIndex.current;
     } else {
-      rangeStart = rangeEnd = rangeRowIndexInProcessedData;
+      rangeStart = rangeEnd = rangeRowIndex.current;
     }
     return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
   };
@@ -29580,7 +29627,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
       var rowData = value[i];
       var columns = props.columns;
-      var rowIndex = props.lazy ? i + props.first : i;
+      var rowIndex = props.paginator ? i + props.first : i;
       for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
         var field = getColumnProp(columns[j], 'field');
         var _value = ObjectUtils.resolveFieldData(rowData, field);
@@ -29779,13 +29826,17 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       onRangeSelection(event, 'row');
     }
   };
+  var expandedRowsRef = React.useRef(props.expandedRows);
+  React.useEffect(function () {
+    expandedRowsRef.current = props.expandedRows;
+  }, [props.expandedRows]);
   var onRowToggle = function onRowToggle(event) {
     var expandedRows;
     var dataKey = props.dataKey;
     var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
     if (hasDataKey) {
       var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-      expandedRows = props.expandedRows ? _objectSpread$8({}, props.expandedRows) : {};
+      expandedRows = expandedRowsRef.current ? _objectSpread$8({}, expandedRowsRef.current) : {};
       if (expandedRows[dataKeyValue] != null) {
         delete expandedRows[dataKeyValue];
         if (props.onRowCollapse) {
@@ -29804,8 +29855,8 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         }
       }
     } else {
-      var expandedRowIndex = findIndex(props.expandedRows, event.data);
-      expandedRows = props.expandedRows ? _toConsumableArray$1(props.expandedRows) : [];
+      var expandedRowIndex = findIndex(expandedRowsRef.current, event.data);
+      expandedRows = expandedRowsRef.current ? _toConsumableArray$1(expandedRowsRef.current) : [];
       if (expandedRowIndex !== -1) {
         expandedRows = expandedRows.filter(function (_, i) {
           return i !== expandedRowIndex;
@@ -30055,7 +30106,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     return null;
   };
   var createGroupHeader = function createGroupHeader(rowData, rowIndex, expanded, colSpan) {
-    if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, getProcessedDataIndex(rowIndex))) {
+    if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, rowIndex - props.first)) {
       var style = rowGroupHeaderStyle();
       var toggler = props.expandableRowGroups && /*#__PURE__*/React.createElement(RowTogglerButton, {
         hostName: props.hostName,
@@ -30105,6 +30156,9 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         hostName: props.hostName,
         allowCellSelection: _allowCellSelection,
         allowRowSelection: _allowRowSelection,
+        cellMemo: props.cellMemo,
+        cellMemoProps: props.cellMemoProps,
+        cellMemoPropsDepth: props.cellMemoPropsDepth,
         cellClassName: props.cellClassName,
         checkIcon: props.checkIcon,
         collapsedRowIcon: props.collapsedRowIcon,
@@ -30490,6 +30544,7 @@ var FilterMatchMode = Object.freeze({
   EQUALS: 'equals',
   NOT_EQUALS: 'notEquals',
   IN: 'in',
+  NOT_IN: 'notIn',
   LESS_THAN: 'lt',
   LESS_THAN_OR_EQUAL_TO: 'lte',
   GREATER_THAN: 'gt',
@@ -30578,6 +30633,7 @@ var locales = {
     emptySelectionMessage: 'No selected item',
     endsWith: 'Ends with',
     equals: 'Equals',
+    fileChosenMessage: '{0} files',
     fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
     filter: 'Filter',
     firstDayOfWeek: 0,
@@ -30596,6 +30652,7 @@ var locales = {
     nextMonth: 'Next Month',
     nextSecond: 'Next Second',
     nextYear: 'Next Year',
+    noFileChosenMessage: 'No file chosen',
     noFilter: 'No Filter',
     notContains: 'Not contains',
     notEquals: 'Not equals',
@@ -30623,8 +30680,10 @@ var locales = {
     aria: {
       cancelEdit: 'Cancel Edit',
       close: 'Close',
+      collapseLabel: 'Collapse',
       collapseRow: 'Row Collapsed',
       editRow: 'Edit Row',
+      expandLabel: 'Expand',
       expandRow: 'Row Expanded',
       falseLabel: 'False',
       filterConstraint: 'Filter Constraint',
@@ -30649,18 +30708,20 @@ var locales = {
       next: 'Next',
       nextPageLabel: 'Next Page',
       nullLabel: 'Not Selected',
-      pageLabel: 'Page {page}',
       otpLabel: 'Please enter one time password character {0}',
+      pageLabel: 'Page {page}',
       passwordHide: 'Hide Password',
       passwordShow: 'Show Password',
       previous: 'Previous',
       prevPageLabel: 'Previous Page',
+      removeLabel: 'Remove',
       rotateLeft: 'Rotate Left',
       rotateRight: 'Rotate Right',
       rowsPerPageLabel: 'Rows per page',
       saveEdit: 'Save Edit',
       scrollTop: 'Scroll Top',
       selectAll: 'All items selected',
+      selectLabel: 'Select',
       selectRow: 'Row Selected',
       showFilterMenu: 'Show Filter Menu',
       slide: 'Slide',
@@ -30669,6 +30730,7 @@ var locales = {
       stars: '{star} stars',
       trueLabel: 'True',
       unselectAll: 'All items unselected',
+      unselectLabel: 'Unselect',
       unselectRow: 'Row Unselected',
       zoomImage: 'Zoom Image',
       zoomIn: 'Zoom In',
@@ -31450,7 +31512,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       var filterOperatorProps = mergeProps({
         className: cx('filterOperator')
       }, getColumnPTOptions('filterOperator'));
-      return /*#__PURE__*/React.createElement("div", filterOperatorProps, /*#__PURE__*/React.createElement(Dropdown, {
+      return /*#__PURE__*/React.createElement("div", filterOperatorProps, /*#__PURE__*/React.createElement(Dropdown$1, {
         options: options,
         value: value,
         onChange: onOperatorChange,
@@ -31468,7 +31530,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var createMatchModeDropdown = function createMatchModeDropdown(constraint, index) {
     if (isShowMatchModes()) {
       var options = matchModes();
-      return /*#__PURE__*/React.createElement(Dropdown, {
+      return /*#__PURE__*/React.createElement(Dropdown$1, {
         options: options,
         value: constraint.matchMode,
         onChange: function onChange(e) {
@@ -33595,58 +33657,60 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var exportCSV = function exportCSV(options) {
     var data;
     var csv = "\uFEFF";
-    var columns = getColumns();
     if (options && options.selectionOnly) {
       data = props.selection || [];
     } else {
       data = [].concat(_toConsumableArray$1(props.frozenValue || []), _toConsumableArray$1(processedData() || []));
     }
 
-    //headers
-    columns.forEach(function (column, i) {
-      var _ref5 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportHeader'), getColumnProp(column, 'exportable')],
+    // First build collection of exportable columns
+    var exportableColumns = getColumns().filter(function (column) {
+      var exportable = getColumnProp(column, 'exportable');
+      var field = getColumnProp(column, 'field');
+
+      // Column must be exportable (or undefined/not set) and have a field defined
+      return exportable !== false && field;
+    });
+
+    // headers
+    exportableColumns.forEach(function (column, i) {
+      var _ref5 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportHeader')],
         field = _ref5[0],
         header = _ref5[1],
-        exportHeader = _ref5[2],
-        exportable = _ref5[3];
-      if (exportable && field) {
-        var columnHeader = String(exportHeader || header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
-        csv = csv + ('"' + columnHeader + '"');
-        if (i < columns.length - 1) {
-          csv = csv + props.csvSeparator;
-        }
+        exportHeader = _ref5[2];
+      var columnHeader = String(exportHeader || header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
+      csv = csv + ('"' + columnHeader + '"');
+      if (i < exportableColumns.length - 1) {
+        csv = csv + props.csvSeparator;
       }
     });
 
-    //body
+    // body
     data.forEach(function (record) {
       csv = csv + '\n';
-      columns.forEach(function (column, i) {
-        var _ref6 = [getColumnProp(column, 'field'), getColumnProp(column, 'exportField'), getColumnProp(column, 'exportable')],
+      exportableColumns.forEach(function (column, i) {
+        var _ref6 = [getColumnProp(column, 'field'), getColumnProp(column, 'exportField')],
           colField = _ref6[0],
-          exportField = _ref6[1],
-          exportable = _ref6[2];
+          exportField = _ref6[1];
         var field = exportField || colField;
-        if (exportable && field) {
-          var cellData = ObjectUtils.resolveFieldData(record, field);
-          if (cellData != null) {
-            if (props.exportFunction) {
-              cellData = props.exportFunction({
-                data: cellData,
-                field: field,
-                rowData: record,
-                column: column
-              });
-            } else {
-              cellData = String(cellData).replace(/"/g, '""').replace(/\n/g, "\u2028");
-            }
+        var cellData = ObjectUtils.resolveFieldData(record, field);
+        if (cellData != null) {
+          if (props.exportFunction) {
+            cellData = props.exportFunction({
+              data: cellData,
+              field: field,
+              rowData: record,
+              column: column
+            });
           } else {
-            cellData = '';
-          }
-          csv = csv + ('"' + cellData + '"');
-          if (i < columns.length - 1) {
-            csv = csv + props.csvSeparator;
+            cellData = String(cellData).replace(/"/g, '""').replace(/\n/g, "\u2028");
           }
+        } else {
+          cellData = '';
+        }
+        csv = csv + ('"' + cellData + '"');
+        if (i < exportableColumns.length - 1) {
+          csv = csv + props.csvSeparator;
         }
       });
     });
@@ -33911,6 +33975,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var frozenBody = ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React.createElement(TableBody, {
       hostName: "DataTable",
       ref: frozenBodyRef,
+      cellMemo: props.cellMemo,
+      cellMemoProps: props.cellMemoProps,
+      cellMemoPropsDepth: props.cellMemoPropsDepth,
       cellClassName: props.cellClassName,
       cellSelection: props.cellSelection,
       checkIcon: props.checkIcon,
@@ -33995,6 +34062,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var body = /*#__PURE__*/React.createElement(TableBody, {
       hostName: "DataTable",
       ref: bodyRef,
+      cellMemo: props.cellMemo,
+      cellMemoProps: props.cellMemoProps,
+      cellMemoPropsDepth: props.cellMemoPropsDepth,
       cellClassName: props.cellClassName,
       cellSelection: props.cellSelection,
       checkIcon: props.checkIcon,
@@ -34789,6 +34859,7 @@ var DialogBase = ComponentBase.extend({
     resizable: true,
     rtl: false,
     showHeader: true,
+    showCloseIcon: true,
     style: null,
     transitionOptions: null,
     visible: false,
@@ -34920,7 +34991,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var focus = function focus() {
     var activeElement = document.activeElement;
     var isActiveElementInDialog = activeElement && dialogRef.current && dialogRef.current.contains(activeElement);
-    if (!isActiveElementInDialog && props.closable && props.showHeader && closeRef.current) {
+    if (!isActiveElementInDialog && props.closable && props.showCloseIcon && props.showHeader && closeRef.current) {
       closeRef.current.focus();
     }
   };
@@ -35226,7 +35297,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     };
   });
   var createCloseIcon = function createCloseIcon() {
-    if (props.closable) {
+    if (props.closable && props.showCloseIcon) {
       var labelAria = props.ariaCloseIconLabel || ariaLabel$2('close');
       var closeButtonIconProps = mergeProps({
         className: cx('closeButtonIcon'),
@@ -35687,4 +35758,86 @@ var PopupPresets = {
   }
 };
 
-export { Accordeon, AccordeonPresets, Button, ButtonPresets, DatePicker, DatePickerPresets, Infobulle, InfobullePresets, Popup, PopupPresets };
+var Dropdown = function Dropdown(_ref) {
+  var _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options;
+    _ref.value;
+    var _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Sélectionnez une option' : _ref$placeholder,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$filter = _ref.filter,
+    filter = _ref$filter === void 0 ? false : _ref$filter,
+    _ref$optionLabel = _ref.optionLabel,
+    optionLabel = _ref$optionLabel === void 0 ? 'label' : _ref$optionLabel;
+    _ref.optionValue;
+    var _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? '' : _ref$errorMessage;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray$8(_useState, 2),
+    optionSelected = _useState2[0],
+    setOptionSelected = _useState2[1];
+  var style = {
+    border: invalid ? '1px solid red' : '1px solid #ccc',
+    width: '290px'
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col gap-1",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
+    value: optionSelected,
+    options: options,
+    onChange: function onChange(e) {
+      return setOptionSelected(e.value);
+    },
+    placeholder: placeholder,
+    disabled: disabled,
+    filter: filter,
+    optionLabel: optionLabel,
+    style: style
+  }), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
+    style: {
+      color: 'red',
+      fontStyle: 'italic'
+    }
+  }, errorMessage || 'Sélection invalide')));
+};
+
+var optionsExample = [{
+  label: 'Option 1',
+  code: '1'
+}, {
+  label: 'Option 2',
+  code: '2'
+}, {
+  label: 'Option 3',
+  code: '3'
+}];
+var DropdownPresets = {
+  Default: {
+    placeholder: 'Sélectionnez une option',
+    options: optionsExample
+  },
+  Disabled: {
+    placeholder: 'Sélection désactivée',
+    options: optionsExample,
+    disabled: true
+  },
+  Filterable: {
+    placeholder: 'Filtrez une option',
+    options: optionsExample,
+    filter: true
+  },
+  Invalid: {
+    placeholder: 'Sélection invalide',
+    options: optionsExample,
+    invalid: true,
+    errorMessage: 'Vous devez choisir une option'
+  }
+};
+
+export { Accordeon, AccordeonPresets, Button, ButtonPresets, DatePicker, DatePickerPresets, Dropdown, DropdownPresets, Infobulle, InfobullePresets, Popup, PopupPresets };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.4.49",
+  "version": "2.4.50",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {
@@ -37,6 +37,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-url": "^8.0.2",
     "@storybook/addon-docs": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-onboarding": "^8.6.12",