primereact 10.8.0 → 10.8.2

package/datatable/datatable.d.ts

@@ -1104,7 +1104,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Name of the field that uniquely identifies a record in the data. Should be a unique business key to prevent re-rendering.
      * @defaultValue (&#123;currentPage&#125; of &#123;totalPages&#125;)
      */
-    dataKey?: string | undefined;
+    dataKey?: string | undefined | ((data: any) => string);
     /**
      * Default sort order of an unsorted column.
      * @defaultValue (&#123;currentPage&#125; of &#123;totalPages&#125;)

package/datatable/datatable.esm.js

@@ -911,7 +911,7 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
-  var checkboxProps = mergeProps({
+  var checkboxProps = {
     role: 'checkbox',
     'aria-checked': props.checked,
     tabIndex: tabIndex,
@@ -920,8 +920,9 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     checked: props.checked,
     icon: checkIcon,
     disabled: props.disabled,
+    unstyled: props.unstyled,
     pt: getColumnPTOptions('rowCheckbox')
-  });
+  };
   return /*#__PURE__*/React.createElement(Checkbox, checkboxProps);
 });
 RowCheckbox.displayName = 'RowCheckbox';
@@ -1150,7 +1151,7 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
       props.onChange(event);
     }
   };
-  var radioButtonProps = mergeProps({
+  var radioButtonProps = {
     role: 'radio',
     'aria-checked': props.checked,
     checked: props.checked,
@@ -1159,7 +1160,7 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
     onChange: onChange,
     unstyled: props.unstyled,
     pt: getColumnPTOptions('rowRadioButton')
-  });
+  };
   return /*#__PURE__*/React.createElement(RadioButton, radioButtonProps);
 });
 RowRadioButton.displayName = 'RowRadioButton';
@@ -2450,8 +2451,8 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
-    cx = _props$ptCallbacks.cx,
-    isUnstyled = _props$ptCallbacks.isUnstyled;
+    cx = _props$ptCallbacks.cx;
+    _props$ptCallbacks.isUnstyled;
   var _onClick = function onClick(event) {
     props.onClick({
       originalEvent: event,
@@ -2474,8 +2475,7 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   };
   var rowGroupTogglerIconProps = mergeProps({
     className: cx('rowGroupTogglerIcon'),
-    'aria-hidden': true,
-    unstyled: isUnstyled()
+    'aria-hidden': true
   }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
   var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$8({}, rowGroupTogglerIconProps), {
@@ -2489,8 +2489,7 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
     },
     className: cx('rowGroupToggler'),
     tabIndex: props.tabIndex,
-    'aria-label': label,
-    unstyled: isUnstyled()
+    'aria-label': label
   }, ptm('rowGroupToggler'), getColumnPTOptions('rowGroupToggler'));
   return /*#__PURE__*/React.createElement("button", rowGroupTogglerProps, togglerIcon, /*#__PURE__*/React.createElement(Ripple, null));
 });
@@ -2824,32 +2823,20 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var selectRange = function selectRange(event) {
     var rangeStart;
     var rangeEnd;
-    var selectedSize;
     var isAllowCellSelection = allowCellSelection();
-    var index = ObjectUtils.findIndexInList(event.data, props.value, props.dataKey);
     if (rangeRowIndex.current > anchorRowIndex.current) {
       rangeStart = anchorRowIndex.current;
       rangeEnd = rangeRowIndex.current;
-      if (!isAllowCellSelection) {
-        selectedSize = rangeEnd - rangeStart;
-        rangeEnd = index;
-        rangeStart = index - selectedSize;
-      }
     } else if (rangeRowIndex.current < anchorRowIndex.current) {
       rangeStart = rangeRowIndex.current;
       rangeEnd = anchorRowIndex.current;
-      if (!isAllowCellSelection) {
-        selectedSize = rangeEnd - rangeStart;
-        rangeStart = index;
-        rangeEnd = index + selectedSize;
-      }
     } else {
       rangeStart = rangeEnd = rangeRowIndex.current;
     }
     return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
   };
   var selectRangeOnRow = function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {
-    var value = props.value;
+    var value = props.tableProps.value;
     var selection = [];
     for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
       var rangeRowData = value[i];
@@ -5020,7 +5007,7 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     props: props
   });
   var tabIndex = props.disabled ? null : 0;
-  var headerCheckboxProps = mergeProps({
+  var headerCheckboxProps = {
     role: 'checkbox',
     'aria-checked': props.checked,
     'aria-label': props.checked ? ariaLabel('selectAll') : ariaLabel('unselectAll'),
@@ -5028,8 +5015,10 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     onChange: onChange,
     icon: checkIcon,
     checked: props.checked,
-    disabled: props.disabled
-  }, getColumnPTOptions('headerCheckbox'));
+    disabled: props.disabled,
+    unstyled: props.unstyled,
+    pt: getColumnPTOptions('headerCheckbox')
+  };
   return /*#__PURE__*/React.createElement(Checkbox, headerCheckboxProps);
 });
 HeaderCheckbox.displayName = 'HeaderCheckbox';
@@ -5633,10 +5622,11 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
           className: classNames(filterHeaderClassName, className, cx('headerCell', {
             frozen: frozen,
             column: col
-          })),
-          key: colKey
+          }))
         }, getColumnPTOptions(col, 'root'), getColumnPTOptions(col, 'headerCell'));
-        return /*#__PURE__*/React.createElement("th", headerCellProps, checkbox, filterRow);
+        return /*#__PURE__*/React.createElement("th", _extends({
+          key: colKey
+        }, headerCellProps), checkbox, filterRow);
       }
       return null;
     });