@bcgov-sso/common-react-components 1.31.3 → 2.1.1

package/dist/{esm/types → types/src}/components/Accordion/Accordion.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare function AccordionPanel({ title, hash, allOpen, setAllOpen, children }: any): JSX.Element;
+import React from 'react';
+declare function AccordionPanel({ title, hash, allOpen, setAllOpen, children }: any): React.JSX.Element;
 interface Props {
     children: any;
     open?: boolean;
 }
-declare function Accordion({ children, open }: Props): JSX.Element;
+declare function Accordion({ children, open }: Props): React.JSX.Element;
 declare namespace Accordion {
     var Panel: typeof AccordionPanel;
 }

package/dist/{cjs/types → types/src}/components/Alert/Alert.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const styles: {
     shared: {
         container: string;
@@ -23,5 +23,5 @@ interface Props {
     closable?: boolean;
     [key: string]: any;
 }
-declare const Alert: (props: Props) => JSX.Element;
+declare const Alert: (props: Props) => React.JSX.Element;
 export default Alert;

package/dist/{cjs/types → types/src}/components/Border/Border.d.ts

@@ -5,5 +5,5 @@ interface Props {
     borderWidth?: string;
     children?: React.ReactNode;
 }
-declare const Border: ({ color, round, borderWidth, children }: Props) => JSX.Element;
+declare const Border: ({ color, round, borderWidth, children }: Props) => React.JSX.Element;
 export default Border;

package/dist/{cjs/types → types/src}/components/Button/Button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const styles: {
     shared: {
         button: string;

package/dist/{esm/types → types/src}/components/Header/Header.d.ts

@@ -4,5 +4,5 @@ interface Props {
     size?: string;
     children: React.ReactNode;
 }
-declare const Header: ({ variant, size, children }: Props) => JSX.Element;
+declare const Header: ({ variant, size, children }: Props) => React.JSX.Element;
 export default Header;

package/dist/{esm/types → types/src}/components/InfoText/InfoText.d.ts

@@ -3,5 +3,5 @@ interface Props {
     italic?: boolean;
     children: React.ReactNode;
 }
-declare const InfoText: ({ italic, children }: Props) => JSX.Element;
+declare const InfoText: ({ italic, children }: Props) => React.JSX.Element;
 export default InfoText;

package/dist/{cjs/types → types/src}/components/LastSavedMessage/LastSavedMessage.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface Props {
     saving: boolean;
     content?: string;
     variant?: string;
 }
-declare function LastSavedMessage({ saving, content, variant }: Props): JSX.Element | null;
+declare function LastSavedMessage({ saving, content, variant }: Props): React.JSX.Element | null;
 export default LastSavedMessage;

package/dist/{esm/types → types/src}/components/NumberedContents/NumberedContents.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface Props {
     number: number;
     title: string;
@@ -8,5 +8,5 @@ interface Props {
     circleDiameter?: string;
     circleMargin?: string;
 }
-export default function NumberedContents({ number, title, children, showLine, circleDiameter, circleMargin, variant, }: Props): JSX.Element;
+export default function NumberedContents({ number, title, children, showLine, circleDiameter, circleMargin, variant, }: Props): React.JSX.Element;
 export {};

package/dist/types/src/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function SearchBar(props: any): React.JSX.Element;
+export default SearchBar;

package/dist/{cjs/types → types/src}/components/Table/Table.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Row, ColumnDef } from '@tanstack/react-table';
 export declare const TABLE_BACKGROUND_COLOR = "#ededed";
 export declare const TABLE_ROW_ACTIVE_COLOR = "#4950FA";
 export declare const TABLE_ROW_HOVER_COLOR = "#fdb913";
@@ -17,16 +18,32 @@ export interface TableFilter {
     onChange?: Function;
     options: Option[];
     label?: string;
+    defaultValue?: Option | Option[];
 }
 export interface Column {
     header: string;
     accessorKey: string;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    meta?: {
+        filterLabel?: string;
+        filterOptions?: Option[];
+        multiSelect?: boolean;
+        filterPlaceholder?: string;
+        defaultValue?: Option | Option[];
+    };
+    cell?: (props: {
+        value: any;
+        row: Row<unknown>;
+    }) => React.ReactNode;
+    footer?: React.ReactNode;
 }
-export interface TableProps {
+export interface TableProps<T extends object> {
     variant?: string;
     readOnly?: boolean;
-    columns: Column[];
-    data: unknown[];
+    columns: ColumnDef<T, any>[];
+    hiddenColumns?: string[];
+    data: T[];
     onRowSelect?: Function;
     defaultPageSize?: number;
     enableGlobalSearch?: boolean;
@@ -36,5 +53,5 @@ export interface TableProps {
     pageSizeOptions?: number[];
     noDataFoundText?: string;
 }
-declare const Table: ({ variant, columns, data, readOnly, onRowSelect, defaultPageSize, enableGlobalSearch, globalSearchPlaceholder, globalSearchStyle, enablePagination, pageSizeOptions, noDataFoundText, }: TableProps) => JSX.Element;
+declare const Table: <T extends object>({ variant, columns, hiddenColumns, data, readOnly, onRowSelect, defaultPageSize, enableGlobalSearch, globalSearchPlaceholder, globalSearchStyle, enablePagination, pageSizeOptions, noDataFoundText, }: TableProps<T>) => React.JSX.Element;
 export default Table;

package/dist/types/src/components/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+declare const StyledTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("rc-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("rc-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export default StyledTabs;
+export declare const Tab: import("react").ForwardRefExoticComponent<import("rc-tabs/lib/TabPanelList/TabPane").TabPaneProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/package.json

@@ -1,89 +1,74 @@
 {
   "name": "@bcgov-sso/common-react-components",
-  "version": "1.31.3",
+  "version": "2.1.1",
   "description": "common react components",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
   "files": [
     "dist"
   ],
   "types": "dist/index.d.ts",
-  "scripts": {
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "deploy-storybook": "storybook-to-ghpages",
-    "rollup": "rollup -c"
-  },
   "author": "SSO Team",
   "license": "Apache-2.0",
+  "repository": {
+    "url": "https://github.com/bcgov/sso-react-components"
+  },
   "bugs": {
     "url": "https://github.com/bcgov/sso-react-components/issues"
   },
   "homepage": "https://github.com/bcgov/sso-react-components#readme",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.0",
+    "@storybook/addon-a11y": "^9.1.1",
+    "@storybook/addon-designs": "^10.0.2",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-links": "^9.1.1",
+    "@storybook/addon-vitest": "^9.1.1",
+    "@storybook/experimental-addon-test": "^8.6.14",
+    "@storybook/react-vite": "^9.1.1",
+    "@types/lodash.flatten": "^4.4.9",
+    "@types/lodash.kebabcase": "^4.1.9",
+    "@types/node": "^24.2.1",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "playwright": "^1.54.2",
+    "rollup": "^4.46.2",
+    "rollup-plugin-dts": "^6.2.1",
+    "storybook": "^9.1.1",
+    "storybook-addon-designs": "^6.3.1",
+    "typescript": "^5.9.2",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.2.4"
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build:types": "tsc",
+    "deploy-storybook": "storybook-to-ghpages",
+    "rollup": "rollup -c"
+  },
   "dependencies": {
-    "@button-inc/component-library": "^1.0.1",
-    "@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",
+    "@button-inc/component-library": "^1.0.3",
+    "@fortawesome/fontawesome-svg-core": "^7.0.0",
+    "@fortawesome/free-solid-svg-icons": "^7.0.0",
+    "@fortawesome/react-fontawesome": "^0.2.3",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@tanstack/react-table": "^8.21.3",
     "history": "^5.3.0",
     "lodash.flatten": "^4.4.0",
     "lodash.kebabcase": "^4.1.1",
-    "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"
+    "rc-tabs": "^15.7.0",
+    "react-loader-spinner": "^6.1.6",
+    "react-select": "^5.10.2",
+    "styled-components": "^6.1.19"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  },
-  "resolutions": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "parse-url": ">=8.1.0",
-    "json5": ">=2.2.2",
-    "terser": ">=5.14.2",
-    "trim-newlines": ">=3.0.1",
-    "glob-parent": ">=5.1.2",
-    "trim": ">=0.0.3",
-    "loader-utils": ">=2.0.4"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.21.3",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-stage-0": "^7.8.3",
-    "@babel/preset-typescript": "^7.21.0",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-vite": "^0.4.2",
-    "@storybook/client-api": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/react-vite": "^7.0.0-alpha.25",
-    "@storybook/storybook-deployer": "^2.8.16",
-    "@types/lodash": "^4.14.182",
-    "@types/lodash.flatten": "^4.4.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",
-    "rollup": "^2.75.6",
-    "rollup-plugin-dts": "^4.2.2",
-    "storybook-addon-designs": "^6.3.1",
-    "typescript": "^4.7.4",
-    "vite": "^4.2.1",
-    "vite-tsconfig-paths": "^4.0.7"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   }
 }