@toteat-eng/ds-react 2026.5.13 → 2026.6.10-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.d.ts +2 -1
- package/dist/components/AppleSignInButton/AppleSignInButton.d.ts +2 -1
- package/dist/components/Badge/Badge.d.ts +2 -1
- package/dist/components/Banner/Banner.d.ts +14 -0
- package/dist/components/Banner/__stories__/Banner.stories.d.ts +16 -0
- package/dist/components/Banner/index.d.ts +2 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +14 -0
- package/dist/components/Breadcrumb/__stories__/Breadcrumb.stories.d.ts +14 -0
- package/dist/components/Breadcrumb/index.d.ts +2 -0
- package/dist/components/Charts/Charts.d.ts +6 -4
- package/dist/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/components/ComingSoon/ComingSoon.d.ts +9 -0
- package/dist/components/ComingSoon/__stories__/ComingSoon.stories.d.ts +10 -0
- package/dist/components/ComingSoon/index.d.ts +2 -0
- package/dist/components/ConfigRow/ConfigRow.d.ts +27 -0
- package/dist/components/ConfigRow/__stories__/ConfigRow.stories.d.ts +13 -0
- package/dist/components/ConfigRow/index.d.ts +2 -0
- package/dist/components/DataTable/DataTable.d.ts +2 -1
- package/dist/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +2 -1
- package/dist/components/Dialog/Dialog.d.ts +2 -1
- package/dist/components/DropdownButton/DropdownButton.d.ts +2 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +2 -1
- package/dist/components/DsProvider/DsProvider.d.ts +2 -1
- package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +1 -0
- package/dist/components/ExtrasDialog/ExtrasDialog.d.ts +3 -1
- package/dist/components/FormField/FormField.d.ts +2 -1
- package/dist/components/GoogleSignInButton/GoogleSignInButton.d.ts +2 -1
- package/dist/components/Icon/Icon.d.ts +2 -1
- package/dist/components/LanguageSelector/LanguageSelector.d.ts +2 -1
- package/dist/components/Multiselect/Multiselect.d.ts +2 -1
- package/dist/components/NavBar/NavBar.d.ts +2 -1
- package/dist/components/PageLoadingOverlay/PageLoadingOverlay.d.ts +2 -1
- package/dist/components/PermissionGate/PermissionGate.d.ts +30 -0
- package/dist/components/PermissionGate/__stories__/PermissionGate.stories.d.ts +10 -0
- package/dist/components/PermissionGate/index.d.ts +2 -0
- package/dist/components/PinLockOverlay/PinLockOverlay.d.ts +2 -1
- package/dist/components/ProductTile/ProductTile.d.ts +2 -1
- package/dist/components/Radio/Radio.d.ts +2 -1
- package/dist/components/SearchInput/SearchInput.d.ts +21 -0
- package/dist/components/SearchInput/__stories__/SearchInput.stories.d.ts +11 -0
- package/dist/components/SearchInput/index.d.ts +2 -0
- package/dist/components/SectionHeader/SectionHeader.d.ts +13 -0
- package/dist/components/SectionHeader/__stories__/SectionHeader.stories.d.ts +15 -0
- package/dist/components/SectionHeader/index.d.ts +2 -0
- package/dist/components/SidebarNavSection/SidebarNavSection.d.ts +2 -1
- package/dist/components/Skeleton/Skeleton.d.ts +2 -1
- package/dist/components/Spinner/Spinner.d.ts +2 -1
- package/dist/components/StatusBadge/StatusBadge.d.ts +12 -0
- package/dist/components/StatusBadge/__stories__/StatusBadge.stories.d.ts +15 -0
- package/dist/components/StatusBadge/index.d.ts +2 -0
- package/dist/components/Stepper/Stepper.d.ts +18 -0
- package/dist/components/Stepper/__stories__/Stepper.stories.d.ts +11 -0
- package/dist/components/Stepper/index.d.ts +2 -0
- package/dist/components/TabBar/TabBar.d.ts +2 -1
- package/dist/components/Tabs/Tabs.d.ts +2 -1
- package/dist/components/TextInput/TextInput.d.ts +2 -1
- package/dist/components/ThemeGate/ThemeGate.d.ts +2 -1
- package/dist/components/Toast/Toast.d.ts +1 -0
- package/dist/components/Toast/useToast.d.ts +1 -0
- package/dist/components/Toggle/Toggle.d.ts +2 -1
- package/dist/components/Tooltip/Tooltip.d.ts +2 -1
- package/dist/index.d.ts +22 -1
- package/dist/index.es.js +943 -554
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +10 -9
- package/dist/index.umd.js.map +1 -1
- package/dist/layouts/AdminPageHeader/AdminPageHeader.d.ts +2 -1
- package/dist/layouts/AppShell/AppShell.d.ts +2 -1
- package/dist/layouts/Divider/Divider.d.ts +2 -1
- package/dist/layouts/Grid/Grid.d.ts +2 -1
- package/dist/layouts/LoginFooter/LoginFooter.d.ts +14 -0
- package/dist/layouts/LoginFooter/__stories__/LoginFooter.stories.d.ts +15 -0
- package/dist/layouts/LoginFooter/index.d.ts +2 -0
- package/dist/layouts/LoginPageLayout/LoginPageLayout.d.ts +2 -1
- package/dist/layouts/PageLayout/PageLayout.d.ts +2 -1
- package/dist/style.css +1 -1
- package/dist/utils/csv.d.ts +17 -0
- package/package.json +5 -5
|
@@ -3,5 +3,6 @@ export type TabBarVariant = "default" | "expanded" | "expanded-billing";
|
|
|
3
3
|
export interface TabBarProps {
|
|
4
4
|
variant?: TabBarVariant;
|
|
5
5
|
children: ReactNode;
|
|
6
|
+
"data-testid"?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare function TabBar({ variant, children }: TabBarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function TabBar({ variant, children, "data-testid": testId }: TabBarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,5 +13,6 @@ export interface TabsProps {
|
|
|
13
13
|
/** Accessible label for the tablist — required when multiple tablists exist on the page. */
|
|
14
14
|
"aria-label"?: string;
|
|
15
15
|
onChange?: (tabId: string) => void;
|
|
16
|
+
"data-testid"?: string;
|
|
16
17
|
}
|
|
17
|
-
export declare function Tabs({ items, defaultTab, activeTab: controlledTab, "aria-label": ariaLabel, onChange, }: TabsProps): React.ReactElement;
|
|
18
|
+
export declare function Tabs({ items, defaultTab, activeTab: controlledTab, "aria-label": ariaLabel, onChange, "data-testid": testId, }: TabsProps): React.ReactElement;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { type InputHTMLAttributes } from "react";
|
|
2
|
-
export type TextInputSize = "small" | "medium";
|
|
2
|
+
export type TextInputSize = "small" | "medium" | "large";
|
|
3
3
|
export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
4
4
|
error?: boolean;
|
|
5
5
|
showPasswordToggle?: boolean;
|
|
6
6
|
size?: TextInputSize;
|
|
7
|
+
"data-testid"?: string;
|
|
7
8
|
}
|
|
8
9
|
export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -4,5 +4,6 @@ export interface ThemeGateProps {
|
|
|
4
4
|
theme: DsTheme;
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
className?: string;
|
|
7
|
+
"data-testid"?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare function ThemeGate({ theme, children, className }: ThemeGateProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function ThemeGate({ theme, children, className, "data-testid": testId }: ThemeGateProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,5 +3,6 @@ export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
|
|
|
3
3
|
label?: string;
|
|
4
4
|
size?: "small" | "medium";
|
|
5
5
|
ref?: React.Ref<HTMLInputElement>;
|
|
6
|
+
"data-testid"?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare function Toggle({ label, size, className, id, ref, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function Toggle({ label, size, className, id, ref, "data-testid": testId, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,5 +4,6 @@ export interface TooltipProps {
|
|
|
4
4
|
content: ReactNode;
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
placement?: TooltipPlacement;
|
|
7
|
+
"data-testid"?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare function Tooltip({ content, children, placement }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function Tooltip({ content, children, placement, "data-testid": testId, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./tokens/base.css";
|
|
2
2
|
import "./tokens/animations.css";
|
|
3
3
|
import "./tokens/theme-angular.css";
|
|
4
|
-
import "./tokens/
|
|
4
|
+
import "./tokens/toteat-react-ds.css";
|
|
5
5
|
export { Accordion } from "./components/Accordion";
|
|
6
6
|
export type { AppleSignInButtonProps } from "./components/AppleSignInButton";
|
|
7
7
|
export { AppleSignInButton } from "./components/AppleSignInButton";
|
|
@@ -9,6 +9,10 @@ export type { BackgroundWrapperProps } from "./components/BackgroundWrapper";
|
|
|
9
9
|
export { BackgroundWrapper } from "./components/BackgroundWrapper";
|
|
10
10
|
export type { BadgeProps, BadgeSize, BadgeVariant } from "./components/Badge";
|
|
11
11
|
export { Badge } from "./components/Badge";
|
|
12
|
+
export type { BannerProps, BannerVariant } from "./components/Banner";
|
|
13
|
+
export { Banner } from "./components/Banner";
|
|
14
|
+
export type { BreadcrumbItem, BreadcrumbProps } from "./components/Breadcrumb";
|
|
15
|
+
export { Breadcrumb } from "./components/Breadcrumb";
|
|
12
16
|
export type { ButtonProps, ButtonSize, ButtonVariant, } from "./components/Button";
|
|
13
17
|
export { Button } from "./components/Button";
|
|
14
18
|
export type { CardElevation, CardPadding, CardProps } from "./components/Card";
|
|
@@ -17,6 +21,10 @@ export type { BaseChartProps, ChartSeries, KpiCardProps, } from "./components/Ch
|
|
|
17
21
|
export { AreaChart, BarChart, KpiCard, LineChart } from "./components/Charts";
|
|
18
22
|
export type { CheckboxProps } from "./components/Checkbox";
|
|
19
23
|
export { Checkbox } from "./components/Checkbox";
|
|
24
|
+
export type { ComingSoonProps } from "./components/ComingSoon";
|
|
25
|
+
export { ComingSoon } from "./components/ComingSoon";
|
|
26
|
+
export type { ConfigRowProps } from "./components/ConfigRow";
|
|
27
|
+
export { ConfigRow } from "./components/ConfigRow";
|
|
20
28
|
export type { ColumnDef, DataTableProps, PaginationState, Row, RowData, SortingState, } from "./components/DataTable";
|
|
21
29
|
export { DataTable } from "./components/DataTable";
|
|
22
30
|
export type { DatePickerProps } from "./components/DatePicker";
|
|
@@ -64,10 +72,16 @@ export type { OverlayMessageProps, OverlayMessageStatus } from "./components/Ove
|
|
|
64
72
|
export { OverlayMessage } from "./components/OverlayMessage";
|
|
65
73
|
export type { PageLoadingOverlayProps } from "./components/PageLoadingOverlay";
|
|
66
74
|
export { PageLoadingOverlay } from "./components/PageLoadingOverlay";
|
|
75
|
+
export type { PermissionGateProps } from "./components/PermissionGate";
|
|
76
|
+
export { PermissionGate } from "./components/PermissionGate";
|
|
67
77
|
export type { PinLockOverlayProps } from "./components/PinLockOverlay";
|
|
68
78
|
export { PinLockOverlay } from "./components/PinLockOverlay";
|
|
69
79
|
export type { RadioProps } from "./components/Radio";
|
|
70
80
|
export { Radio } from "./components/Radio";
|
|
81
|
+
export type { SearchInputProps } from "./components/SearchInput";
|
|
82
|
+
export { SearchInput } from "./components/SearchInput";
|
|
83
|
+
export type { SectionHeaderProps } from "./components/SectionHeader";
|
|
84
|
+
export { SectionHeader } from "./components/SectionHeader";
|
|
71
85
|
export type { SelectOption, SelectProps } from "./components/Select";
|
|
72
86
|
export { Select } from "./components/Select";
|
|
73
87
|
export type { SidebarProps } from "./components/Sidebar";
|
|
@@ -80,6 +94,10 @@ export type { SkeletonProps, SkeletonVariant } from "./components/Skeleton";
|
|
|
80
94
|
export { Skeleton } from "./components/Skeleton";
|
|
81
95
|
export type { SpinnerProps, SpinnerSize } from "./components/Spinner";
|
|
82
96
|
export { Spinner } from "./components/Spinner";
|
|
97
|
+
export type { StatusBadgeProps } from "./components/StatusBadge";
|
|
98
|
+
export { StatusBadge } from "./components/StatusBadge";
|
|
99
|
+
export type { StepperProps } from "./components/Stepper";
|
|
100
|
+
export { Stepper } from "./components/Stepper";
|
|
83
101
|
export type { TabBarProps, TabBarVariant } from "./components/TabBar";
|
|
84
102
|
export { TabBar } from "./components/TabBar";
|
|
85
103
|
export type { TabItem, TabsProps } from "./components/Tabs";
|
|
@@ -109,6 +127,8 @@ export type { DividerProps } from "./layouts/Divider";
|
|
|
109
127
|
export { Divider } from "./layouts/Divider";
|
|
110
128
|
export type { GridGap, GridProps } from "./layouts/Grid";
|
|
111
129
|
export { Grid } from "./layouts/Grid";
|
|
130
|
+
export type { LoginFooterProps } from "./layouts/LoginFooter";
|
|
131
|
+
export { LoginFooter } from "./layouts/LoginFooter";
|
|
112
132
|
export type { LoginPageLayoutProps } from "./layouts/LoginPageLayout";
|
|
113
133
|
export { LoginPageLayout } from "./layouts/LoginPageLayout";
|
|
114
134
|
export type { PageLayoutProps } from "./layouts/PageLayout";
|
|
@@ -116,5 +136,6 @@ export { PageLayout } from "./layouts/PageLayout";
|
|
|
116
136
|
export type { StackAlign, StackDirection, StackGap, StackJustify, StackProps, } from "./layouts/Stack";
|
|
117
137
|
export { Stack } from "./layouts/Stack";
|
|
118
138
|
export { cn } from "./utils/cn";
|
|
139
|
+
export { escapeCell, rowsToCsv } from "./utils/csv";
|
|
119
140
|
export { useFocusTrap } from "./utils/focusTrap";
|
|
120
141
|
export { portal } from "./utils/portal";
|