@stella-source/stellasource-dsl 3.5.2 → 4.0.0

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

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

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { CheckBoxFontSizeVariant, CheckBoxProps } from "./types";
+declare const _default: {
+    title: string;
+    component: ({ id, className, label, checked, indeterminate, disabled, defaultChecked, align, fontSize, onChange, htmlProps, }: CheckBoxProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: string;
+        };
+        align: {
+            control: string;
+            options: string[];
+        };
+        fontSize: {
+            control: string;
+            options: CheckBoxFontSizeVariant[];
+        };
+    };
+    args: CheckBoxProps;
+};
+export default _default;
+export declare const SingleCheckBox: {
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const MulitpleCheckBoxes: {
+    render: () => React.JSX.Element;
+};

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

@@ -0,0 +1,20 @@
+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 CheckBoxWrapper: 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 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 { CheckBoxWrapper, HiddenInput, LabelGroup, MainLabel, IconWrapper };

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactElement } from "react";
+export declare enum CheckBoxFontSizeVariant {
+    SIZE_12 = "12px",
+    SIZE_14 = "14px",
+    SIZE_16 = "16px"
+}
+export interface CheckBoxProps {
+    id: string;
+    className?: string;
+    label?: string | ReactElement;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    align?: "top" | "center";
+    fontSize?: `${CheckBoxFontSizeVariant}`;
+    onChange?: (id: string, checked: boolean) => void;
+    htmlProps?: HTMLAttributes<HTMLInputElement>;
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { CheckBoxGroupProps } from "./types";
+declare const CheckBoxGroup: ({ defaultOptions, onChange, heading, required, tooltipText, disabled, isSelectAllEnabled, fontSize, className, }: CheckBoxGroupProps) => React.JSX.Element;
+export default CheckBoxGroup;

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

@@ -0,0 +1,63 @@
+import React from "react";
+import { CheckBoxGroupOption } from "./types";
+import { CheckBoxFontSizeVariant } from "../CheckBox/types";
+declare const _default: {
+    title: string;
+    component: ({ defaultOptions, onChange, heading, required, tooltipText, disabled, isSelectAllEnabled, fontSize, className, }: import("./types").CheckBoxGroupProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        heading: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        isSelectAllEnabled: {
+            control: string;
+        };
+        fontSize: {
+            control: string;
+            options: CheckBoxFontSizeVariant[];
+        };
+        options: {
+            control: string;
+        };
+        onChange: {
+            action: string;
+        };
+    };
+    args: {
+        heading: string;
+        disabled: boolean;
+        isSelectAllEnabled: boolean;
+        fontSize: CheckBoxFontSizeVariant;
+        options: CheckBoxGroupOption[];
+    };
+};
+export default _default;
+type StoryArgs = {
+    heading?: string;
+    disabled?: boolean;
+    isSelectAllEnabled?: boolean;
+    fontSize?: string;
+    required?: boolean;
+    tooltipText?: string;
+};
+export declare const Default: {
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const WithSelectAll: {
+    args: {
+        isSelectAllEnabled: boolean;
+    };
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const NestedTree: {
+    render: () => React.JSX.Element;
+};
+export declare const AllDisabled: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        disabled: boolean;
+    };
+};

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

@@ -0,0 +1,4 @@
+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;
+export { GroupWrapper, HeadingRow, Legend };

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

@@ -0,0 +1,28 @@
+import { ReactElement } from "react";
+import { CheckBoxFontSizeVariant } from "../CheckBox/types";
+export interface CheckBoxGroupOption {
+    id: string;
+    label: string | ReactElement;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+export interface CheckBoxGroupChangeOption {
+    id: string;
+    isChecked: boolean;
+    isSelectAllClicked: boolean;
+}
+export interface CheckBoxGroupChangePayload {
+    options: CheckBoxGroupChangeOption[];
+}
+export interface CheckBoxGroupProps {
+    defaultOptions: CheckBoxGroupOption[];
+    onChange: (payload: CheckBoxGroupChangePayload) => void;
+    heading?: string;
+    required?: boolean;
+    tooltipText?: string;
+    disabled?: boolean;
+    isSelectAllEnabled?: boolean;
+    fontSize?: `${CheckBoxFontSizeVariant}`;
+    className?: string;
+}

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

@@ -1,4 +1,4 @@
 import React from "react";
 import { LabelProps, LabelWithChildrenProps } from "./types";
-declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => React.JSX.Element;
+declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, isPointerOnHover, className, }: LabelProps | LabelWithChildrenProps) => React.JSX.Element;
 export default Label;

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

