@bcgov-sso/common-react-components 1.30.3 → 1.31.1

package/dist/esm/types/components/Table/Table.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const TABLE_BACKGROUND_COLOR = "#ededed";
 export declare const TABLE_ROW_ACTIVE_COLOR = "#4950FA";
 export declare const TABLE_ROW_HOVER_COLOR = "#fdb913";
@@ -5,8 +6,35 @@ export declare const TABLE_ROW_HEIGHT = 40;
 export declare const TABLE_ROW_HEIGHT_MINI = 40;
 export declare const TABLE_ROW_SPACING = 5;
 export declare const TABLE_ROW_BORDER_RADIUS = 6;
-declare const Table: import("styled-components").StyledComponent<"table", any, {
-    variant?: string | undefined;
-    readOnly?: boolean | undefined;
-}, never>;
+export interface Option {
+    value: string | string[];
+    label: string;
+}
+export interface TableFilter {
+    key?: string;
+    value?: string | Option[];
+    multiselect?: boolean;
+    onChange?: Function;
+    options: Option[];
+    label?: string;
+}
+export interface Column {
+    header: string;
+    accessorKey: string;
+}
+export interface TableProps {
+    variant?: string;
+    readOnly?: boolean;
+    columns: Column[];
+    data: unknown[];
+    onRowSelect?: Function;
+    defaultPageSize?: number;
+    enableGlobalSearch?: boolean;
+    globalSearchPlaceholder?: string;
+    globalSearchStyle?: React.CSSProperties;
+    enablePagination?: boolean;
+    pageSizeOptions?: number[];
+    noDataFoundText?: string;
+}
+declare const Table: ({ variant, columns, data, readOnly, onRowSelect, defaultPageSize, enableGlobalSearch, globalSearchPlaceholder, globalSearchStyle, enablePagination, pageSizeOptions, noDataFoundText, }: TableProps) => JSX.Element;
 export default Table;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import * as _button_inc_component_library_Button from '@button-inc/component-library/Button';
+import React from 'react';
 import * as styled_components from 'styled-components';
 import * as rc_tabs_lib_Tabs from 'rc-tabs/lib/Tabs';
 import { TabPane } from 'rc-tabs';
-import React from 'react';
 
 declare function AccordionPanel({ title, hash, allOpen, setAllOpen, children }: any): JSX.Element;
 interface Props$6 {
@@ -37,10 +37,25 @@ interface Props$4 {
 }
 declare const Alert: (props: Props$4) => JSX.Element;
 
-declare const Table: styled_components.StyledComponent<"table", any, {
-    variant?: string | undefined;
-    readOnly?: boolean | undefined;
-}, never>;
+interface Column {
+    header: string;
+    accessorKey: string;
+}
+interface TableProps {
+    variant?: string;
+    readOnly?: boolean;
+    columns: Column[];
+    data: unknown[];
+    onRowSelect?: Function;
+    defaultPageSize?: number;
+    enableGlobalSearch?: boolean;
+    globalSearchPlaceholder?: string;
+    globalSearchStyle?: React.CSSProperties;
+    enablePagination?: boolean;
+    pageSizeOptions?: number[];
+    noDataFoundText?: string;
+}
+declare const Table: ({ variant, columns, data, readOnly, onRowSelect, defaultPageSize, enableGlobalSearch, globalSearchPlaceholder, globalSearchStyle, enablePagination, pageSizeOptions, noDataFoundText, }: TableProps) => JSX.Element;
 
 declare const StyledTabs: styled_components.StyledComponent<rc_tabs_lib_Tabs.ForwardTabsType, any, {}, never>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcgov-sso/common-react-components",
-  "version": "1.30.3",
+  "version": "1.31.1",
   "description": "common react components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -25,6 +25,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",
     "@fortawesome/react-fontawesome": "^0.1.18",
+    "@tanstack/react-table": "^8.20.1",
     "@types/lodash.kebabcase": "^4.1.7",
     "@types/styled-components": "^5.1.25",
     "history": "^5.3.0",
@@ -33,6 +34,7 @@
     "pre-commit": "^1.2.2",
     "rc-tabs": "^11.16.0",
     "react-loader-spinner": "^6.0.0-0",
+    "react-select": "^5.8.0",
     "styled-components": "^5.3.5"
   },
   "peerDependencies": {
@@ -73,6 +75,7 @@
     "@vanilla-extract/vite-plugin": "^3.8.0",
     "@vitejs/plugin-react": "^3.1.0",
     "babel-preset-react": "^6.24.1",
+    "loader-utils": "^2.0.4",
     "prettier": "^2.7.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -81,7 +84,6 @@
     "storybook-addon-designs": "^6.3.1",
     "typescript": "^4.7.4",
     "vite": "^4.2.1",
-    "vite-tsconfig-paths": "^4.0.7",
-    "loader-utils": "^2.0.4"
+    "vite-tsconfig-paths": "^4.0.7"
   }
 }