@zuzjs/ui 1.0.21 → 1.0.23
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/bin.cjs +4 -4
- package/dist/bin.js +1 -1
- package/dist/index.cjs +7 -7
- package/dist/index.d.cts +18 -14
- package/dist/index.d.ts +18 -14
- package/dist/index.js +6 -6
- package/package.json +1 -1
- /package/dist/{chunk-EDVIEQHU.cjs → chunk-EA4UJ6EJ.cjs} +0 -0
- /package/dist/{chunk-BLXOZG3O.js → chunk-MOKOYLWE.js} +0 -0
package/dist/index.d.cts
CHANGED
|
@@ -296,9 +296,17 @@ interface Skeleton {
|
|
|
296
296
|
radius?: number | string;
|
|
297
297
|
}
|
|
298
298
|
interface LayerHandler {
|
|
299
|
+
inBackground?: boolean;
|
|
300
|
+
forceClose?: boolean;
|
|
301
|
+
}
|
|
302
|
+
interface DialogController {
|
|
299
303
|
id: number;
|
|
300
304
|
hide: () => void;
|
|
301
305
|
}
|
|
306
|
+
interface DrawerController {
|
|
307
|
+
id: number;
|
|
308
|
+
close: () => void;
|
|
309
|
+
}
|
|
302
310
|
|
|
303
311
|
type AccordionProps = BoxProps & {
|
|
304
312
|
message?: string | ReactNode;
|
|
@@ -750,12 +758,9 @@ type DialogProps = ZuzProps & {
|
|
|
750
758
|
action?: DialogActionHandler[];
|
|
751
759
|
actionPosition?: ValueOf<typeof DIALOG_ACTION_POSITION>;
|
|
752
760
|
variant?: ValueOf<typeof Variant>;
|
|
753
|
-
inBackground?: boolean;
|
|
754
|
-
/** Delay after close */
|
|
755
|
-
closeDelay?: number;
|
|
756
761
|
onShow?: () => void;
|
|
757
762
|
onHide?: () => void;
|
|
758
|
-
};
|
|
763
|
+
} & LayerHandler;
|
|
759
764
|
interface DialogActionHandler {
|
|
760
765
|
key?: string;
|
|
761
766
|
label: string;
|
|
@@ -781,7 +786,7 @@ declare const Dialog: {
|
|
|
781
786
|
displayName: string;
|
|
782
787
|
};
|
|
783
788
|
|
|
784
|
-
type DrawerProps = BoxProps & {
|
|
789
|
+
type DrawerProps = Omit<BoxProps, `id`> & {
|
|
785
790
|
id?: number;
|
|
786
791
|
index?: number;
|
|
787
792
|
as?: string;
|
|
@@ -791,9 +796,8 @@ type DrawerProps = BoxProps & {
|
|
|
791
796
|
prerender?: boolean;
|
|
792
797
|
margin?: number;
|
|
793
798
|
animation?: ValueOf<typeof TRANSITION_CURVES>;
|
|
794
|
-
inBackground?: boolean;
|
|
795
799
|
onClose?: (id: number) => void;
|
|
796
|
-
};
|
|
800
|
+
} & LayerHandler;
|
|
797
801
|
interface DrawerHandler {
|
|
798
802
|
open: (child?: string | ReactNode | ReactNode[]) => void;
|
|
799
803
|
close: () => void;
|
|
@@ -1811,7 +1815,7 @@ options?: PositionOptions) => {
|
|
|
1811
1815
|
|
|
1812
1816
|
declare const useDialog: () => {
|
|
1813
1817
|
clearAll: () => void;
|
|
1814
|
-
show: (pops: Omit<DialogProps, `id` | `onShow` | `onHide`>) =>
|
|
1818
|
+
show: (pops: Omit<DialogProps, `id` | `onShow` | `onHide`>) => DialogController;
|
|
1815
1819
|
hide: (id: number) => void;
|
|
1816
1820
|
};
|
|
1817
1821
|
|
|
@@ -1827,11 +1831,11 @@ declare const useToast: () => {
|
|
|
1827
1831
|
|
|
1828
1832
|
declare const useDrawer: () => {
|
|
1829
1833
|
clearAll: () => void;
|
|
1830
|
-
open: (child?: string | ReactNode | ReactNode[]) =>
|
|
1831
|
-
right: (child?: string | ReactNode | ReactNode[]) =>
|
|
1832
|
-
left: (child?: string | ReactNode | ReactNode[]) =>
|
|
1833
|
-
top: (child?: string | ReactNode | ReactNode[]) =>
|
|
1834
|
-
bottom: (child?: string | ReactNode | ReactNode[]) =>
|
|
1834
|
+
open: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1835
|
+
right: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1836
|
+
left: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1837
|
+
top: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1838
|
+
bottom: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1835
1839
|
close: (id: number) => void;
|
|
1836
1840
|
};
|
|
1837
1841
|
|
|
@@ -1895,4 +1899,4 @@ declare const animationTransition: (transition: ValueOf<typeof TRANSITIONS>, off
|
|
|
1895
1899
|
};
|
|
1896
1900
|
declare const getAnimationTransition: (transition: ValueOf<typeof TRANSITIONS>, to?: boolean, from?: boolean) => dynamic;
|
|
1897
1901
|
|
|
1898
|
-
export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type
|
|
1902
|
+
export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type DialogController, type DialogHandler, type DialogProps, Drawer, type DrawerController, type DrawerHandler, type DrawerProps, FILTER, FORMVALIDATION, FORMVALIDATION_STYLE, Fab, type FabProps, type FilterProps, Filters, Form, type FormHandler, type FormInputs, type FormProps, Grid, type GridProps, Group, type GroupProps, Icon, type IconProps, Image, type ImageProps, Input, type InputProps, type KeyCombination, type KeyboardKey, type KeyboardKeyProps, KeyBoardKeys as KeyboardKeys, KeysLabelMap, KeysMap, Label, type LabelProps, type LayerHandler, LayersProvider, List, type ListItem, type ListItemObject, type ListProps, type MenuItemProps, type MorphOptions, type NetworkManagerprops, NetworkManager as NetworkStatus, ORIGIN, type Option, type OptionItemProps, OriginType, Overlay, type OverlayProps, PACKAGE_NAME, POSITION, PROGRESS, Pagination, type PaginationCallback, type PaginationPage, type PaginationPageItem, type PaginationProps, PaginationStyle, Password, type PasswordProps, PinInput, type PinInputProps, Position, ProgressBar, type ProgressBarProps, type ProgressHandler, type Props, RADIO, Radio, type RadioHandler, type RadioProps, type Row, type RowSelectCallback, SHEET, SHEET_ACTION_POSITION, SKELETON, SLIDER, SORT, SPINNER, ScrollView, type ScrollViewProps, Search, type SearchHandler, type SearchProps, type Segment, type SegmentController, type SegmentItemProps, type SegmentProps, Select, type SelectHandler, type SelectProps, Segmented as SelectTabs, Sheet, type SheetHandler, type SheetProps, type Skeleton, Slider, type SliderProps, Span, type SpanProps, Spinner, type SpinnerProps, Status, Switch, type CheckboxHandler as SwitchHandler, TRANSITIONS, TRANSITION_CURVES, type Tab, type TabBodyProps, type TabProps, TabView, type TabViewHandler, type TabViewProps, ForwardedTable as Table, type TableController, type TableOfContentItem, TableOfContents, type TableOfContentsProps, type TableProps, type TableSortCallback, Terminal, type TerminalCommandFn, type TerminalCommands, type TerminalHandler, type TerminalLine, type TerminalProps, Text, type TextAreaProps, TextWheel, type TextWheelHandler, type TextWheelProps, TextArea as Textarea, ThemeProvider, ToastDefaultTitle, type ToastProps, Toast as ToastProvider, ToastType, ToolTip, type ToolTipProps, type TreeItemHandler, type TreeItemProps, type TreeNode, type TreeNodeIcons, TreeView, type TreeViewHandler, type TreeViewProps, type Value, type ValueOf, Variant, type ZuzCommonValues, type ZuzProps, type ZuzStyleString, type animationProps, animationTransition, buildClassString, buildWithStyles, cleanProps, css, type cssShortKey, type cssShortKeys, type dynamic, getAnimationCurve, getAnimationTransition, getZuzMap, isKeyCombination, type parallaxEffectProps, setZuzMap, splitAtoms, useBase, useContextMenu, useDialog, useDrawer, useFx, useMorph, usePosition, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -296,9 +296,17 @@ interface Skeleton {
|
|
|
296
296
|
radius?: number | string;
|
|
297
297
|
}
|
|
298
298
|
interface LayerHandler {
|
|
299
|
+
inBackground?: boolean;
|
|
300
|
+
forceClose?: boolean;
|
|
301
|
+
}
|
|
302
|
+
interface DialogController {
|
|
299
303
|
id: number;
|
|
300
304
|
hide: () => void;
|
|
301
305
|
}
|
|
306
|
+
interface DrawerController {
|
|
307
|
+
id: number;
|
|
308
|
+
close: () => void;
|
|
309
|
+
}
|
|
302
310
|
|
|
303
311
|
type AccordionProps = BoxProps & {
|
|
304
312
|
message?: string | ReactNode;
|
|
@@ -750,12 +758,9 @@ type DialogProps = ZuzProps & {
|
|
|
750
758
|
action?: DialogActionHandler[];
|
|
751
759
|
actionPosition?: ValueOf<typeof DIALOG_ACTION_POSITION>;
|
|
752
760
|
variant?: ValueOf<typeof Variant>;
|
|
753
|
-
inBackground?: boolean;
|
|
754
|
-
/** Delay after close */
|
|
755
|
-
closeDelay?: number;
|
|
756
761
|
onShow?: () => void;
|
|
757
762
|
onHide?: () => void;
|
|
758
|
-
};
|
|
763
|
+
} & LayerHandler;
|
|
759
764
|
interface DialogActionHandler {
|
|
760
765
|
key?: string;
|
|
761
766
|
label: string;
|
|
@@ -781,7 +786,7 @@ declare const Dialog: {
|
|
|
781
786
|
displayName: string;
|
|
782
787
|
};
|
|
783
788
|
|
|
784
|
-
type DrawerProps = BoxProps & {
|
|
789
|
+
type DrawerProps = Omit<BoxProps, `id`> & {
|
|
785
790
|
id?: number;
|
|
786
791
|
index?: number;
|
|
787
792
|
as?: string;
|
|
@@ -791,9 +796,8 @@ type DrawerProps = BoxProps & {
|
|
|
791
796
|
prerender?: boolean;
|
|
792
797
|
margin?: number;
|
|
793
798
|
animation?: ValueOf<typeof TRANSITION_CURVES>;
|
|
794
|
-
inBackground?: boolean;
|
|
795
799
|
onClose?: (id: number) => void;
|
|
796
|
-
};
|
|
800
|
+
} & LayerHandler;
|
|
797
801
|
interface DrawerHandler {
|
|
798
802
|
open: (child?: string | ReactNode | ReactNode[]) => void;
|
|
799
803
|
close: () => void;
|
|
@@ -1811,7 +1815,7 @@ options?: PositionOptions) => {
|
|
|
1811
1815
|
|
|
1812
1816
|
declare const useDialog: () => {
|
|
1813
1817
|
clearAll: () => void;
|
|
1814
|
-
show: (pops: Omit<DialogProps, `id` | `onShow` | `onHide`>) =>
|
|
1818
|
+
show: (pops: Omit<DialogProps, `id` | `onShow` | `onHide`>) => DialogController;
|
|
1815
1819
|
hide: (id: number) => void;
|
|
1816
1820
|
};
|
|
1817
1821
|
|
|
@@ -1827,11 +1831,11 @@ declare const useToast: () => {
|
|
|
1827
1831
|
|
|
1828
1832
|
declare const useDrawer: () => {
|
|
1829
1833
|
clearAll: () => void;
|
|
1830
|
-
open: (child?: string | ReactNode | ReactNode[]) =>
|
|
1831
|
-
right: (child?: string | ReactNode | ReactNode[]) =>
|
|
1832
|
-
left: (child?: string | ReactNode | ReactNode[]) =>
|
|
1833
|
-
top: (child?: string | ReactNode | ReactNode[]) =>
|
|
1834
|
-
bottom: (child?: string | ReactNode | ReactNode[]) =>
|
|
1834
|
+
open: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1835
|
+
right: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1836
|
+
left: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1837
|
+
top: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1838
|
+
bottom: (child?: string | ReactNode | ReactNode[]) => DrawerController;
|
|
1835
1839
|
close: (id: number) => void;
|
|
1836
1840
|
};
|
|
1837
1841
|
|
|
@@ -1895,4 +1899,4 @@ declare const animationTransition: (transition: ValueOf<typeof TRANSITIONS>, off
|
|
|
1895
1899
|
};
|
|
1896
1900
|
declare const getAnimationTransition: (transition: ValueOf<typeof TRANSITIONS>, to?: boolean, from?: boolean) => dynamic;
|
|
1897
1901
|
|
|
1898
|
-
export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type
|
|
1902
|
+
export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type DialogController, type DialogHandler, type DialogProps, Drawer, type DrawerController, type DrawerHandler, type DrawerProps, FILTER, FORMVALIDATION, FORMVALIDATION_STYLE, Fab, type FabProps, type FilterProps, Filters, Form, type FormHandler, type FormInputs, type FormProps, Grid, type GridProps, Group, type GroupProps, Icon, type IconProps, Image, type ImageProps, Input, type InputProps, type KeyCombination, type KeyboardKey, type KeyboardKeyProps, KeyBoardKeys as KeyboardKeys, KeysLabelMap, KeysMap, Label, type LabelProps, type LayerHandler, LayersProvider, List, type ListItem, type ListItemObject, type ListProps, type MenuItemProps, type MorphOptions, type NetworkManagerprops, NetworkManager as NetworkStatus, ORIGIN, type Option, type OptionItemProps, OriginType, Overlay, type OverlayProps, PACKAGE_NAME, POSITION, PROGRESS, Pagination, type PaginationCallback, type PaginationPage, type PaginationPageItem, type PaginationProps, PaginationStyle, Password, type PasswordProps, PinInput, type PinInputProps, Position, ProgressBar, type ProgressBarProps, type ProgressHandler, type Props, RADIO, Radio, type RadioHandler, type RadioProps, type Row, type RowSelectCallback, SHEET, SHEET_ACTION_POSITION, SKELETON, SLIDER, SORT, SPINNER, ScrollView, type ScrollViewProps, Search, type SearchHandler, type SearchProps, type Segment, type SegmentController, type SegmentItemProps, type SegmentProps, Select, type SelectHandler, type SelectProps, Segmented as SelectTabs, Sheet, type SheetHandler, type SheetProps, type Skeleton, Slider, type SliderProps, Span, type SpanProps, Spinner, type SpinnerProps, Status, Switch, type CheckboxHandler as SwitchHandler, TRANSITIONS, TRANSITION_CURVES, type Tab, type TabBodyProps, type TabProps, TabView, type TabViewHandler, type TabViewProps, ForwardedTable as Table, type TableController, type TableOfContentItem, TableOfContents, type TableOfContentsProps, type TableProps, type TableSortCallback, Terminal, type TerminalCommandFn, type TerminalCommands, type TerminalHandler, type TerminalLine, type TerminalProps, Text, type TextAreaProps, TextWheel, type TextWheelHandler, type TextWheelProps, TextArea as Textarea, ThemeProvider, ToastDefaultTitle, type ToastProps, Toast as ToastProvider, ToastType, ToolTip, type ToolTipProps, type TreeItemHandler, type TreeItemProps, type TreeNode, type TreeNodeIcons, TreeView, type TreeViewHandler, type TreeViewProps, type Value, type ValueOf, Variant, type ZuzCommonValues, type ZuzProps, type ZuzStyleString, type animationProps, animationTransition, buildClassString, buildWithStyles, cleanProps, css, type cssShortKey, type cssShortKeys, type dynamic, getAnimationCurve, getAnimationTransition, getZuzMap, isKeyCombination, type parallaxEffectProps, setZuzMap, splitAtoms, useBase, useContextMenu, useDialog, useDrawer, useFx, useMorph, usePosition, useToast };
|