@stella-source/stellasource-dsl 3.6.0 → 5.1.0

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { RadioButtonProps } from "./types";
+declare const RadioButton: ({ id, name, value, className, label, checked, disabled, align, onChange, htmlProps, }: RadioButtonProps) => React.JSX.Element;
+export default RadioButton;

package/dist/esm/types/components/RadioButton/RadioButton.stories.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ id, name, value, className, label, checked, disabled, align, onChange, htmlProps, }: import("./types").RadioButtonProps) => React.JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        label: string;
+    };
+};
+export default _default;
+export declare const Default: {};

package/dist/esm/types/components/RadioButton/styles.d.ts

@@ -0,0 +1,38 @@
+export type RadioState = "selected" | "unselected" | "disabled";
+interface RadioStateProps {
+    $state: RadioState;
+}
+export declare const RadioContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const RadioLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$state"> & RadioStateProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$state"> & RadioStateProps, never>>> & string;
+export declare const RadioOuter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never>>> & string;
+export declare const RadioDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never>>> & string;
+export declare const RadioInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
+declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel"> & {
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel"> & {
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never>>> & string;
+declare const RadioButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$align" | "$disabled" | "$fontSize"> & {
+    $disabled?: boolean;
+    $align?: "top" | "center";
+    $fontSize?: string | null;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$align" | "$disabled" | "$fontSize"> & {
+    $disabled?: boolean;
+    $align?: "top" | "center";
+    $fontSize?: string | null;
+}, never>>> & string;
+declare const RadioIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel" | "$checked"> & {
+    $checked?: boolean;
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel" | "$checked"> & {
+    $checked?: boolean;
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never>>> & string;
+declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "type"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "type">>> & string;
+declare const LabelGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const MainLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export { RadioButtonWrapper, HiddenInput, LabelGroup, MainLabel, IconWrapper, RadioIcon, };

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactElement } from "react";
+export interface RadioButtonProps {
+    id: string;
+    name: string;
+    value?: string;
+    label?: string | ReactElement;
+    checked?: boolean;
+    disabled?: boolean;
+    className?: string;
+    align?: "top" | "center";
+    onChange?: (id: string, value?: string, label?: string) => void;
+    htmlProps?: HTMLAttributes<HTMLInputElement>;
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { RadioButtonGroupProps } from "./types";
+declare const RadioButtonGroup: ({ name, id, options, onChange, defaultSelectedId, heading, required, tooltipText, disabled, className, isViewOnly, showError, errorMessage, }: RadioButtonGroupProps) => React.JSX.Element;
+export default RadioButtonGroup;

package/dist/esm/types/components/RadioButtonGroup/RadioButtonGroup.stories.d.ts

@@ -0,0 +1,87 @@
+import React from "react";
+import { CheckBoxFontSizeVariant } from "../CheckBox/types";
+declare const _default: {
+    title: string;
+    component: ({ name, id, options, onChange, defaultSelectedId, heading, required, tooltipText, disabled, className, isViewOnly, showError, errorMessage, }: import("./types").RadioButtonGroupProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        heading: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        required: {
+            control: string;
+        };
+        tooltipText: {
+            control: string;
+        };
+        onChange: {
+            action: string;
+        };
+        isViewOnly: {
+            control: string;
+        };
+        showError: {
+            control: string;
+        };
+        errorMessage: {
+            control: string;
+        };
+    };
+    args: {
+        name: string;
+        heading: string;
+        disabled: boolean;
+        required: boolean;
+        fontSize: CheckBoxFontSizeVariant;
+    };
+};
+export default _default;
+type StoryArgs = {
+    name?: string;
+    heading?: string;
+    defaultSelectedId?: string;
+    disabled?: boolean;
+    required?: boolean;
+    tooltipText?: string;
+    fontSize?: string;
+    isViewOnly?: boolean;
+    showError?: boolean;
+    errorMessage?: string;
+};
+export declare const Default: {
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const WithDefaultSelected: {
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const AllDisabled: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        disabled: boolean;
+        defaultSelectedId: string;
+    };
+};
+export declare const RequiredWithTooltip: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        heading: string;
+        required: boolean;
+        showError: boolean;
+        disabled: boolean;
+        tooltipText: string;
+    };
+};
+export declare const ViewOnlyMode: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        heading: string;
+        required: boolean;
+        showError: boolean;
+        isViewOnly: boolean;
+        defaultSelectedId: string;
+        tooltipText: string;
+    };
+};

package/dist/esm/types/components/RadioButtonGroup/styles.d.ts

