@innovaccer/design-system 2.30.1 → 2.31.0

package/css/src/components/grid.css

@@ -24,11 +24,12 @@
 
 .Grid--resource .Grid-row--body:active,
 .Grid--resource .Grid-row--body:active .Grid-cellGroup {
-  background: var(--warning-lightest) !important;
+  background: var(--secondary-lighter);
 }
 
 .Grid--resource .Grid-row--body:focus {
-  outline-color: var(--warning);
+  box-shadow: var(--shadow-spread) color-mod(var(--secondary) a(var(--opacity-16)));
+  outline: none;
 }
 
 .Grid--pinned {
@@ -136,6 +137,8 @@
   flex-shrink: 0;
   box-sizing: border-box;
   background: var(--white);
+  transition: var(--duration--fast-02) var(--standard-productive-curve);
+  transition-delay: var(--duration--fast-01);
 }
 
 .Grid-row--body {
@@ -144,7 +147,24 @@
 
 .Grid-row--selected,
 .Grid-row--selected .Grid-cellGroup {
-  background: var(--warning-lightest) !important;
+  background: color-mod(var(--primary-lightest) a(var(--opacity-48)));
+  transition: var(--duration--fast-02) var(--standard-productive-curve);
+}
+
+.Grid-row--selected:hover,
+.Grid-row--selected .Grid-cellGroup:hover {
+  background: color-mod(var(--primary-lighter) a(var(--opacity-48))) !important;
+}
+
+.Grid-row--selected:active,
+.Grid-row--selected .Grid-cellGroup:active {
+  background: var(--primary-lighter) !important;
+}
+
+.Grid-row--selected:focus,
+.Grid-row--selected .Grid-cellGroup:focus {
+  outline: none;
+  box-shadow: var(--shadow-spread) color-mod(var(--primary) a(var(--opacity-16)));
 }
 
 .Grid-rowWrapper:last-child .Grid-row--body {
@@ -223,7 +243,7 @@
 } */
 
 .Grid-row--disabled {
-  opacity: 0.4;
+  opacity: var(--opacity-40);
   pointer-events: none;
 }
 

package/css/src/components/listbox.css

@@ -55,11 +55,24 @@
 }
 
 .Listbox-item--option:active {
-  background: rgba(255, 245, 199, 0.6);
+  background: var(--secondary-lighter);
 }
 
 .Listbox-item--selected {
-  background: rgba(255, 245, 199, 0.6);
+  background: color-mod(var(--primary-lightest) a(var(--opacity-48)));
+}
+
+.Listbox-item--selected:hover {
+  background: color-mod(var(--primary-lighter) a(var(--opacity-48)));
+}
+
+.Listbox-item--selected:focus,
+.Listbox-item--selected:focus-visible {
+  outline: 3px auto color-mod(var(--primary-shadow));
+}
+
+.Listbox-item--selected:active {
+  background: var(--primary-lighter);
 }
 
 /* Listbox type - resource  */
@@ -78,11 +91,11 @@
 }
 
 .Listbox-item--resource:active {
-  background: rgba(255, 245, 199, 0.6);
+  background: var(--secondary-lighter);
 }
 
 .Listbox-item--activated {
-  background: rgba(255, 245, 199, 0.6);
+  background: var(--primary-lightest);
 }
 
 /* Listbox type - description  */
@@ -95,7 +108,7 @@
 /* Listbox type - disabled  */
 
 .Listbox-item--disabled {
-  opacity: 0.4;
+  opacity: var(--opacity-40);
   pointer-events: none;
 }
 

package/css/src/components/table.css

@@ -20,3 +20,17 @@
   padding: var(--spacing) 0;
   border-top: var(--border);
 }
+
+.Table-Header--Divider {
+  height: var(--spacing-xl);
+}
+
+.Table-Header-Label--hide {
+  animation: fadeOut var(--duration--fast-02) var(--exit-productive-curve);
+  animation-fill-mode: forwards;
+}
+
+.Table-Header-Label--show {
+  animation: fadeIn var(--duration--moderate-01) var(--entrance-productive-curve);
+  animation-fill-mode: forwards;
+}

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

@@ -772,7 +772,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/editableDropdown/EditableDropdown.tsx": {
-        "version": "aff9e7ff18391927e4b8d5fabe35c183530d1dca708c054bda7b37128561fb99",
+        "version": "3e5bfbee40aa4eec1fadc0dc76b0f12d8a2c62ab23f5cb1e183297f1e2c37820",
         "signature": "302fc70d29def09fc588806c4c2a49285cead7cdc4bc67b3a2a5422b1efd89af",
         "affectsGlobalScope": false
       },
