@innovaccer/design-system 2.31.0 → 2.31.1

package/CHANGELOG.md

@@ -1,3 +1,39 @@
+## 2.31.1 (2024-04-19)
+
+### Highlights
+
+- fix(table): update table selection behaviour in sync table (aa39ac56)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+NA
+
+### Fixes
+
+- fix(table): update table selection behaviour in sync table (aa39ac56)
+
+### Improvements
+
+NA
+
+### Documentation
+
+NA
+
+---
+
 ## 2.31.0 (2024-04-15)
 
 ### Highlights

package/dist/.lib/tsconfig.type.tsbuildinfo

@@ -1442,17 +1442,17 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Header.tsx": {
-        "version": "83707cf85387fcdd0fd573238510fd819ddcf64fe80fa8bee497b4ad71aa1040",
+        "version": "0c26a544af7e767dfb90c62b7468dfe398ad7afbecc725114660d13fe34e1a04",
         "signature": "a15955f6aa0ca3d2d2cd6b8619b5a9bea81500fad8d18515c3914f8605e56688",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/utils.tsx": {
-        "version": "22c72eb66d3854b8f01f77cc7ea33e4b0ce02899b6499fd4bab695ea31ae32f7",
-        "signature": "2f9fd66ccdd1799bf995a0f8a5aa81cf3243a96fb874b5fa26fb433a99e752c5",
+        "version": "312d0397081e5ffbcdb061b17e43c87964f05e6226bba2dbb27e8ea3d3855650",
+        "signature": "1864c5d66715271163493b60731f982e9aa850ecd52ffab1c2835c73cd54660b",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Table.tsx": {
-        "version": "420d8c23b537b8fa2bab3e7e16b0e1825b8b579dda20fd6d29128da3c97b388b",
+        "version": "94b4a480a004cbf3758c812b10108002c5cea3c9144736602b7811e845338148",
         "signature": "d1b01f382f3550d66f528697b3255a8322e143078ff37888c1ad2a1db87f4dc2",
         "affectsGlobalScope": false
       },

package/dist/core/components/organisms/table/utils.d.ts

@@ -1,3 +1,3 @@
 import { RowData, GridProps } from "../grid";
-export declare const getUpdatedData: (data: GridProps['data'], uniqueColumnName: string, selectedList: [], isCancelSelection?: boolean | undefined, isSelectAll?: boolean | undefined) => RowData[];
-export declare const removeDuplicate: (data: RowData[], uniqueColumnName: string) => RowData[];
+export declare const getUpdatedData: (data: GridProps['data'], selectedList: [], uniqueColumnName?: string | undefined, isCancelSelection?: boolean | undefined, isSelectAll?: boolean | undefined) => RowData[];
+export declare const removeDuplicate: (data: RowData[], uniqueColumnName?: string | undefined) => RowData[];

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1713188219337 
+   * Generated on: 1713523162579 
    *      Package: @innovaccer/design-system
-   *      Version: v2.31.0
+   *      Version: v2.31.1
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -21007,9 +21007,11 @@ var Header = function Header(props) {
       return "Selected ".concat(selectedRowsCount, " ").concat(customLabel).concat(getPluralSuffix(selectedRowsCount));
     } else if (selectedCount && !uniqueColumnName && withCheckbox) {
       return "Selected ".concat(selectedCount, " ").concat(customLabel).concat(getPluralSuffix(selectedCount));
+    } else if (withPagination) {
+      return "Showing ".concat(startIndex, "-").concat(endIndex, " of ").concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords));
     }
 
