@npm-questionpro/wick-ui-lib 0.8.4 → 0.9.2
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.d.ts +1 -0
- package/dist/src/base/ui/breadcrumb.d.ts +2 -2
- package/dist/src/base/ui/button.d.ts +0 -1
- package/dist/src/base/ui/calendar.d.ts +1 -1
- package/dist/src/base/ui/command.d.ts +4 -4
- package/dist/src/base/ui/dropdownMenu.d.ts +1 -1
- package/dist/src/base/ui/menubar.d.ts +1 -1
- package/dist/src/base/ui/toast.d.ts +1 -1
- package/dist/src/base/ui/toaster.d.ts +1 -1
- package/dist/src/base/ui/toggle.d.ts +4 -4
- package/dist/src/base/ui/toggleGroup.d.ts +4 -4
- package/dist/src/base/ui/useToast.d.ts +0 -1
- package/dist/src/components/appHeader/WuAppHeader.d.ts +0 -1
- package/dist/src/components/appHeader/ui/WuAppHeaderAccount.d.ts +0 -1
- package/dist/src/components/appHeader/ui/WuAppHeaderBreadcrumb.d.ts +0 -1
- package/dist/src/components/appHeader/ui/WuAppHeaderHelp.d.ts +0 -1
- package/dist/src/components/appHeader/ui/WuAppHeaderMenu.d.ts +0 -1
- package/dist/src/components/appHeader/utils/dataFromApi.d.ts +0 -1
- package/dist/src/components/button/WuButton.d.ts +0 -1
- package/dist/src/components/calendar/WuCalender.d.ts +0 -1
- package/dist/src/components/calendar/components/datePicker/WuDatePicker.d.ts +0 -1
- package/dist/src/components/calendar/components/dateRangePicker/WuDateRangePicker.d.ts +0 -1
- package/dist/src/components/calendar/ui/_sidebar.d.ts +0 -1
- package/dist/src/components/checkbox/WuCheckbox.d.ts +0 -1
- package/dist/src/components/combobox/WuCombobox.d.ts +9 -2
- package/dist/src/components/combobox/types/IWuComboboxOptions.d.ts +0 -1
- package/dist/src/components/combobox/ui/_item.d.ts +0 -1
- package/dist/src/components/combobox/ui/_tags.d.ts +1 -2
- package/dist/src/components/combobox/ui/_trigger.d.ts +3 -2
- package/dist/src/components/combobox/utils/renderItems.d.ts +4 -1
- package/dist/src/components/combobox/utils/separateOptions.d.ts +1 -1
- package/dist/src/components/combobox/utils/useResizeContent.d.ts +0 -1
- package/dist/src/components/formFields/WuInput/WuInput.d.ts +0 -1
- package/dist/src/components/formFields/WuTextarea/WuTextarea.d.ts +0 -1
- package/dist/src/components/formFields/ui/WuLabel.d.ts +1 -4
- package/dist/src/components/helpButton/WuHelpButton.d.ts +0 -5
- package/dist/src/components/loader/WuLoader.d.ts +0 -1
- package/dist/src/components/menu/WuMenu.d.ts +1 -2
- package/dist/src/components/menu/index.d.ts +1 -1
- package/dist/src/components/menu/ui/WuMenuItemGroup.d.ts +0 -1
- package/dist/src/components/menu/ui/WuMenuRadioItem.d.ts +6 -6
- package/dist/src/components/menu/ui/WuMenuSeparatorItem.d.ts +0 -1
- package/dist/src/components/menu/ui/WuSubMenu.d.ts +0 -1
- package/dist/src/components/modal/WuModal.d.ts +3 -4
- package/dist/src/components/navbar/primaryNavbar/WuPrimaryNavbar.d.ts +6 -5
- package/dist/src/components/navbar/secondaryNavbar/WuSecondaryNavbar.d.ts +13 -6
- package/dist/src/components/radio/WuRadioGroup.d.ts +0 -4
- package/dist/src/components/select/WuSelect.d.ts +6 -2
- package/dist/src/components/select/types/IWuSelectOptions.d.ts +0 -1
- package/dist/src/components/select/ui/_item.d.ts +1 -1
- package/dist/src/components/select/ui/_trigger.d.ts +2 -2
- package/dist/src/components/select/utils/renderItems.d.ts +4 -1
- package/dist/src/components/select/utils/useOptionDestructure.d.ts +2 -3
- package/dist/src/components/select/utils/useResizeContent.d.ts +1 -2
- package/dist/src/components/stepper/WuStepper.d.ts +0 -5
- package/dist/src/components/switcher/WuSwitcher.d.ts +0 -1
- package/dist/src/components/switcher/types/IWuSwitcherOption.d.ts +0 -1
- package/dist/src/components/switcher/types/IWuSwitcherOptions.d.ts +0 -1
- package/dist/src/components/switcher/ui/_iconTab.d.ts +0 -1
- package/dist/src/components/switcher/ui/_tab.d.ts +0 -1
- package/dist/src/components/switcher/ui/_toggle.d.ts +0 -1
- package/dist/src/components/toast/WuToast.d.ts +1 -1
- package/dist/src/components/toast/hooks/useWuShowToast.d.ts +2 -3
- package/dist/src/components/toast/types/IWuToastOptions.d.ts +1 -0
- package/dist/src/components/toggle/WuToggle.d.ts +0 -5
- package/dist/src/components/tooltip/WuTooltip.d.ts +1 -2
- package/dist/src/components/virtualScroll/WuVirtualScroll.d.ts +2 -2
- package/dist/src/docs/Icons.d.ts +0 -1
- package/dist/src/docs/Theme.d.ts +2 -1
- package/dist/src/docs/Typography.d.ts +4 -3
- package/dist/src/hooks/useResizeList.d.ts +1 -2
- package/dist/src/index.d.ts +0 -1
- package/dist/src/lib/testUtils.d.ts +0 -1
- package/dist/src/lib/utils.d.ts +0 -1
- package/dist/style.css +1 -1
- package/dist/wick-ui-lib/es/index.js +8128 -8827
- package/dist/wick-ui-lib/es/index.js.map +1 -1
- package/dist/wick-ui-lib/umd/index.js +36 -23
- package/dist/wick-ui-lib/umd/index.js.map +1 -1
- package/package.json +66 -66
- package/dist/fonts/icon.css +0 -155
- package/dist/fonts/selection.json +0 -1117
- package/dist/fonts/wick-icon.eot +0 -0
- package/dist/fonts/wick-icon.svg +0 -52
- package/dist/fonts/wick-icon.ttf +0 -0
- package/dist/fonts/wick-icon.woff +0 -0
- package/dist/src/base/ui/select.d.ts +0 -13
- package/dist/src/components/menu/WuMenuItemGroup.d.ts +0 -3
- package/dist/src/components/menu/WuMenuSeparatorItem.d.ts +0 -3
- package/dist/src/components/menu/WuSubMenu.d.ts +0 -6
package/dist/index.d.ts
CHANGED
|
@@ -9,11 +9,11 @@ declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.Detaile
|
|
|
9
9
|
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
10
|
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
11
11
|
declare const BreadcrumbSeparator: {
|
|
12
|
-
({ children, className, dir, ...props }: React.ComponentProps<"li">): JSX.Element;
|
|
12
|
+
({ children, className, dir, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
15
15
|
declare const BreadcrumbEllipsis: {
|
|
16
|
-
({ className, ...props }: React.ComponentProps<"span">): JSX.Element;
|
|
16
|
+
({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DayPicker } from 'react-day-picker';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
declare function Calendar({ className, classNames, dir, ...props }: React.ComponentProps<typeof DayPicker>): JSX.Element;
|
|
3
|
+
declare function Calendar({ className, classNames, dir, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
|
|
4
4
|
declare namespace Calendar {
|
|
5
5
|
var displayName: string;
|
|
6
6
|
}
|
|
@@ -17,7 +17,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
17
17
|
disablePointerSelection?: boolean;
|
|
18
18
|
vimBindings?: boolean;
|
|
19
19
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
declare const CommandDialog: ({ children, ...props }: DialogProps) => JSX.Element;
|
|
20
|
+
declare const CommandDialog: ({ children, ...props }: DialogProps) => React.JSX.Element;
|
|
21
21
|
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
22
22
|
ref?: React.Ref<HTMLInputElement>;
|
|
23
23
|
} & {
|
|
@@ -48,7 +48,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
|
48
48
|
ref?: React.Ref<HTMLDivElement>;
|
|
49
49
|
} & {
|
|
50
50
|
asChild?: boolean;
|
|
51
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "
|
|
51
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
|
|
52
52
|
heading?: React.ReactNode;
|
|
53
53
|
value?: string;
|
|
54
54
|
forceMount?: boolean;
|
|
@@ -74,7 +74,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
74
74
|
forceMount?: boolean;
|
|
75
75
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
76
|
declare const CommandShortcut: {
|
|
77
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
|
|
77
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
78
78
|
displayName: string;
|
|
79
79
|
};
|
|
80
|
-
export { Command, CommandDialog,
|
|
80
|
+
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
|
|
@@ -22,7 +22,7 @@ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMe
|
|
|
22
22
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
23
23
|
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
24
|
declare const DropdownMenuShortcut: {
|
|
25
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
|
|
25
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
26
26
|
displayName: string;
|
|
27
27
|
};
|
|
28
28
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
|
|
@@ -26,7 +26,7 @@ declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitiv
|
|
|
26
26
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
27
27
|
declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
28
|
declare const MenubarShortcut: {
|
|
29
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
|
|
29
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
30
30
|
displayname: string;
|
|
31
31
|
};
|
|
32
32
|
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
|
|
@@ -6,7 +6,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
|
|
|
6
6
|
position?: "top" | "bottom" | "topRight" | "topLeft" | "bottomRight" | "bottomReft" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLOListElement>>;
|
|
8
8
|
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
9
|
-
variant?: "
|
|
9
|
+
variant?: "error" | "default" | "success" | "warning" | "info" | null | undefined;
|
|
10
10
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
11
11
|
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function Toaster(): JSX.Element;
|
|
1
|
+
export declare function Toaster(): React.JSX.Element;
|
|
@@ -2,11 +2,11 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const toggleVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
6
|
-
size?: "
|
|
5
|
+
variant?: "outline" | "default" | null | undefined;
|
|
6
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
8
8
|
declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
9
|
-
variant?: "
|
|
10
|
-
size?: "
|
|
9
|
+
variant?: "outline" | "default" | null | undefined;
|
|
10
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
11
11
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
export { Toggle, toggleVariants };
|
|
@@ -2,11 +2,11 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
4
4
|
declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
|
|
5
|
-
variant?: "
|
|
6
|
-
size?: "
|
|
5
|
+
variant?: "outline" | "default" | null | undefined;
|
|
6
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
9
|
-
variant?: "
|
|
10
|
-
size?: "
|
|
9
|
+
variant?: "outline" | "default" | null | undefined;
|
|
10
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
11
11
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -2,7 +2,6 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { IWuAppHeaderAccount } from './types/WuAppHeaderAccount';
|
|
3
3
|
import { IWuAppHeaderBreadcrumbItem } from './types/WuAppHeaderBreadcrumbItem';
|
|
4
4
|
import { IWuAppHeaderMenuItem } from './types/WuAppHeaderMenuItem';
|
|
5
|
-
|
|
6
5
|
export interface IWuAppHeaderProps extends React.HTMLAttributes<HTMLBaseElement> {
|
|
7
6
|
productName: string;
|
|
8
7
|
categories: IWuAppHeaderMenuItem[];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
export interface IWuComboboxProps<T> {
|
|
2
3
|
data: T[];
|
|
3
4
|
accessorKey: {
|
|
@@ -15,7 +16,13 @@ export interface IWuComboboxProps<T> {
|
|
|
15
16
|
label?: string;
|
|
16
17
|
maxHeight?: number;
|
|
17
18
|
onSelect?: (value: T | T[]) => void;
|
|
18
|
-
multiple?: boolean;
|
|
19
19
|
hasGroup?: boolean;
|
|
20
|
+
multiple?: boolean;
|
|
21
|
+
selectAll?: {
|
|
22
|
+
enable: boolean;
|
|
23
|
+
label?: string;
|
|
24
|
+
includeDisabled?: boolean;
|
|
25
|
+
};
|
|
26
|
+
id?: string;
|
|
20
27
|
}
|
|
21
|
-
export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, }: IWuComboboxProps<T>) => JSX.Element;
|
|
28
|
+
export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, selectAll, id, }: IWuComboboxProps<T>) => React.JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
import { IWuComboboxItem } from '../types/IWuComboboxOptions';
|
|
2
|
-
|
|
3
3
|
export interface IWuComboboxTriggerProps<T> {
|
|
4
4
|
accessorKey: {
|
|
5
5
|
label: string;
|
|
@@ -11,5 +11,6 @@ export interface IWuComboboxTriggerProps<T> {
|
|
|
11
11
|
variant?: 'flat' | 'outlined';
|
|
12
12
|
dir?: 'ltr' | 'rtl';
|
|
13
13
|
multiple?: boolean;
|
|
14
|
+
id?: string;
|
|
14
15
|
}
|
|
15
|
-
export declare const WuComboboxTrigger: <T>({ placeholder, isEllipse, selectedOptions, variant, dir, accessorKey, multiple, }: IWuComboboxTriggerProps<T>) => JSX.Element;
|
|
16
|
+
export declare const WuComboboxTrigger: <T>({ placeholder, isEllipse, selectedOptions, variant, dir, accessorKey, multiple, id, }: IWuComboboxTriggerProps<T>) => React.JSX.Element;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IWuComboboxOption } from '../types/IWuComboboxOptions';
|
|
3
3
|
import { IWuComboboxItemProps } from '../ui/_item';
|
|
4
|
-
|
|
4
|
+
import { IWuComboboxProps } from '../WuCombobox';
|
|
5
5
|
type IRenderComboboxItemsProps<T> = Omit<IWuComboboxItemProps<T>, 'option'> & {
|
|
6
6
|
option: IWuComboboxOption<T>;
|
|
7
|
+
selectAll?: IWuComboboxProps<T>['selectAll'];
|
|
8
|
+
handleSelectAll?: () => void;
|
|
9
|
+
isCheckedAll?: boolean;
|
|
7
10
|
};
|
|
8
11
|
export declare const RenderItems: <T>(props: IRenderComboboxItemsProps<T>) => React.JSX.Element;
|
|
9
12
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IWuComboboxDivider, IWuComboboxGroup, IWuComboboxItem, IWuComboboxOption } from '../types/IWuComboboxOptions';
|
|
2
|
-
|
|
3
2
|
export declare const separateOptions: <T>(options: IWuComboboxOption<T>[]) => {
|
|
4
3
|
groups: IWuComboboxGroup<T>[];
|
|
5
4
|
dividers: IWuComboboxDivider[];
|
|
6
5
|
allOptions: IWuComboboxItem<T>[];
|
|
6
|
+
enabledOptions: IWuComboboxItem<T>[];
|
|
7
7
|
};
|
|
@@ -1,5 +1,2 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare const WuLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<import('@radix-ui/react-label').LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & import('class-variance-authority').VariantProps<(props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLabelElement> | null | undefined;
|
|
5
|
-
}, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
2
|
+
export declare const WuLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-label').LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & import('class-variance-authority').VariantProps<(props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
2
|
export interface IWuHelpButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
3
|
idOrSlugOrUrl: string;
|
|
5
4
|
size?: 'sm' | 'md';
|
|
6
5
|
variant?: 'primary' | 'secondary';
|
|
7
6
|
}
|
|
8
|
-
/**
|
|
9
|
-
* WuHelp button extends button element that support all button attributes.
|
|
10
|
-
* Note: Supports custom design by className & style.
|
|
11
|
-
*/
|
|
12
7
|
export declare const WuHelpButton: React.ForwardRefExoticComponent<IWuHelpButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { DropdownMenu } from '../../base/ui/dropdownMenu';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
-
|
|
4
3
|
export interface IWuMenuProps extends Omit<React.ComponentProps<typeof DropdownMenu>, 'open' | 'onOpenChange'> {
|
|
5
4
|
name?: string;
|
|
6
5
|
menuTitle?: string;
|
|
7
|
-
trigger?: React.
|
|
6
|
+
trigger?: React.ReactElement<HTMLBaseElement>;
|
|
8
7
|
variant?: 'flat' | 'outlined';
|
|
9
8
|
open?: boolean;
|
|
10
9
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -3,7 +3,7 @@ export type { IWuMenuCheckboxItemProps } from './ui/WuMenuCheckboxItem';
|
|
|
3
3
|
export { WuMenuItem } from './ui/WuMenuItem';
|
|
4
4
|
export { WuMenuItemGroup } from './ui/WuMenuItemGroup';
|
|
5
5
|
export { WuMenuRadioItem } from './ui/WuMenuRadioItem';
|
|
6
|
-
export type { IWuMenuRadioItemProps } from './ui/WuMenuRadioItem';
|
|
6
|
+
export type { IWuMenuRadioItemOption, IWuMenuRadioItemProps, } from './ui/WuMenuRadioItem';
|
|
7
7
|
export { WuMenuSeparatorItem } from './ui/WuMenuSeparatorItem';
|
|
8
8
|
export { WuSubMenu } from './ui/WuSubMenu';
|
|
9
9
|
export { WuMenu } from './WuMenu';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
+
export interface IWuMenuRadioItemOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
1
6
|
export interface IWuMenuRadioItemProps {
|
|
2
|
-
options:
|
|
3
|
-
value: string;
|
|
4
|
-
label: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
}[];
|
|
7
|
+
options: IWuMenuRadioItemOption[];
|
|
7
8
|
value: string;
|
|
8
9
|
onSelect: (value: string) => void;
|
|
9
|
-
preventCloseOnSelect?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const WuMenuRadioItem: React.FC<IWuMenuRadioItemProps>;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { Dialog, DialogClose } from '../../base/ui/dialog';
|
|
2
2
|
import { default as React, FC, ReactNode } from 'react';
|
|
3
|
-
|
|
4
3
|
declare const MAX_WIDTH: {
|
|
5
4
|
readonly sm: "400px";
|
|
6
5
|
readonly md: "600px";
|
|
7
6
|
readonly lg: "1200px";
|
|
8
7
|
};
|
|
9
8
|
declare const BUTTON_VARIANTS: {
|
|
10
|
-
readonly primary: "bg-
|
|
11
|
-
readonly secondary: "hover:bg-
|
|
12
|
-
readonly iconOnly: "p-2 hover:bg-
|
|
9
|
+
readonly primary: "bg-blue-p text-white hover:bg-opacity-70";
|
|
10
|
+
readonly secondary: "hover:bg-blue-p hover:bg-gray-100 text-blue-p";
|
|
11
|
+
readonly iconOnly: "p-2 hover:bg-gray-40 min-w-[auto] disabled:grayscale disabled:opacity-80 focus-visible:ring-offset-0 focus:bg-blue-soft";
|
|
13
12
|
};
|
|
14
13
|
type IModalSize = keyof typeof MAX_WIDTH;
|
|
15
14
|
type IButtonVariant = keyof typeof BUTTON_VARIANTS;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
2
|
+
interface INavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
+
active?: boolean;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
3
6
|
export interface IWuPrimaryNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
linkNodes: React.ReactElement[];
|
|
7
|
+
linkNodes: React.ReactElement<INavLinkProps>[];
|
|
5
8
|
children?: React.ReactNode;
|
|
6
9
|
className?: string;
|
|
7
10
|
}
|
|
8
|
-
/**
|
|
9
|
-
* This is the primary navbar component. Every link supports custom style and className.
|
|
10
|
-
*/
|
|
11
11
|
export declare const WuPrimaryNavbar: React.FC<IWuPrimaryNavbarProps>;
|
|
12
|
+
export {};
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
2
|
+
interface INavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
+
active?: boolean;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
interface INavImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface INavLinkNode {
|
|
10
|
+
link: React.ReactElement<INavLinkProps>;
|
|
11
|
+
imgOrIcon: React.ReactElement<INavImageProps>;
|
|
12
|
+
}
|
|
3
13
|
export interface IWuSecondaryNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
linkNodes:
|
|
5
|
-
link: React.ReactElement;
|
|
6
|
-
imgOrIcon: React.ReactElement;
|
|
7
|
-
}[];
|
|
14
|
+
linkNodes: INavLinkNode[];
|
|
8
15
|
children?: React.ReactNode;
|
|
9
|
-
className?: string;
|
|
10
16
|
}
|
|
11
17
|
export declare const WuSecondaryNavbar: React.FC<IWuSecondaryNavbarProps>;
|
|
18
|
+
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IWuRadioOption } from './types/IWuRadioOption';
|
|
3
|
-
|
|
4
3
|
export interface IWuRadioGroupProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
5
4
|
options: IWuRadioOption[];
|
|
6
5
|
defaultValue?: string;
|
|
@@ -10,7 +9,4 @@ export interface IWuRadioGroupProps extends Omit<React.InputHTMLAttributes<HTMLI
|
|
|
10
9
|
id?: string;
|
|
11
10
|
dir?: 'ltr' | 'rtl';
|
|
12
11
|
}
|
|
13
|
-
/**
|
|
14
|
-
* This is a radio group component. Note: Custom style or className is not supported.
|
|
15
|
-
*/
|
|
16
12
|
export declare const WuRadioGroup: React.FC<IWuRadioGroupProps>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
2
|
type IValue<T> = T | T[];
|
|
4
3
|
export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'defaultValue' | 'onSelect'> {
|
|
5
4
|
defaultValue?: IValue<T>;
|
|
@@ -20,6 +19,11 @@ export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLS
|
|
|
20
19
|
hasGroup?: boolean;
|
|
21
20
|
header?: React.ReactNode;
|
|
22
21
|
customTriggerChildren?: React.ReactNode;
|
|
22
|
+
selectAll?: {
|
|
23
|
+
enable: boolean;
|
|
24
|
+
label?: string;
|
|
25
|
+
includeDisabled?: boolean;
|
|
26
|
+
};
|
|
23
27
|
}
|
|
24
|
-
export declare const WuSelect: <T>({ data, onSelect, multiple, defaultValue, value: controlledValue, accessorKey, variant, dir, placeholder, label, virtualizedThreshold, maxHeight, hasGroup, header, customTriggerChildren, ...rest }: IWuSelectProps<T>) => React.JSX.Element;
|
|
28
|
+
export declare const WuSelect: <T>({ data, onSelect, multiple, defaultValue, value: controlledValue, accessorKey, variant, dir, placeholder, label, virtualizedThreshold, maxHeight, hasGroup, header, customTriggerChildren, selectAll, ...rest }: IWuSelectProps<T>) => React.JSX.Element;
|
|
25
29
|
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IWuSelectItem } from '../types/IWuSelectOptions';
|
|
3
|
-
|
|
4
3
|
export interface IWuSelectItemProps<T> {
|
|
5
4
|
option: IWuSelectItem<T>;
|
|
6
5
|
accessorKey: {
|
|
@@ -13,3 +12,4 @@ export interface IWuSelectItemProps<T> {
|
|
|
13
12
|
dir: 'ltr' | 'rtl';
|
|
14
13
|
}
|
|
15
14
|
export declare const WuSelectItem: <T>({ option, value, multiple, onSelect, accessorKey, dir, }: IWuSelectItemProps<T>) => React.JSX.Element;
|
|
15
|
+
export declare const ItemChildren: <T>({ option, accessorKey, }: Pick<IWuSelectItemProps<T>, "option" | "accessorKey">) => React.JSX.Element;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
2
|
export interface IWuSelectTriggerProps<T> {
|
|
4
3
|
placeholder: string;
|
|
5
4
|
value: T | T[];
|
|
@@ -11,5 +10,6 @@ export interface IWuSelectTriggerProps<T> {
|
|
|
11
10
|
label: string;
|
|
12
11
|
};
|
|
13
12
|
customTriggerChildren?: React.ReactNode;
|
|
13
|
+
id?: string;
|
|
14
14
|
}
|
|
15
|
-
export declare const WuSelectTrigger: <T>({ placeholder, value, multiple, accessorKey, variant, dir, customTriggerChildren, }: IWuSelectTriggerProps<T>) => React.JSX.Element;
|
|
15
|
+
export declare const WuSelectTrigger: <T>({ placeholder, value, multiple, accessorKey, variant, dir, customTriggerChildren, id, }: IWuSelectTriggerProps<T>) => React.JSX.Element;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { IWuSelectOption } from '../types/IWuSelectOptions';
|
|
2
2
|
import { IWuSelectItemProps } from '../ui/_item';
|
|
3
|
-
|
|
3
|
+
import { IWuSelectProps } from '../WuSelect';
|
|
4
4
|
type IRenderSelectItemsProps<T> = Omit<IWuSelectItemProps<T>, 'option'> & {
|
|
5
5
|
option: IWuSelectOption<T>;
|
|
6
|
+
selectAll?: IWuSelectProps<T>['selectAll'];
|
|
7
|
+
handleSelectAll?: () => void;
|
|
8
|
+
isCheckedAll?: boolean;
|
|
6
9
|
};
|
|
7
10
|
export declare const RenderItems: <T>(props: IRenderSelectItemsProps<T>) => React.JSX.Element;
|
|
8
11
|
export {};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import { IWuSelectOption } from '../types/IWuSelectOptions';
|
|
2
|
-
|
|
3
|
-
export declare const useOptionDestructure: <T>(options: IWuSelectOption<T>[]) => [number, number, number];
|
|
1
|
+
import { IWuSelectItem, IWuSelectOption } from '../types/IWuSelectOptions';
|
|
2
|
+
export declare const useOptionDestructure: <T>(options: IWuSelectOption<T>[]) => [number, number, number, IWuSelectItem<T>[]];
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
2
|
export interface IWuStepperProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
4
3
|
onChange?: (e: number) => void;
|
|
5
4
|
readonly?: boolean;
|
|
@@ -10,8 +9,4 @@ export interface IWuStepperProps extends Omit<React.InputHTMLAttributes<HTMLInpu
|
|
|
10
9
|
dir?: 'ltr' | 'rtl';
|
|
11
10
|
labelPosition?: 'left' | 'top';
|
|
12
11
|
}
|
|
13
|
-
/**
|
|
14
|
-
* This extends the native input element. So it supports all attributes of input.
|
|
15
|
-
* Note: Custom design by className & style. Can't style the container.
|
|
16
|
-
*/
|
|
17
12
|
export declare const WuStepper: React.ForwardRefExoticComponent<IWuStepperProps & React.RefAttributes<HTMLInputElement>>;
|