@@ -1002,7 +1002,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/tooltip/Tooltip.tsx": {
-        "version": "74cb70b549c4db23e2cb566a8b8878828f75a260d698577b58bd9d8ce94f0e6c",
+        "version": "20e09cda490a406aa08597ac90cc2579e6ce2871e121f762f9ed62521dc189fb",
         "signature": "18a703cc805327b35dedf03be1340d605b0e5cf382298e25d31b6de5a89e0216",
         "affectsGlobalScope": false
       },
@@ -1382,8 +1382,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/utility.tsx": {
-        "version": "21c97e62504eed458a5d78d6400407632f4c11138562a3c55b53a51a5c113e59",
-        "signature": "8b1aa3bcb094b0f75fd2c6c9790e6d2de8f0a414c3859b45a27bd7135dd94be1",
+        "version": "5eb4597223f5a50136e484df7cea58635191d235b8857a9bfc342ea41f5c9ce5",
+        "signature": "cadb97eba5cde99055f17378baa97eb021b5dd0d8ce6e9ed0183c567ecb8910f",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/defaultProps.tsx": {
@@ -1422,8 +1422,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/Grid.tsx": {
-        "version": "6269cf40c8e9d1658e649ddec58df0fa99b40b1c3cca6d11c41f550a9f81ca61",
-        "signature": "d4c931213391f40cdc4e0a9af0e5f8ef76d328f5d84a27187aa95b4490ecec47",
+        "version": "4aa3c4bf2ba77cc921abe475614dfe4d752b724074fa17da8f0c2542ffaf82b3",
+        "signature": "0cdae61f00458ab061378bb8e8f5e7e03a6da3e93bfd45cf6e104d7d0deb7fa4",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/index.tsx": {
@@ -1442,13 +1442,18 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Header.tsx": {
-        "version": "64e821f9082c93ffac6c88e60fce181171561f793d7b523cc79152aaa56d8db4",
-        "signature": "313fe10290a0d84dbd5b25edb1829b22c68a7c14f036a1540f94a826ece62688",
+        "version": "83707cf85387fcdd0fd573238510fd819ddcf64fe80fa8bee497b4ad71aa1040",
+        "signature": "a15955f6aa0ca3d2d2cd6b8619b5a9bea81500fad8d18515c3914f8605e56688",
+        "affectsGlobalScope": false
+      },
+      "../../core/components/organisms/table/utils.tsx": {
+        "version": "22c72eb66d3854b8f01f77cc7ea33e4b0ce02899b6499fd4bab695ea31ae32f7",
+        "signature": "2f9fd66ccdd1799bf995a0f8a5aa81cf3243a96fb874b5fa26fb433a99e752c5",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Table.tsx": {
-        "version": "ddc606030d484f09735dc44a215d34d71ee861df12277a13c5fd8bf81f41ff81",
-        "signature": "30f7e42f75e052c2854cc6c8e4316b8aabea6fc8960f4051a3171d4dfd467296",
+        "version": "420d8c23b537b8fa2bab3e7e16b0e1825b8b579dda20fd6d29128da3c97b388b",
+        "signature": "d1b01f382f3550d66f528697b3255a8322e143078ff37888c1ad2a1db87f4dc2",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/index.tsx": {
@@ -5263,6 +5268,9 @@
           "*",
           "*",
           "*",
+          "*",
+          "*",
+          "*",
           "*"
         ]
       },
@@ -7359,13 +7367,15 @@
         "../../core/index.tsx",
         "../../core/index.type.tsx",
         "../../node_modules/@types/node/util.d.ts",
-        "../../node_modules/@types/react/index.d.ts"
+        "../../node_modules/@types/react/index.d.ts",
+        "../../node_modules/classnames/index.d.ts"
       ],
       "../../core/components/organisms/table/Table.tsx": [
         "../../core/components/molecules/pagination/index.tsx",
         "../../core/components/organisms/grid/index.tsx",
         "../../core/components/organisms/grid/utility.tsx",
         "../../core/components/organisms/table/Header.tsx",
+        "../../core/components/organisms/table/utils.tsx",
         "../../core/index.tsx",
         "../../core/utils/types.tsx",
         "../../node_modules/@types/node/util.d.ts",
@@ -7376,6 +7386,10 @@
         "../../core/components/organisms/table/Table.tsx",
         "../../node_modules/@types/node/util.d.ts"
       ],