@@ -0,0 +1,8 @@
+import { HelperTextProps } from "../HelperText/types";
+declare const GroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>>> & string;
+declare const HeadingRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const Legend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>>> & string;
+declare const CustomHelperText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<HelperTextProps, keyof HelperTextProps> & HelperTextProps, never> & Partial<Pick<import("styled-components").FastOmit<HelperTextProps, keyof HelperTextProps> & HelperTextProps, never>>> & string & Omit<({ id, className, affectLayout, text, type, htmlProps, }: HelperTextProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const SelectedLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export { GroupWrapper, HeadingRow, Legend, CustomHelperText, SelectedLabel, OptionsWrapper, };

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

@@ -0,0 +1,22 @@
+import { ReactElement } from "react";
+export interface RadioButtonGroupOption {
+    id: string;
+    label: string | ReactElement;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioButtonGroupProps {
+    name: string;
+    id?: string;
+    options: RadioButtonGroupOption[];
+    onChange: (payload: RadioButtonGroupOption) => void;
+    defaultSelectedId?: string;
+    heading?: string;
+    required?: boolean;
+    tooltipText?: string;
+    disabled?: boolean;
+    className?: string;
+    isViewOnly?: boolean;
+    showError?: boolean;
+    errorMessage?: string;
+}

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

@@ -1,4 +1,4 @@
-export type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette" | "eye" | "eye-slash" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low" | "broadcast" | "list-checks" | "note-pencil" | "truck";
+export type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette" | "eye" | "eye-slash" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low" | "broadcast" | "list-checks" | "note-pencil" | "truck" | "table";
 export interface StellaIconProps {
     iconName: StellaIconDefinition;
     size?: number;

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

@@ -1,4 +1,4 @@
 import React from "react";
 import { TableProps } from "./types";
-declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, }: TableProps<T>): React.JSX.Element;
+declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, enableShowHide, globalActions, showExpandedRowToggle, renderExpandedRow, }: TableProps<T>): React.JSX.Element;
 export default Table;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import TableComponent from "./Table";
 import { TableProps } from "./types";
 interface Person {
@@ -21,3 +22,10 @@ export declare const Table: {
         variant: string;
     };
 };
+export declare const ExpandedRows: {
+    args: {
+        id: string;
+        renderExpandedRow: (row: any) => React.JSX.Element | null;
+        showExpandedRowToggle: boolean;
+    };
+};

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

@@ -0,0 +1,26 @@
+import React, { RefObject } from "react";
+export interface CheckboxDropdownOption {
+    key: string;
+    value: string;
+}
+interface CheckboxDropdownMenuProps {
+    options: CheckboxDropdownOption[];
+    selected: (string | number)[];
+    mode?: "search" | "singleSelect" | "multiSelect";
+    coords: {
+        top: number;
+        left: number;
+    };
+    menuRef: RefObject<HTMLDivElement | null>;
+    onApply: (selected: (string | number)[]) => void;
+    onClear: () => void;
+    showSelectAll?: boolean;
+    showClear?: boolean;
+    searchInputId?: string;
+    searchInputLabel?: string;
+    onSearch?: (value: string) => void;
+    onSearchBlur?: () => void;
+    serverSide?: boolean;
+}
+declare const CheckboxDropdownMenu: ({ options, selected, mode, coords, menuRef, onApply, onClear, showSelectAll, showClear, searchInputId, searchInputLabel, onSearch, onSearchBlur, serverSide, }: CheckboxDropdownMenuProps) => React.ReactPortal;
+export default CheckboxDropdownMenu;

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

@@ -80,4 +80,13 @@ declare const EmptyTableSection: import("styled-components/dist/types").IStyledC
 declare const EmptyTableHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
 declare const EmptyTableSubHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
 declare const ClearFilterButtonRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export { HeaderCell, TableWrapper, TableWrapperScroll, StyledTable, CustomIconButton, SortButton, HeaderRow, FilterMenu, Checkbox, BodyCell, HeaderCellPosition, MenuButton, MenuItem, FilterBoxLabel, LoadingShimmer, FilterLabelTransparent, CustomPagination, CellRow, MenuItemGroup, KebabAlign, MenuItemOption, EmptyTableCell, EmptyTableSection, EmptyTableHeader, EmptyTableSubHeader, ClearFilterButtonRow, };
+declare const ExpandedContentRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>>> & string;
+declare const ExpandedContentCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>>> & string;
+declare const ExpandChevronButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$expanded"> & {
+    $expanded: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$expanded"> & {
+    $expanded: boolean;
+}, never>>> & string;
+declare const ActionBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const GlobalActionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export { HeaderCell, TableWrapper, TableWrapperScroll, StyledTable, CustomIconButton, SortButton, HeaderRow, FilterMenu, Checkbox, BodyCell, HeaderCellPosition, MenuButton, MenuItem, FilterBoxLabel, LoadingShimmer, FilterLabelTransparent, CustomPagination, CellRow, MenuItemGroup, KebabAlign, MenuItemOption, EmptyTableCell, EmptyTableSection, EmptyTableHeader, EmptyTableSubHeader, ClearFilterButtonRow, ActionBar, GlobalActionWrapper, ExpandedContentRow, ExpandedContentCell, ExpandChevronButton, };

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