-    return;
+    return "Showing ".concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords));
   };
 
   return /*#__PURE__*/React.createElement("div", {
@@ -21123,9 +21125,9 @@ var isElementPresent = function isElementPresent(list, uniqueColumnName, value)
   return arr.length > 0;
 };
 
-var getUpdatedData = function getUpdatedData(data, uniqueColumnName, selectedList, isCancelSelection, isSelectAll) {
+var getUpdatedData = function getUpdatedData(data, selectedList, uniqueColumnName, isCancelSelection, isSelectAll) {
   var updatedData = data.map(function (item) {
-    if (isSelectAll || item._selected && !isCancelSelection || item[uniqueColumnName] && selectedList && isElementPresent(selectedList, uniqueColumnName, item[uniqueColumnName]) && !isCancelSelection) {
+    if (isSelectAll || item._selected && !isCancelSelection || uniqueColumnName && item[uniqueColumnName] && selectedList && isElementPresent(selectedList, uniqueColumnName, item[uniqueColumnName]) && !isCancelSelection) {
       item._selected = true;
     } else if (isCancelSelection) {
       item._selected = false;
@@ -21153,7 +21155,11 @@ var uniqueByKey = function uniqueByKey(arr, key) {
 };
 
 var removeDuplicate = function removeDuplicate(data, uniqueColumnName) {
-  return uniqueByKey(data, uniqueColumnName);
+  if (uniqueColumnName) {
+    return uniqueByKey(data, uniqueColumnName);
+  }
+
+  return data;
 };
 
 var _excluded$l = ["children"];
@@ -21262,8 +21268,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
           withPagination = _this$props.withPagination,
           dataProp = _this$props.data,
           onSearch = _this$props.onSearch,
-          _this$props$uniqueCol = _this$props.uniqueColumnName,
-          uniqueColumnName = _this$props$uniqueCol === void 0 ? 'id' : _this$props$uniqueCol;
+          uniqueColumnName = _this$props.uniqueColumnName;
       var _this$state = _this.state,
           async = _this$state.async,
           page = _this$state.page,
@@ -21304,7 +21309,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
                 _this.selectedRowsRef.current = _this.selectedRowsRef.current ? removeDuplicate([].concat(_toConsumableArray(_this.selectedRowsRef.current), _toConsumableArray(preSelectedRows)), uniqueColumnName) : removeDuplicate(_toConsumableArray(preSelectedRows), uniqueColumnName);
               }
 
-              var selectedData = getUpdatedData(dataReplica, uniqueColumnName, _this.selectedRowsRef.current, _this.clearSelectionRef.current, _this.selectAllRef.current);
+              var selectedData = getUpdatedData(dataReplica, _this.selectedRowsRef.current, uniqueColumnName, _this.clearSelectionRef.current, _this.selectAllRef.current);
 
               _this.setState({
                 data: selectedData,
@@ -21341,6 +21346,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
         var preSelectedRows = renderedData.filter(function (item) {
           return item._selected;
         });
+        var renderedDataReplica = JSON.parse(JSON.stringify(renderedData));
 
         if (_this.clearSelectionRef.current) {
           _this.selectedRowsRef.current = [];
@@ -21348,7 +21354,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
           _this.selectedRowsRef.current = _this.selectedRowsRef.current ? removeDuplicate([].concat(_toConsumableArray(_this.selectedRowsRef.current), _toConsumableArray(preSelectedRows)), uniqueColumnName) : removeDuplicate(_toConsumableArray(preSelectedRows), uniqueColumnName);
         }
 
-        var selectedData = getUpdatedData(renderedData, uniqueColumnName, _this.selectedRowsRef.current, _this.clearSelectionRef.current, _this.selectAllRef.current);
+        var selectedData = getUpdatedData(renderedDataReplica, _this.selectedRowsRef.current, uniqueColumnName, _this.clearSelectionRef.current, _this.selectAllRef.current);
 
         _this.setState({
           totalRecords: totalRecords,
@@ -21366,8 +21372,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
       var data = _this.state.data;
       var _this$props2 = _this.props,
           onSelect = _this$props2.onSelect,
-          _this$props2$uniqueCo = _this$props2.uniqueColumnName,
-          uniqueColumnName = _this$props2$uniqueCo === void 0 ? 'id' : _this$props2$uniqueCo;
+          uniqueColumnName = _this$props2.uniqueColumnName;
 
       if (_this.selectAllRef.current && rowIndexes !== -1 && !selected) {
         _this.selectAllRef.current = false;
@@ -21428,7 +21433,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
           })].concat(_toConsumableArray(_this.selectedRowsRef.current));
         }
 
-        if (!selected) {
+        if (!selected && uniqueColumnName) {
           selectedItemList = _this.selectedRowsRef.current.filter(function (item) {
             return item[uniqueColumnName] !== rowData[uniqueColumnName];
           });
@@ -21456,8 +21461,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
     _defineProperty$1(_assertThisInitialized$1(_this), "onSelectAll", function (selected, selectAll, headerCheckbox) {
       var _this$props3 = _this.props,
           onSelect = _this$props3.onSelect,
-          _this$props3$uniqueCo = _this$props3.uniqueColumnName,
-          uniqueColumnName = _this$props3$uniqueCo === void 0 ? 'id' : _this$props3$uniqueCo;
+          uniqueColumnName = _this$props3.uniqueColumnName;
       var data = _this.state.data;
       var indexes = Array.from({
         length: data.length
@@ -21481,7 +21485,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
         selectedData = selectAll === undefined ? [].concat(_toConsumableArray(_this.selectedRowsRef.current || []), _toConsumableArray(newData.filter(function (d) {
           return d._selected;
         }))) : _this.selectedRowsRef.current;
-      } else if (!selected && headerCheckbox) {
+      } else if (!selected && headerCheckbox && uniqueColumnName) {
         _this.selectAllRef.current = false;
         _this.selectedRowsRef.current = [].concat(_toConsumableArray(_this.selectedRowsRef.current || []), _toConsumableArray(newData));
         _this.selectedRowsRef.current = _this.selectedRowsRef.current.filter(function (item1) {
@@ -26534,6 +26538,6 @@ Menu.defaultProps = {
   position: 'bottom-start'
 };
 
-var version = "2.31.0";
+var version = "2.31.1";
 
 export { ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };

package/dist/index.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1713188219586 
+   * Generated on: 1713523162818 
    *      Package: @innovaccer/design-system
-   *      Version: v2.31.0
+   *      Version: v2.31.1
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -15359,9 +15359,11 @@
           return "Selected " + selectedRowsCount + " " + customLabel + getPluralSuffix(selectedRowsCount);
         } else if (selectedCount && !uniqueColumnName && withCheckbox) {
           return "Selected " + selectedCount + " " + customLabel + getPluralSuffix(selectedCount);
+        } else if (withPagination) {
+          return "Showing " + startIndex + "-" + endIndex + " of " + totalRecords + " " + customLabel + getPluralSuffix(totalRecords);
         }
 
-        return;
+        return "Showing " + totalRecords + " " + customLabel + getPluralSuffix(totalRecords);
       };
 
       return /*#__PURE__*/React__namespace.createElement("div", {
@@ -15475,9 +15477,9 @@
       return arr.length > 0;
     };
 
-    var getUpdatedData = function getUpdatedData(data, uniqueColumnName, selectedList, isCancelSelection, isSelectAll) {
+    var getUpdatedData = function getUpdatedData(data, selectedList, uniqueColumnName, isCancelSelection, isSelectAll) {
       var updatedData = data.map(function (item) {
-        if (isSelectAll || item._selected && !isCancelSelection || item[uniqueColumnName] && selectedList && isElementPresent(selectedList, uniqueColumnName, item[uniqueColumnName]) && !isCancelSelection) {
+        if (isSelectAll || item._selected && !isCancelSelection || uniqueColumnName && item[uniqueColumnName] && selectedList && isElementPresent(selectedList, uniqueColumnName, item[uniqueColumnName]) && !isCancelSelection) {
           item._selected = true;
         } else if (isCancelSelection) {
           item._selected = false;
@@ -15505,7 +15507,11 @@
     };
 
     var removeDuplicate = function removeDuplicate(data, uniqueColumnName) {
-      return uniqueByKey(data, uniqueColumnName);
+      if (uniqueColumnName) {
+        return uniqueByKey(data, uniqueColumnName);
+      }
+
+      return data;
     };
 
     var defaultErrorTemplate = function defaultErrorTemplate(props) {
@@ -15576,14 +15582,13 @@
               withPagination = _a.withPagination,
               dataProp = _a.data,
               onSearch = _a.onSearch,
-              _b = _a.uniqueColumnName,
-              uniqueColumnName = _b === void 0 ? 'id' : _b;
-          var _c = _this.state,
-              async = _c.async,
-              page = _c.page,
-              sortingList = _c.sortingList,
-              filterList = _c.filterList,
-              searchTerm = _c.searchTerm;
+              uniqueColumnName = _a.uniqueColumnName;
+          var _b = _this.state,
+              async = _b.async,
+              page = _b.page,
+              sortingList = _b.sortingList,
+              filterList = _b.filterList,
+              searchTerm = _b.searchTerm;
 
           _this.onSelect(-1, false);
 
@@ -15617,7 +15622,7 @@
                     _this.selectedRowsRef.current = _this.selectedRowsRef.current ? removeDuplicate(__spreadArrays(_this.selectedRowsRef.current, preSelectedRows), uniqueColumnName) : removeDuplicate(__spreadArrays(preSelectedRows), uniqueColumnName);
                   }
 
-                  var selectedData = getUpdatedData(dataReplica, uniqueColumnName, _this.selectedRowsRef.current, _this.clearSelectionRef.current, _this.selectAllRef.current);
+                  var selectedData = getUpdatedData(dataReplica, _this.selectedRowsRef.current, uniqueColumnName, _this.clearSelectionRef.current, _this.selectAllRef.current);
 
                   _this.setState({
                     data: selectedData,
@@ -15654,6 +15659,7 @@
             var preSelectedRows = renderedData.filter(function (item) {
               return item._selected;
             });
+            var renderedDataReplica = JSON.parse(JSON.stringify(renderedData));
 
             if (_this.clearSelectionRef.current) {
               _this.selectedRowsRef.current = [];
@@ -15661,7 +15667,7 @@
               _this.selectedRowsRef.current = _this.selectedRowsRef.current ? removeDuplicate(__spreadArrays(_this.selectedRowsRef.current, preSelectedRows), uniqueColumnName) : removeDuplicate(__spreadArrays(preSelectedRows), uniqueColumnName);
             }
 
-            var selectedData = getUpdatedData(renderedData, uniqueColumnName, _this.selectedRowsRef.current, _this.clearSelectionRef.current, _this.selectAllRef.current);
+            var selectedData = getUpdatedData(renderedDataReplica, _this.selectedRowsRef.current, uniqueColumnName, _this.clearSelectionRef.current, _this.selectAllRef.current);
 
             _this.setState({
               totalRecords: totalRecords,
@@ -15679,8 +15685,7 @@
           var data = _this.state.data;
           var _a = _this.props,
               onSelect = _a.onSelect,
-              _b = _a.uniqueColumnName,
-              uniqueColumnName = _b === void 0 ? 'id' : _b;
+              uniqueColumnName = _a.uniqueColumnName;
 
           if (_this.selectAllRef.current && rowIndexes !== -1 && !selected) {
             _this.selectAllRef.current = false;
@@ -15738,7 +15743,7 @@
               })], _this.selectedRowsRef.current);
             }
 
-            if (!selected) {
+            if (!selected && uniqueColumnName) {
               selectedItemList = _this.selectedRowsRef.current.filter(function (item) {
                 return item[uniqueColumnName] !== rowData[uniqueColumnName];
               });
@@ -15763,8 +15768,7 @@
         _this.onSelectAll = function (selected, selectAll, headerCheckbox) {
           var _a = _this.props,
               onSelect = _a.onSelect,
-              _b = _a.uniqueColumnName,
-              uniqueColumnName = _b === void 0 ? 'id' : _b;
+              uniqueColumnName = _a.uniqueColumnName;
           var data = _this.state.data;
           var indexes = Array.from({
             length: data.length
@@ -15788,7 +15792,7 @@
             selectedData = selectAll === undefined ? __spreadArrays(_this.selectedRowsRef.current || [], newData.filter(function (d) {
               return d._selected;
             })) : _this.selectedRowsRef.current;
-          } else if (!selected && headerCheckbox) {
+          } else if (!selected && headerCheckbox && uniqueColumnName) {
             _this.selectAllRef.current = false;
             _this.selectedRowsRef.current = __spreadArrays(_this.selectedRowsRef.current || [], newData);
             _this.selectedRowsRef.current = _this.selectedRowsRef.current.filter(function (item1) {
@@ -20699,7 +20703,7 @@
       position: 'bottom-start'
     };
 
-    var version = "2.31.0";
+    var version = "2.31.1";
 
     exports.ActionCard = ActionCard;
     exports.Avatar = Avatar;