@umami/react-zen 0.65.0 → 0.68.0
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/index.css +850 -769
- package/dist/index.d.ts +109 -93
- package/dist/index.js +195 -114
- package/dist/index.mjs +152 -71
- package/package.json +4 -4
- package/styles.css +860 -771
package/dist/index.d.ts
CHANGED
|
@@ -6,80 +6,81 @@
|
|
|
6
6
|
// ../../@/lib/types
|
|
7
7
|
// ../../@/components/toast/Toaster
|
|
8
8
|
// ../../@/components/Tooltip
|
|
9
|
-
// ../../@/components/
|
|
9
|
+
// ../../@/components/Column
|
|
10
|
+
// ../../@/components/Row
|
|
10
11
|
|
|
11
12
|
declare module '@umami/react-zen' {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
export {
|
|
13
|
+
export { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger, RouterProvider, Focusable, Pressable, } from 'react-aria-components';
|
|
14
|
+
export type { Selection } from 'react-aria-components';
|
|
15
|
+
export { Form } from '@umami/react-zen/forms/Form';
|
|
16
|
+
export { FormButtons } from '@umami/react-zen/forms/FormButtons';
|
|
17
|
+
export { FormField } from '@umami/react-zen/forms/FormField';
|
|
18
|
+
export { FormResetButton } from '@umami/react-zen/forms/FormResetButton';
|
|
19
|
+
export { FormSubmitButton } from '@umami/react-zen/forms/FormSubmitButton';
|
|
20
|
+
export { Toast } from '@umami/react-zen/toast/Toast';
|
|
21
|
+
export { Toaster } from '@umami/react-zen/toast/Toaster';
|
|
22
|
+
export { ToastProvider } from '@umami/react-zen/toast/ToastProvider';
|
|
23
|
+
export { useDebounce } from '@umami/react-zen/hooks/useDebounce';
|
|
24
|
+
export { useTheme } from '@umami/react-zen/hooks/useTheme';
|
|
25
|
+
export { useToast } from '@umami/react-zen/hooks/useToast';
|
|
26
|
+
export { Accordion, AccordionItem } from '@umami/react-zen/Accordion';
|
|
27
|
+
export { AlertBanner } from '@umami/react-zen/AlertBanner';
|
|
28
|
+
export { AlertDialog } from '@umami/react-zen/AlertDialog';
|
|
29
|
+
export { Block } from '@umami/react-zen/Block';
|
|
30
|
+
export { Blockquote } from '@umami/react-zen/Blockquote';
|
|
31
|
+
export { Box } from '@umami/react-zen/Box';
|
|
32
|
+
export { Breadcrumbs, Breadcrumb } from '@umami/react-zen/Breadcrumbs';
|
|
33
|
+
export { Button } from '@umami/react-zen/Button';
|
|
34
|
+
export { Calendar } from '@umami/react-zen/Calendar';
|
|
35
|
+
export { Checkbox } from '@umami/react-zen/Checkbox';
|
|
36
|
+
export { Code } from '@umami/react-zen/Code';
|
|
37
|
+
export { Column } from '@umami/react-zen/Column';
|
|
38
|
+
export { Combobox } from '@umami/react-zen/Combobox';
|
|
39
|
+
export { Container } from '@umami/react-zen/Container';
|
|
40
|
+
export { ConfirmationDialog } from '@umami/react-zen/ConfirmationDialog';
|
|
41
|
+
export { Dialog } from '@umami/react-zen/Dialog';
|
|
42
|
+
export { DataTable, DataColumn } from '@umami/react-zen/DataTable';
|
|
43
|
+
export { Dots } from '@umami/react-zen/Dots';
|
|
44
|
+
export { Flexbox } from '@umami/react-zen/Flexbox';
|
|
45
|
+
export { FloatingTooltip } from '@umami/react-zen/FloatingTooltip';
|
|
46
|
+
export { Grid } from '@umami/react-zen/Grid';
|
|
47
|
+
export { Heading } from '@umami/react-zen/Heading';
|
|
48
|
+
export { HoverTrigger } from '@umami/react-zen/HoverTrigger';
|
|
49
|
+
export { Icon } from '@umami/react-zen/Icon';
|
|
50
|
+
export { Icons } from '@umami/react-zen/Icons';
|
|
51
|
+
export { Image } from '@umami/react-zen/Image';
|
|
52
|
+
export { InlineEditField } from '@umami/react-zen/InlineEditField';
|
|
53
|
+
export { Label } from '@umami/react-zen/Label';
|
|
54
|
+
export { List, ListItem, ListSeparator, ListSection } from '@umami/react-zen/List';
|
|
55
|
+
export { Loading } from '@umami/react-zen/Loading';
|
|
56
|
+
export { LoadingButton } from '@umami/react-zen/LoadingButton';
|
|
57
|
+
export { Menu, MenuItem, MenuSection, MenuSeparator } from '@umami/react-zen/Menu';
|
|
58
|
+
export { Modal } from '@umami/react-zen/Modal';
|
|
59
|
+
export { NavBar, NavBarItem } from '@umami/react-zen/NavBar';
|
|
60
|
+
export { PasswordField } from '@umami/react-zen/PasswordField';
|
|
61
|
+
export { Popover } from '@umami/react-zen/Popover';
|
|
62
|
+
export { ProgressBar } from '@umami/react-zen/ProgressBar';
|
|
63
|
+
export { ProgressCircle } from '@umami/react-zen/ProgressCircle';
|
|
64
|
+
export { Radio, RadioGroup } from '@umami/react-zen/RadioGroup';
|
|
65
|
+
export { Row } from '@umami/react-zen/Row';
|
|
66
|
+
export { SearchField } from '@umami/react-zen/SearchField';
|
|
67
|
+
export { Select } from '@umami/react-zen/Select';
|
|
68
|
+
export { SideNav, SideNavHeader, SideNavItem, SideNavSection } from '@umami/react-zen/SideNav';
|
|
69
|
+
export { Slider } from '@umami/react-zen/Slider';
|
|
70
|
+
export { Slot } from '@umami/react-zen/Slot';
|
|
71
|
+
export { Spinner } from '@umami/react-zen/Spinner';
|
|
72
|
+
export { StatusLight } from '@umami/react-zen/StatusLight';
|
|
73
|
+
export { Switch } from '@umami/react-zen/Switch';
|
|
74
|
+
export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell } from '@umami/react-zen/Table';
|
|
75
|
+
export { Tabs, TabList, Tab, TabPanel } from '@umami/react-zen/Tabs';
|
|
76
|
+
export { Text } from '@umami/react-zen/Text';
|
|
77
|
+
export { TextField } from '@umami/react-zen/TextField';
|
|
78
|
+
export { TextArea } from '@umami/react-zen/TextArea';
|
|
79
|
+
export { ThemeButton } from '@umami/react-zen/ThemeButton';
|
|
80
|
+
export { Toggle } from '@umami/react-zen/Toggle';
|
|
81
|
+
export { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
|
|
82
|
+
export { Tooltip, TooltipBubble } from '@umami/react-zen/Tooltip';
|
|
83
|
+
export { ZenProvider } from '@umami/react-zen/ZenProvider';
|
|
83
84
|
}
|
|
84
85
|
|
|
85
86
|
declare module '@umami/react-zen/forms/Form' {
|
|
@@ -622,14 +623,14 @@ declare module '@umami/react-zen/Label' {
|
|
|
622
623
|
}
|
|
623
624
|
|
|
624
625
|
declare module '@umami/react-zen/List' {
|
|
625
|
-
import { ReactNode } from 'react';
|
|
626
626
|
import { ListBoxProps, SeparatorProps, ListBoxSectionProps, ListBoxItemProps } from 'react-aria-components';
|
|
627
627
|
export interface ListProps extends ListBoxProps<any> {
|
|
628
628
|
items?: any[];
|
|
629
|
-
|
|
630
|
-
|
|
629
|
+
idProperty?: string;
|
|
630
|
+
labelProperty?: string;
|
|
631
|
+
separatorProperty?: string;
|
|
631
632
|
}
|
|
632
|
-
export function List({ items, className, children, ...props }: ListProps): import("react").JSX.Element;
|
|
633
|
+
export function List({ items, idProperty, labelProperty, separatorProperty, className, children, ...props }: ListProps): import("react").JSX.Element;
|
|
633
634
|
export function ListItem({ children, className, ...props }: ListBoxItemProps<any>): import("react").JSX.Element;
|
|
634
635
|
export function ListSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
|
|
635
636
|
export function ListSection({ title, className, children, ...props }: ListBoxSectionProps<any> & {
|
|
@@ -650,10 +651,11 @@ declare module '@umami/react-zen/Loading' {
|
|
|
650
651
|
declare module '@umami/react-zen/LoadingButton' {
|
|
651
652
|
import { ButtonProps } from '@umami/react-zen/Button';
|
|
652
653
|
interface LoadingButtonProps extends ButtonProps {
|
|
653
|
-
|
|
654
|
+
isDisabled?: boolean;
|
|
654
655
|
isLoading?: boolean;
|
|
656
|
+
showText?: boolean;
|
|
655
657
|
}
|
|
656
|
-
function LoadingButton({ isLoading, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
|
|
658
|
+
function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
|
|
657
659
|
export { LoadingButton };
|
|
658
660
|
export type { LoadingButtonProps };
|
|
659
661
|
}
|
|
@@ -662,7 +664,6 @@ declare module '@umami/react-zen/Menu' {
|
|
|
662
664
|
import { ReactNode } from 'react';
|
|
663
665
|
import { MenuSectionProps, MenuItemProps, MenuProps as AriaMenuProps, SeparatorProps } from 'react-aria-components';
|
|
664
666
|
interface MenuProps extends AriaMenuProps<any> {
|
|
665
|
-
items?: any[];
|
|
666
667
|
className?: string;
|
|
667
668
|
children?: ReactNode;
|
|
668
669
|
}
|
|
@@ -780,12 +781,19 @@ declare module '@umami/react-zen/SearchField' {
|
|
|
780
781
|
}
|
|
781
782
|
|
|
782
783
|
declare module '@umami/react-zen/Select' {
|
|
783
|
-
import { SelectProps as AriaSelectProps } from 'react-aria-components';
|
|
784
|
+
import { PopoverProps, SelectProps as AriaSelectProps } from 'react-aria-components';
|
|
785
|
+
import { ListProps } from '@umami/react-zen/List';
|
|
784
786
|
interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
|
|
785
787
|
items?: any[];
|
|
786
788
|
value?: string;
|
|
787
789
|
label?: string;
|
|
790
|
+
isLoading?: boolean;
|
|
791
|
+
allowSearch?: boolean;
|
|
792
|
+
searchDelay?: number;
|
|
793
|
+
onSearch?: (value: string) => void;
|
|
788
794
|
onChange?: (e: any) => void;
|
|
795
|
+
listProps?: ListProps;
|
|
796
|
+
popoverProps?: PopoverProps;
|
|
789
797
|
}
|
|
790
798
|
const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<any>>;
|
|
791
799
|
export { Select };
|
|
@@ -794,25 +802,32 @@ declare module '@umami/react-zen/Select' {
|
|
|
794
802
|
|
|
795
803
|
declare module '@umami/react-zen/SideNav' {
|
|
796
804
|
import { ReactNode } from 'react';
|
|
797
|
-
import {
|
|
798
|
-
|
|
805
|
+
import { ColumnProps } from '@/components/Column';
|
|
806
|
+
import { RowProps } from '@/components/Row';
|
|
807
|
+
export interface SideNavProps extends ColumnProps {
|
|
808
|
+
variant?: '1' | '2' | '3' | 'quiet';
|
|
799
809
|
isCollapsed?: boolean;
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
export function SideNav({ isCollapsed, children }: SideNavProps): import("react").JSX.Element;
|
|
803
|
-
export function SideNavHeader({ name, icon, children, }: {
|
|
804
|
-
name: string;
|
|
805
|
-
icon?: ReactNode;
|
|
810
|
+
muteItems?: boolean;
|
|
811
|
+
showBorder?: boolean;
|
|
806
812
|
children?: ReactNode;
|
|
807
|
-
}
|
|
808
|
-
export function
|
|
813
|
+
}
|
|
814
|
+
export function SideNav({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SideNavProps): import("react").JSX.Element;
|
|
815
|
+
export function SideNavSection({ title, children, }: {
|
|
809
816
|
title?: string;
|
|
810
817
|
children: ReactNode;
|
|
811
|
-
}): import("react").JSX.Element;
|
|
812
|
-
export function
|
|
818
|
+
} & ColumnProps): import("react").JSX.Element;
|
|
819
|
+
export function SideNavHeader({ label, icon, className, children, ...props }: {
|
|
820
|
+
label: string;
|
|
821
|
+
icon?: ReactNode;
|
|
822
|
+
children?: ReactNode;
|
|
823
|
+
} & RowProps): import("react").JSX.Element;
|
|
824
|
+
export interface SideNavItemProps extends RowProps {
|
|
825
|
+
isSelected?: boolean;
|
|
826
|
+
}
|
|
827
|
+
export function SideNavItem({ label, icon, isSelected, className, children, ...props }: {
|
|
813
828
|
label?: string;
|
|
814
829
|
icon?: ReactNode;
|
|
815
|
-
} &
|
|
830
|
+
} & SideNavItemProps): import("react").JSX.Element;
|
|
816
831
|
}
|
|
817
832
|
|
|
818
833
|
declare module '@umami/react-zen/Slider' {
|
|
@@ -840,6 +855,7 @@ declare module '@umami/react-zen/Spinner' {
|
|
|
840
855
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
841
856
|
quiet?: boolean;
|
|
842
857
|
className?: string;
|
|
858
|
+
isDisabled?: boolean;
|
|
843
859
|
}
|
|
844
860
|
export function Spinner(props: SpinnerProps): import("react").JSX.Element;
|
|
845
861
|
}
|