primereact 10.5.1 → 10.5.3

package/datatable/datatable.js

@@ -925,6 +925,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var field = getColumnProp('field') || "field_".concat(props.index);
     var editingKey = props.dataKey ? props.rowData && props.rowData[props.dataKey] || props.rowIndex : props.rowIndex;
+    var isEditable = function isEditable() {
+      return getColumnProp('editor');
+    };
     var _useEventListener = hooks.useEventListener({
         type: 'click',
         listener: function listener(e) {
@@ -936,14 +939,12 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           }
           selfClick.current = false;
         },
-        options: true
+        options: true,
+        when: isEditable()
       }),
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindDocumentClickListener = _useEventListener2[0],
       unbindDocumentClickListener = _useEventListener2[1];
-    var isEditable = function isEditable() {
-      return getColumnProp('editor');
-    };
     var isSelected = function isSelected() {
       return props.selection ? props.selection instanceof Array ? findIndex(props.selection) > -1 : equals(props.selection) : false;
     };
@@ -1493,22 +1494,23 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             onCancelClick: onRowEditCancel,
             cancelClassName: cx('rowEditorCancelButton')
           };
-          var rowEditorSaveButtonProps = mergeProps(_defineProperty(_defineProperty({
+          var rowEditorSaveButtonProps = mergeProps({
             type: 'button',
             name: 'row-save',
             'aria-label': PrimeReact$1.ariaLabel('saveEdit'),
             onClick: rowEditorProps.onSaveClick,
             className: rowEditorProps.saveClassName,
-            tabIndex: props.tabIndex
-          }, "aria-label", PrimeReact$1.ariaLabel('saveEdit')), 'data-p-row-editor-save', true), getColumnPTOptions('rowEditorSaveButton'));
-          var rowEditorCancelButtonProps = mergeProps(_defineProperty({
+            tabIndex: props.tabIndex,
+            'data-p-row-editor-save': true
+          }, getColumnPTOptions('rowEditorSaveButton'));
+          var rowEditorCancelButtonProps = mergeProps({
             type: 'button',
             name: 'row-cancel',
             'aria-label': PrimeReact$1.ariaLabel('cancelEdit'),
             onClick: rowEditorProps.onCancelClick,
             className: rowEditorProps.cancelClassName,
             tabIndex: props.tabIndex
-          }, "aria-label", PrimeReact$1.ariaLabel('cancelEdit')), getColumnPTOptions('rowEditorCancelButton'));
+          }, getColumnPTOptions('rowEditorCancelButton'));
           content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", rowEditorSaveButtonProps, rowEditorSaveIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), /*#__PURE__*/React__namespace.createElement("button", rowEditorCancelButtonProps, rowEditorCancelIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
         } else {
           rowEditorProps = {
@@ -1516,14 +1518,15 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             onInitClick: onRowEditInit,
             initClassName: cx('rowEditorInitButton')
           };
-          var rowEditorInitButtonProps = mergeProps(_defineProperty(_defineProperty({
+          var rowEditorInitButtonProps = mergeProps({
             type: 'button',
             name: 'row-edit',
             'aria-label': PrimeReact$1.ariaLabel('editRow'),
             onClick: rowEditorProps.onInitClick,
             className: rowEditorProps.initClassName,
-            tabIndex: props.tabIndex
-          }, "aria-label", PrimeReact$1.ariaLabel('editRow')), 'data-p-row-editor-init', true), getColumnPTOptions('rowEditorInitButton'));
+            tabIndex: props.tabIndex,
+            'data-p-row-editor-init': true
+          }, getColumnPTOptions('rowEditorInitButton'));
           content = /*#__PURE__*/React__namespace.createElement("button", rowEditorInitButtonProps, rowEditorInitIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
         }
         if (body) {
@@ -2072,7 +2075,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var rowProps = mergeProps({
       role: 'row',
       tabIndex: tabIndex,
-      className: utils.classNames(rowClassName, cx('bodyRow', {
+      className: utils.classNames(cx('bodyRow', {
         rowProps: props
       })),
       style: style,
@@ -2131,7 +2134,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }),
       'data-p-highlight': props.selected,
       'data-p-highlight-contextmenu': props.contextMenuSelected
-    }, getBodyRowPTOptions('bodyRow'));
+    }, getBodyRowPTOptions('bodyRow'), {
+      className: rowClassName // #5983 must be last so all unstyled merging takes place first
+    });
+
     return /*#__PURE__*/React__namespace.createElement("tr", rowProps, content);
   });
   BodyRow.displayName = 'BodyRow';
@@ -2485,7 +2491,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           type: type
         });
       }