+      "../../core/components/organisms/table/utils.tsx": [
+        "../../core/components/organisms/grid/index.tsx",
+        "../../node_modules/@types/node/util.d.ts"
+      ],
       "../../core/components/organisms/textField/TextField.tsx": [
         "../../core/components/organisms/textField/TextFieldWithInput.tsx",
         "../../core/components/organisms/textField/TextFieldWithTextarea.tsx",
@@ -13172,6 +13186,7 @@
       "../../core/components/organisms/table/Header.tsx",
       "../../core/components/organisms/table/Table.tsx",
       "../../core/components/organisms/table/index.tsx",
+      "../../core/components/organisms/table/utils.tsx",
       "../../core/components/organisms/textField/TextField.tsx",
       "../../core/components/organisms/textField/TextFieldCommon.tsx",
       "../../core/components/organisms/textField/TextFieldWithInput.tsx",

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -36,7 +36,7 @@ export declare type sortDataFunction = (comparator: Comparator, type: SortType)
 export declare type reorderColumnFunction = (from: string, to: string) => void;
 export declare type onSelectFn = (rowIndex: number, selected: boolean) => void;
 export declare type onFilterChangeFn = (name: ColumnSchema['name'], selected: any) => void;
-export declare type onSelectAllFunction = (selected: boolean, selectAll?: boolean) => void;
+export declare type onSelectAllFunction = (selected: boolean, selectAll?: boolean, headerCheckbox?: boolean) => void;
 export declare type onFilterChangeFunction = (data: RowData, filters: Filter) => boolean;
 export declare type onRowClickFunction = (data: RowData, rowIndex?: number) => void;
 export declare type onMenuChangeFn = (name: ColumnSchema['name'], selected: any) => void;

package/dist/core/components/organisms/grid/utility.d.ts

@@ -4,7 +4,7 @@ export * from "./columnUtility";
 export * from "./rowUtility";
 export declare const moveToIndex: (arr: any[], from: number, to: number) => any[];
 export declare const getTotalPages: (totalRecords: number, pageSize: number) => number;
-export declare const getSelectAll: (tableData: Data, selectDisabledRow?: boolean | undefined) => {
+export declare const getSelectAll: (tableData: Data, selectDisabledRow?: boolean | undefined, clearSelection?: boolean | undefined) => {
     indeterminate: boolean;
     checked: boolean;
 };

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { updateSchemaFunction, Schema, Data, onSelectAllFunction, GridProps, updateFilterListFunction } from "../grid/Grid";
+import { updateSchemaFunction, Schema, Data, onSelectAllFunction, GridProps, updateFilterListFunction, RowData } from "../grid/Grid";
 export interface ExternalHeaderProps {
     children?: React.ReactNode;
     withSearch?: boolean;
@@ -8,6 +8,7 @@ export interface ExternalHeaderProps {
     allowSelectAll?: boolean;
     customSelectionLabel?: string;
     globalActionRenderer?: (data: Data) => React.ReactNode;
+    selectionActionRenderer?: (selectedRows: RowData[], selectAll?: boolean) => React.ReactNode;
 }
 export declare type updateSearchTermFunction = (newSearchTerm: string) => void;
 export interface HeaderProps extends ExternalHeaderProps {
@@ -30,6 +31,11 @@ export interface HeaderProps extends ExternalHeaderProps {
     onSelectAll?: onSelectAllFunction;
     searchTerm?: string;
     updateSearchTerm?: updateSearchTermFunction;
+    selectedRowsRef?: React.MutableRefObject<any>;
+    selectedAllRef?: React.MutableRefObject<any>;
+    onClearSelection?: () => void;
+    onSelectAllRows?: () => void;
+    uniqueColumnName?: string;
 }
 export declare const Header: {
     (props: HeaderProps): JSX.Element;

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

@@ -47,6 +47,7 @@ interface SharedTableProps extends BaseProps {
     separator?: GridProps['headCellTooltip'];
     filterPosition: FilterPosition;
     selectDisabledRow?: boolean;
+    uniqueColumnName?: string;
 }
 export declare type SyncTableProps = SharedTableProps & TableSyncProps;
 export declare type AsyncTableProps = SharedTableProps & AsyncProps;
@@ -118,6 +119,9 @@ export declare class Table extends React.Component<TableProps, TableState> {
         errorTemplate: (props: ErrorTemplateProps) => JSX.Element;
     };
     debounceUpdate: () => void;
+    selectedRowsRef: React.MutableRefObject<any>;
+    clearSelectionRef: React.MutableRefObject<any>;
+    selectAllRef: React.MutableRefObject<any>;
     constructor(props: TableProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: TableProps, prevState: TableState): void;
@@ -130,6 +134,9 @@ export declare class Table extends React.Component<TableProps, TableState> {
     updateSortingList: updateSortingListFunction;
     updateFilterList: updateFilterListFunction;
     updateSearchTerm: updateSearchTermFunction;
+    onClearSelection: () => void;
+    resetClearSelection: () => void;
+    onSelectAllRows: () => void;
     render(): JSX.Element;
 }
 export default Table;

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

@@ -0,0 +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[];