@@ -1,7 +1,7 @@
 import { LabelProps, LabelWithChildrenProps } from "./types";
 declare const _default: {
     title: string;
-    component: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => import("react").JSX.Element;
+    component: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, isPointerOnHover, className, }: LabelProps | LabelWithChildrenProps) => import("react").JSX.Element;
     tags: string[];
     parameters: {};
     args: LabelProps | LabelWithChildrenProps;

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

@@ -1,8 +1,9 @@
 interface LabelComponentProps {
     $hideLabel?: boolean;
+    $isPointerOnHover?: boolean;
 }
 declare const RequiredIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../StellaIcon/types").StellaIconProps, never> & Partial<Pick<import("../StellaIcon/types").StellaIconProps, never>>> & string & Omit<({ iconName, size, color, className, id, dataTestId, }: import("../StellaIcon/types").StellaIconProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 declare const ToolTipIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Tooltip/types").TooltipProps, never> & Partial<Pick<import("../Tooltip/types").TooltipProps, never>>> & string & Omit<({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: import("../Tooltip/types").TooltipProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
-declare const LabelComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$hideLabel"> & LabelComponentProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$hideLabel"> & LabelComponentProps, never>>> & string;
+declare const LabelComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof LabelComponentProps> & LabelComponentProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof LabelComponentProps> & LabelComponentProps, never>>> & string;
 declare const LabelContainer: 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 { LabelComponent, RequiredIcon, ToolTipIcon, LabelContainer };

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

@@ -8,6 +8,7 @@ export interface LabelProps {
     tooltipText?: string;
     children?: never;
     htmlFor: string;
+    isPointerOnHover?: boolean;
     htmlProps?: HTMLAttributes<HTMLLabelElement>;
 }
 export interface LabelWithChildrenProps {
@@ -19,5 +20,6 @@ export interface LabelWithChildrenProps {
     tooltipText?: string;
     htmlFor?: never;
     children: ReactElement;
+    isPointerOnHover?: boolean;
     htmlProps?: HTMLAttributes<HTMLLabelElement>;
 }

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/Sync/styles.d.ts

@@ -2,6 +2,6 @@ interface SyncContainerProps {
     $labelPosition?: "right" | "left";
 }
 declare const SyncContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$labelPosition"> & SyncContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$labelPosition"> & SyncContainerProps, never>>> & string;
-declare const CustomLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never> & Partial<Pick<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never>>> & string & Omit<({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const CustomLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never> & Partial<Pick<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never>>> & string & Omit<({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, isPointerOnHover, className, }: import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 declare const CustomIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export { CustomIconButton, CustomLabel, SyncContainer };

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, }: TableProps<T>): React.JSX.Element;
 export default Table;

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,6 @@ 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 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, };

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 { HTMLAttributes, ReactElement } from "react";
 declare enum TableVariant {
     PRIMARY = "Primary",
     SECONDARY = "Secondary"
@@ -33,7 +33,7 @@ export interface TableProps<T> {
     }[];
     dataTestId?: string;
     dataAuto?: string;
-    id?: string;
+    id: string;
     className?: string;
     htmlProps?: HTMLAttributes<HTMLTableElement>;
     paginationDetails?: PaginationDetails;
@@ -53,6 +53,11 @@ export interface TableProps<T> {
         id: string;
         value: unknown;
     }[];
+    enableShowHide?: boolean;
+    globalActions?: {
+        element: ReactElement;
+        onChange?: (table?: Table<T>) => void;
+    }[];
 }
 export interface CustomColumnMeta {
     headerAlign?: "left" | "right";
@@ -64,6 +69,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/esm/types/index.d.ts

@@ -23,7 +23,9 @@ import { StellaButtonVariant } from "./components/StellaButton/types";
 import { Styles } from "./shared/tokens";
 import "./shared/tokens/tokens.css";
 import OrderStatus from "./components/OrderStatus/OrderStatus";
+import CheckBoxGroup from "./components/CheckBoxGroup/CheckBoxGroup";
+import CheckBox from "./components/CheckBox/CheckBox";
 /**Exports */
 export type { StellaIconDefinition } from "./components/StellaIcon/types";
 export type { CustomColumnMeta } from "./components/Table/types";
-export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, OrderStatus, SelectorChip, Styles, };
+export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, OrderStatus, SelectorChip, CheckBox, CheckBoxGroup, Styles, };

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, ColumnFiltersState, Row, Table as Table$1 } from '@tanstack/react-table';
 
 interface LabelProps {
     id: string;
@@ -11,6 +11,7 @@ interface LabelProps {
     tooltipText?: string;
     children?: never;
     htmlFor: string;
+    isPointerOnHover?: boolean;
     htmlProps?: HTMLAttributes<HTMLLabelElement>;
 }
 interface LabelWithChildrenProps {
@@ -22,10 +23,11 @@ interface LabelWithChildrenProps {
     tooltipText?: string;
     htmlFor?: never;
     children: ReactElement;
+    isPointerOnHover?: boolean;
     htmlProps?: HTMLAttributes<HTMLLabelElement>;
 }
 
-declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => React$1.JSX.Element;
+declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, isPointerOnHover, className, }: LabelProps | LabelWithChildrenProps) => React$1.JSX.Element;
 
 declare enum StellaButtonIcons {
     ADD = "add",
@@ -96,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;
@@ -258,7 +260,7 @@ interface TableProps<T> {
     }[];
     dataTestId?: string;
     dataAuto?: string;
-    id?: string;
+    id: string;
     className?: string;
     htmlProps?: HTMLAttributes<HTMLTableElement>;
     paginationDetails?: PaginationDetails;
@@ -278,6 +280,11 @@ interface TableProps<T> {
         id: string;
         value: unknown;
     }[];
+    enableShowHide?: boolean;
+    globalActions?: {
+        element: ReactElement;
+        onChange?: (table?: Table$1<T>) => void;
+    }[];
 }
 interface CustomColumnMeta {
     headerAlign?: "left" | "right";
@@ -289,10 +296,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, }: TableProps<T>): React$1.JSX.Element;
 
 interface PaginationProps {
     id?: string;
@@ -486,5 +494,55 @@ interface OrderStatusProps {
 
 declare const OrderStatus: ({ variant, id, className, isPurchaser, }: OrderStatusProps) => React$1.JSX.Element;
 
-export { HelperText, IconButton, Label, Loader, NumberInput, OrderStatus, Pagination, PasswordInput, PaymentStatus, SelectorChip, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, Tabs, TextInput, Tooltip };
+declare enum CheckBoxFontSizeVariant {
+    SIZE_12 = "12px",
+    SIZE_14 = "14px",
+    SIZE_16 = "16px"
+}
+interface CheckBoxProps {
+    id: string;
+    className?: string;
+    label?: string | ReactElement;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    align?: "top" | "center";
+    fontSize?: `${CheckBoxFontSizeVariant}`;
+    onChange?: (id: string, checked: boolean) => void;
+    htmlProps?: HTMLAttributes<HTMLInputElement>;
+}
+
+interface CheckBoxGroupOption {
+    id: string;
+    label: string | ReactElement;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+interface CheckBoxGroupChangeOption {
+    id: string;
+    isChecked: boolean;
+    isSelectAllClicked: boolean;
+}
+interface CheckBoxGroupChangePayload {
+    options: CheckBoxGroupChangeOption[];
+}
+interface CheckBoxGroupProps {
+    defaultOptions: CheckBoxGroupOption[];
+    onChange: (payload: CheckBoxGroupChangePayload) => void;
+    heading?: string;
+    required?: boolean;
+    tooltipText?: string;
+    disabled?: boolean;
+    isSelectAllEnabled?: boolean;
+    fontSize?: `${CheckBoxFontSizeVariant}`;
+    className?: string;
+}
+
+declare const CheckBoxGroup: ({ defaultOptions, onChange, heading, required, tooltipText, disabled, isSelectAllEnabled, fontSize, className, }: CheckBoxGroupProps) => React$1.JSX.Element;
+
+declare const CheckBox: ({ id, className, label, checked, indeterminate, disabled, defaultChecked, align, fontSize, onChange, htmlProps, }: CheckBoxProps) => React$1.JSX.Element;
+
+export { CheckBox, CheckBoxGroup, HelperText, IconButton, Label, Loader, NumberInput, OrderStatus, Pagination, PasswordInput, PaymentStatus, SelectorChip, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, Tabs, TextInput, Tooltip };
 export type { CustomColumnMeta, StellaIconDefinition };

package/package.json

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