-      focusOnElement(originalEvent, true);
       if (props.onSelectionChange && selection !== props.selection) {
         props.onSelectionChange({
           originalEvent: originalEvent,
@@ -2507,16 +2512,27 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
       anchorRowIndex.current = rangeRowIndex.current;
       anchorCellIndex.current = event.cellIndex;
-      focusOnElement(event.originalEvent, false);
     };
     var selectRange = function selectRange(event) {
-      var rangeStart, rangeEnd;
+      var rangeStart, rangeEnd, selectedSize;
+      var isAllowCellSelection = allowCellSelection();
+      var index = utils.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;
       }
@@ -2524,7 +2540,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         rangeStart = Math.max(rangeStart - props.first, 0);
         rangeEnd -= props.first;
       }
-      return allowCellSelection() ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
+      return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
     };
     var selectRangeOnRow = function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {
       var value = props.value;
@@ -3513,127 +3529,127 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
 
   var locales = {
     en: {
-      startsWith: 'Starts with',
+      accept: 'Yes',
+      addRule: 'Add Rule',
+      am: 'AM',
+      apply: 'Apply',
+      cancel: 'Cancel',
+      choose: 'Choose',
+      chooseDate: 'Choose Date',
+      chooseMonth: 'Choose Month',
+      chooseYear: 'Choose Year',
+      clear: 'Clear',
+      completed: 'Completed',
       contains: 'Contains',
-      notContains: 'Not contains',
+      custom: 'Custom',
+      dateAfter: 'Date is after',
+      dateBefore: 'Date is before',
+      dateFormat: 'mm/dd/yy',
+      dateIs: 'Date is',
+      dateIsNot: 'Date is not',
+      dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+      dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+      dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+      emptyFilterMessage: 'No results found',
+      emptyMessage: 'No available options',
+      emptySearchMessage: 'No results found',
+      emptySelectionMessage: 'No selected item',
       endsWith: 'Ends with',
       equals: 'Equals',
-      notEquals: 'Not equals',
-      noFilter: 'No Filter',
+      fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
       filter: 'Filter',
-      lt: 'Less than',
-      lte: 'Less than or equal to',
+      firstDayOfWeek: 0,
       gt: 'Greater than',
       gte: 'Greater than or equal to',
-      dateIs: 'Date is',
-      dateIsNot: 'Date is not',
-      dateBefore: 'Date is before',
-      dateAfter: 'Date is after',
-      custom: 'Custom',
-      clear: 'Clear',
-      close: 'Close',
-      apply: 'Apply',
+      lt: 'Less than',
+      lte: 'Less than or equal to',
       matchAll: 'Match All',
       matchAny: 'Match Any',
-      addRule: 'Add Rule',
-      removeRule: 'Remove Rule',
-      accept: 'Yes',
-      reject: 'No',
-      choose: 'Choose',
-      upload: 'Upload',
-      cancel: 'Cancel',
-      completed: 'Completed',
-      pending: 'Pending',
-      fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-      dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-      dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-      dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+      medium: 'Medium',
       monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
       monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-      chooseYear: 'Choose Year',
-      chooseMonth: 'Choose Month',
-      chooseDate: 'Choose Date',
-      prevDecade: 'Previous Decade',
       nextDecade: 'Next Decade',
-      prevYear: 'Previous Year',
-      nextYear: 'Next Year',
-      prevMonth: 'Previous Month',
-      nextMonth: 'Next Month',
-      prevHour: 'Previous Hour',
       nextHour: 'Next Hour',
-      prevMinute: 'Previous Minute',
       nextMinute: 'Next Minute',
-      prevSecond: 'Previous Second',
+      nextMonth: 'Next Month',
       nextSecond: 'Next Second',
-      prevMilliSecond: 'Previous Second',
-      nextMilliSecond: 'Next Second',
-      am: 'am',
-      pm: 'pm',
-      today: 'Today',
+      nextYear: 'Next Year',
+      noFilter: 'No Filter',
+      notContains: 'Not contains',
+      notEquals: 'Not equals',
       now: 'Now',
-      weekHeader: 'Wk',
-      firstDayOfWeek: 0,
+      passwordPrompt: 'Enter a password',
+      pending: 'Pending',
+      pm: 'PM',
+      prevDecade: 'Previous Decade',
+      prevHour: 'Previous Hour',
+      prevMinute: 'Previous Minute',
+      prevMonth: 'Previous Month',
+      prevSecond: 'Previous Second',
+      prevYear: 'Previous Year',
+      reject: 'No',
+      removeRule: 'Remove Rule',
+      searchMessage: '{0} results are available',
+      selectionMessage: '{0} items selected',
       showMonthAfterYear: false,
-      dateFormat: 'mm/dd/yy',
-      weak: 'Weak',
-      medium: 'Medium',
+      startsWith: 'Starts with',
       strong: 'Strong',
-      passwordPrompt: 'Enter a password',
-      emptyFilterMessage: 'No available options',
-      emptyMessage: 'No results found',
+      today: 'Today',
+      upload: 'Upload',
+      weak: 'Weak',
+      weekHeader: 'Wk',
       aria: {
-        trueLabel: 'True',
-        falseLabel: 'False',
-        nullLabel: 'Not Selected',
-        star: '1 star',
-        stars: '{star} stars',
-        selectAll: 'All items selected',
-        unselectAll: 'All items unselected',
+        cancelEdit: 'Cancel Edit',
         close: 'Close',
-        previous: 'Previous',
-        next: 'Next',
-        navigation: 'Navigation',
-        scrollTop: 'Scroll Top',
-        moveTop: 'Move Top',
-        moveUp: 'Move Up',
-        moveDown: 'Move Down',
-        moveBottom: 'Move Bottom',
-        moveToTarget: 'Move to Target',
-        moveToSource: 'Move to Source',
-        moveAllToTarget: 'Move All to Target',
-        moveAllToSource: 'Move All to Source',
-        pageLabel: 'Page {page}',
+        collapseRow: 'Row Collapsed',
+        editRow: 'Edit Row',
+        expandRow: 'Row Expanded',
+        falseLabel: 'False',
+        filterConstraint: 'Filter Constraint',
+        filterOperator: 'Filter Operator',
         firstPageLabel: 'First Page',
+        gridView: 'Grid View',
+        hideFilterMenu: 'Hide Filter Menu',
+        jumpToPageDropdownLabel: 'Jump to Page Dropdown',
+        jumpToPageInputLabel: 'Jump to Page Input',
         lastPageLabel: 'Last Page',
+        listView: 'List View',
+        moveAllToSource: 'Move All to Source',
+        moveAllToTarget: 'Move All to Target',
+        moveBottom: 'Move Bottom',
+        moveDown: 'Move Down',
+        moveToSource: 'Move to Source',
+        moveToTarget: 'Move to Target',
+        moveTop: 'Move Top',
+        moveUp: 'Move Up',
+        navigation: 'Navigation',
+        next: 'Next',
         nextPageLabel: 'Next Page',
+        nullLabel: 'Not Selected',
+        pageLabel: 'Page {page}',
+        otpLabel: 'Please enter one time password character {0}',
+        passwordHide: 'Hide Password',
+        passwordShow: 'Show Password',
+        previous: 'Previous',
         previousPageLabel: 'Previous Page',
+        rotateLeft: 'Rotate Left',
+        rotateRight: 'Rotate Right',
         rowsPerPageLabel: 'Rows per page',
-        jumpToPageDropdownLabel: 'Jump to Page Dropdown',
-        jumpToPageInputLabel: 'Jump to Page Input',
+        saveEdit: 'Save Edit',
+        scrollTop: 'Scroll Top',
+        selectAll: 'All items selected',
         selectRow: 'Row Selected',
-        unselectRow: 'Row Unselected',
-        expandRow: 'Row Expanded',
-        collapseRow: 'Row Collapsed',
         showFilterMenu: 'Show Filter Menu',
-        hideFilterMenu: 'Hide Filter Menu',
-        filterOperator: 'Filter Operator',
-        filterConstraint: 'Filter Constraint',
-        editRow: 'Row Edit',
-        saveEdit: 'Save Edit',
-        cancelEdit: 'Cancel Edit',
-        listView: 'List View',
-        gridView: 'Grid View',
         slide: 'Slide',
         slideNumber: '{slideNumber}',
+        star: '1 star',
+        stars: '{star} stars',
+        trueLabel: 'True',
+        unselectAll: 'All items unselected',
+        unselectRow: 'Row Unselected',
         zoomImage: 'Zoom Image',
         zoomIn: 'Zoom In',
-        zoomOut: 'Zoom Out',
-        rotateRight: 'Rotate Right',
-        rotateLeft: 'Rotate Left',
-        selectLabel: 'Select',
-        unselectLabel: 'Unselect',
-        expandLabel: 'Expand',
-        collapseLabel: 'Collapse'
+        zoomOut: 'Zoom Out'
       }
     }
   };
@@ -3790,7 +3806,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       overlayVisibleState = _React$useState2[0],
       setOverlayVisibleState = _React$useState2[1];
     var overlayRef = React__namespace.useRef(null);
-    var overlayId = React__namespace.useRef(utils.UniqueComponentId());
+    var overlayId = React__namespace.useRef(function () {
+      return utils.UniqueComponentId();
+    });
     var iconRef = React__namespace.useRef(null);
     var selfClick = React__namespace.useRef(false);
     var overlayEventListener = React__namespace.useRef(null);