@@ -1,5 +1,5 @@
-import { ColumnDef, ColumnFiltersState, Row } from "@tanstack/react-table";
-import { HTMLAttributes } from "react";
+import { ColumnDef, ColumnFiltersState, Row, Table } from "@tanstack/react-table";
+import React, { HTMLAttributes, ReactElement } from "react";
 declare enum TableVariant {
     PRIMARY = "Primary",
     SECONDARY = "Secondary"
@@ -13,6 +13,8 @@ export interface TableProps<T> {
     columns: ColumnDef<T, any>[];
     data: T[];
     isLoading?: boolean;
+    showExpandedRowToggle?: boolean;
+    renderExpandedRow?: (row: Row<T>) => React.ReactNode | null;
     serverSide?: boolean;
     onPageChange?: (page: number, pageSize: number) => void;
     onSortChange?: (sort: {
@@ -33,7 +35,7 @@ export interface TableProps<T> {
     }[];
     dataTestId?: string;
     dataAuto?: string;
-    id?: string;
+    id: string;
     className?: string;
     htmlProps?: HTMLAttributes<HTMLTableElement>;
     paginationDetails?: PaginationDetails;
@@ -53,6 +55,8 @@ export interface TableProps<T> {
         id: string;
         value: unknown;
     }[];
+    enableShowHide?: boolean;
+    globalActions?: (table: Table<T>) => ReactElement;
 }
 export interface CustomColumnMeta {
     headerAlign?: "left" | "right";
@@ -64,6 +68,7 @@ export interface CustomColumnMeta {
         value?: string;
     }[];
     filterMode?: "singleSelect" | "multiSelect" | "search";
+    defaultHidden?: boolean;
 }
 export type RowStatus = "action-pending" | "completed";
 export {};

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

@@ -0,0 +1,9 @@
+import { ColumnSizingState, SortingState, VisibilityState } from "@tanstack/react-table";
+type PersistedTableState = {
+    columnVisibility: VisibilityState;
+    columnSizing: ColumnSizingState;
+    sorting: SortingState;
+};
+export declare function loadTableState(tableId: string): Partial<PersistedTableState>;
+export declare function usePersistTableState(tableId: string, state: Partial<PersistedTableState>, sizingDebounceMs?: number): void;
+export {};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React$1, { HTMLAttributes, ReactElement } from 'react';
 import { TooltipProps as TooltipProps$1 } from 'antd';
-import { ColumnDef, ColumnFiltersState, Row } from '@tanstack/react-table';
+import { ColumnDef, Row, ColumnFiltersState, Table as Table$1 } from '@tanstack/react-table';
 
 interface LabelProps {
     id: string;
@@ -98,7 +98,7 @@ interface TooltipProps {
 
 declare const Tooltip: ({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: TooltipProps) => React$1.JSX.Element;
 
-type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette" | "eye" | "eye-slash" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low" | "broadcast" | "list-checks" | "note-pencil" | "truck";
+type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette" | "eye" | "eye-slash" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low" | "broadcast" | "list-checks" | "note-pencil" | "truck" | "table";
 interface StellaIconProps {
     iconName: StellaIconDefinition;
     size?: number;
@@ -240,6 +240,8 @@ interface TableProps<T> {
     columns: ColumnDef<T, any>[];
     data: T[];
     isLoading?: boolean;
+    showExpandedRowToggle?: boolean;
+    renderExpandedRow?: (row: Row<T>) => React$1.ReactNode | null;
     serverSide?: boolean;
     onPageChange?: (page: number, pageSize: number) => void;
     onSortChange?: (sort: {
@@ -260,7 +262,7 @@ interface TableProps<T> {
     }[];
     dataTestId?: string;
     dataAuto?: string;
-    id?: string;
+    id: string;
     className?: string;
     htmlProps?: HTMLAttributes<HTMLTableElement>;
     paginationDetails?: PaginationDetails;
@@ -280,6 +282,8 @@ interface TableProps<T> {
         id: string;
         value: unknown;
     }[];
+    enableShowHide?: boolean;
+    globalActions?: (table: Table$1<T>) => ReactElement;
 }
 interface CustomColumnMeta {
     headerAlign?: "left" | "right";
@@ -291,10 +295,11 @@ interface CustomColumnMeta {
         value?: string;
     }[];
     filterMode?: "singleSelect" | "multiSelect" | "search";
+    defaultHidden?: boolean;
 }
 type RowStatus = "action-pending" | "completed";
 
-declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, }: TableProps<T>): React$1.JSX.Element;
+declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, enableShowHide, globalActions, showExpandedRowToggle, renderExpandedRow, }: TableProps<T>): React$1.JSX.Element;
 
 interface PaginationProps {
     id?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stella-source/stellasource-dsl",
-  "version": "3.6.0",
+  "version": "5.1.0",
   "description": "Design System owned and operated by Stella Source.",
   "files": [
     "dist"