@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.
Files changed (90) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/src/base/ui/breadcrumb.d.ts +2 -2
  3. package/dist/src/base/ui/button.d.ts +0 -1
  4. package/dist/src/base/ui/calendar.d.ts +1 -1
  5. package/dist/src/base/ui/command.d.ts +4 -4
  6. package/dist/src/base/ui/dropdownMenu.d.ts +1 -1
  7. package/dist/src/base/ui/menubar.d.ts +1 -1
  8. package/dist/src/base/ui/toast.d.ts +1 -1
  9. package/dist/src/base/ui/toaster.d.ts +1 -1
  10. package/dist/src/base/ui/toggle.d.ts +4 -4
  11. package/dist/src/base/ui/toggleGroup.d.ts +4 -4
  12. package/dist/src/base/ui/useToast.d.ts +0 -1
  13. package/dist/src/components/appHeader/WuAppHeader.d.ts +0 -1
  14. package/dist/src/components/appHeader/ui/WuAppHeaderAccount.d.ts +0 -1
  15. package/dist/src/components/appHeader/ui/WuAppHeaderBreadcrumb.d.ts +0 -1
  16. package/dist/src/components/appHeader/ui/WuAppHeaderHelp.d.ts +0 -1
  17. package/dist/src/components/appHeader/ui/WuAppHeaderMenu.d.ts +0 -1
  18. package/dist/src/components/appHeader/utils/dataFromApi.d.ts +0 -1
  19. package/dist/src/components/button/WuButton.d.ts +0 -1
  20. package/dist/src/components/calendar/WuCalender.d.ts +0 -1
  21. package/dist/src/components/calendar/components/datePicker/WuDatePicker.d.ts +0 -1
  22. package/dist/src/components/calendar/components/dateRangePicker/WuDateRangePicker.d.ts +0 -1
  23. package/dist/src/components/calendar/ui/_sidebar.d.ts +0 -1
  24. package/dist/src/components/checkbox/WuCheckbox.d.ts +0 -1
  25. package/dist/src/components/combobox/WuCombobox.d.ts +9 -2
  26. package/dist/src/components/combobox/types/IWuComboboxOptions.d.ts +0 -1
  27. package/dist/src/components/combobox/ui/_item.d.ts +0 -1
  28. package/dist/src/components/combobox/ui/_tags.d.ts +1 -2
  29. package/dist/src/components/combobox/ui/_trigger.d.ts +3 -2
  30. package/dist/src/components/combobox/utils/renderItems.d.ts +4 -1
  31. package/dist/src/components/combobox/utils/separateOptions.d.ts +1 -1
  32. package/dist/src/components/combobox/utils/useResizeContent.d.ts +0 -1
  33. package/dist/src/components/formFields/WuInput/WuInput.d.ts +0 -1
  34. package/dist/src/components/formFields/WuTextarea/WuTextarea.d.ts +0 -1
  35. package/dist/src/components/formFields/ui/WuLabel.d.ts +1 -4
  36. package/dist/src/components/helpButton/WuHelpButton.d.ts +0 -5
  37. package/dist/src/components/loader/WuLoader.d.ts +0 -1
  38. package/dist/src/components/menu/WuMenu.d.ts +1 -2
  39. package/dist/src/components/menu/index.d.ts +1 -1
  40. package/dist/src/components/menu/ui/WuMenuItemGroup.d.ts +0 -1
  41. package/dist/src/components/menu/ui/WuMenuRadioItem.d.ts +6 -6
  42. package/dist/src/components/menu/ui/WuMenuSeparatorItem.d.ts +0 -1
  43. package/dist/src/components/menu/ui/WuSubMenu.d.ts +0 -1
  44. package/dist/src/components/modal/WuModal.d.ts +3 -4
  45. package/dist/src/components/navbar/primaryNavbar/WuPrimaryNavbar.d.ts +6 -5
  46. package/dist/src/components/navbar/secondaryNavbar/WuSecondaryNavbar.d.ts +13 -6
  47. package/dist/src/components/radio/WuRadioGroup.d.ts +0 -4
  48. package/dist/src/components/select/WuSelect.d.ts +6 -2
  49. package/dist/src/components/select/types/IWuSelectOptions.d.ts +0 -1
  50. package/dist/src/components/select/ui/_item.d.ts +1 -1
  51. package/dist/src/components/select/ui/_trigger.d.ts +2 -2
  52. package/dist/src/components/select/utils/renderItems.d.ts +4 -1
  53. package/dist/src/components/select/utils/useOptionDestructure.d.ts +2 -3
  54. package/dist/src/components/select/utils/useResizeContent.d.ts +1 -2
  55. package/dist/src/components/stepper/WuStepper.d.ts +0 -5
  56. package/dist/src/components/switcher/WuSwitcher.d.ts +0 -1
  57. package/dist/src/components/switcher/types/IWuSwitcherOption.d.ts +0 -1
  58. package/dist/src/components/switcher/types/IWuSwitcherOptions.d.ts +0 -1
  59. package/dist/src/components/switcher/ui/_iconTab.d.ts +0 -1
  60. package/dist/src/components/switcher/ui/_tab.d.ts +0 -1
  61. package/dist/src/components/switcher/ui/_toggle.d.ts +0 -1
  62. package/dist/src/components/toast/WuToast.d.ts +1 -1
  63. package/dist/src/components/toast/hooks/useWuShowToast.d.ts +2 -3
  64. package/dist/src/components/toast/types/IWuToastOptions.d.ts +1 -0
  65. package/dist/src/components/toggle/WuToggle.d.ts +0 -5
  66. package/dist/src/components/tooltip/WuTooltip.d.ts +1 -2
  67. package/dist/src/components/virtualScroll/WuVirtualScroll.d.ts +2 -2
  68. package/dist/src/docs/Icons.d.ts +0 -1
  69. package/dist/src/docs/Theme.d.ts +2 -1
  70. package/dist/src/docs/Typography.d.ts +4 -3
  71. package/dist/src/hooks/useResizeList.d.ts +1 -2
  72. package/dist/src/index.d.ts +0 -1
  73. package/dist/src/lib/testUtils.d.ts +0 -1
  74. package/dist/src/lib/utils.d.ts +0 -1
  75. package/dist/style.css +1 -1
  76. package/dist/wick-ui-lib/es/index.js +8128 -8827
  77. package/dist/wick-ui-lib/es/index.js.map +1 -1
  78. package/dist/wick-ui-lib/umd/index.js +36 -23
  79. package/dist/wick-ui-lib/umd/index.js.map +1 -1
  80. package/package.json +66 -66
  81. package/dist/fonts/icon.css +0 -155
  82. package/dist/fonts/selection.json +0 -1117
  83. package/dist/fonts/wick-icon.eot +0 -0
  84. package/dist/fonts/wick-icon.svg +0 -52
  85. package/dist/fonts/wick-icon.ttf +0 -0
  86. package/dist/fonts/wick-icon.woff +0 -0
  87. package/dist/src/base/ui/select.d.ts +0 -13
  88. package/dist/src/components/menu/WuMenuItemGroup.d.ts +0 -3
  89. package/dist/src/components/menu/WuMenuSeparatorItem.d.ts +0 -3
  90. package/dist/src/components/menu/WuSubMenu.d.ts +0 -6
package/dist/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './src/index'
2
+ export {}
@@ -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,5 +1,4 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
-
3
2
  import * as React from 'react';
4
3
  export declare const buttonVariants: (props?: ({
5
4
  size?: "md" | "sm" | "mobile" | null | undefined;
@@ -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>>, "value" | "heading"> & {
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, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
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?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
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?: "default" | "outline" | null | undefined;
6
- size?: "default" | "sm" | "lg" | null | undefined;
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?: "default" | "outline" | null | undefined;
10
- size?: "default" | "sm" | "lg" | null | undefined;
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?: "default" | "outline" | null | undefined;
6
- size?: "default" | "sm" | "lg" | null | undefined;
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?: "default" | "outline" | null | undefined;
10
- size?: "default" | "sm" | "lg" | null | undefined;
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 };
@@ -1,5 +1,4 @@
1
1
  import { IToastActionElement, IToastProps } from './toast';
2
-
3
2
  type IToasterToast = IToastProps & {
4
3
  id: string;
5
4
  title?: React.ReactNode;
@@ -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,5 +1,4 @@
1
1
  import { IWuAppHeaderAccount } from '../types/WuAppHeaderAccount';
2
-
3
2
  interface IWuAppHeaderAccountProps {
4
3
  user?: IWuAppHeaderAccount;
5
4
  onLogout?: () => void;
@@ -1,5 +1,4 @@
1
1
  import { IWuAppHeaderBreadcrumbItem } from '../types/WuAppHeaderBreadcrumbItem';
2
-
3
2
  export interface IWuAppHeaderBreadcrumbProps {
4
3
  breadcrumbs: IWuAppHeaderBreadcrumbItem[];
5
4
  dir?: 'ltr' | 'rtl';
@@ -1,5 +1,4 @@
1
1
  import { IWuAppHeaderHelpMenu } from '../types/WuAppHeaderHelpMenu';
2
-
3
2
  export interface IWuAppHeaderHelpProps {
4
3
  menuList?: IWuAppHeaderHelpMenu[];
5
4
  dir?: 'ltr' | 'rtl';
@@ -1,5 +1,4 @@
1
1
  import { IWuAppHeaderMenuItem } from '../types/WuAppHeaderMenuItem';
2
-
3
2
  interface IWuAppHeaderMenuProps {
4
3
  menuItems: IWuAppHeaderMenuItem[];
5
4
  productName: string;
@@ -1,4 +1,3 @@
1
1
  import { IWuAppHeaderAccount } from '../types/WuAppHeaderAccount';
2
-
3
2
  export declare const myAccount: IWuAppHeaderAccount;
4
3
  export declare const DataFromApi: any;
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  export interface IWuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
3
  variant?: 'primary' | 'secondary' | 'outline' | 'rounded' | 'link' | 'iconOnly';
5
4
  size?: 'md' | 'sm' | 'mobile';
@@ -1,4 +1,3 @@
1
1
  import { default as React } from 'react';
2
2
  import { DayPicker } from 'react-day-picker';
3
-
4
3
  export declare const WuCalender: React.FC<React.ComponentProps<typeof DayPicker>>;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export type IWuDatePickerProps = {
4
3
  formatString?: string;
5
4
  value?: Date | string;
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { DateRange } from 'react-day-picker';
3
-
4
3
  export interface IWuDateRangePickerProps {
5
4
  formatString?: string;
6
5
  value?: DateRange;
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { DateRange } from 'react-day-picker';
3
-
4
3
  interface IWuDateRangePickerSidebarProps {
5
4
  current?: DateRange;
6
5
  onSelect: (date: DateRange) => void;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export interface IWuCheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
4
3
  disabled?: boolean;
5
4
  checked?: boolean;
@@ -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,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export type IWuComboboxItem<T> = T & {
4
3
  type?: 'option';
5
4
  disabled?: boolean;
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { IWuComboboxItem } from '../types/IWuComboboxOptions';
3
-
4
3
  export interface IWuComboboxItemProps<T> {
5
4
  option: IWuComboboxItem<T>;
6
5
  accessorKey: {
@@ -1,7 +1,6 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export declare const WuRenderTags: React.FC<{
4
3
  tags: string[];
5
- triggerRef: React.RefObject<HTMLButtonElement>;
4
+ triggerRef: React.RefObject<HTMLButtonElement | null>;
6
5
  dir?: 'ltr' | 'rtl';
7
6
  }>;
@@ -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,3 +1,2 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export declare const useResizeContent: (parentRef: React.RefObject<HTMLDivElement>) => number;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export interface IWuInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
4
3
  label?: string;
5
4
  labelPosition?: 'left' | 'top';
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export interface IWuTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
4
3
  label?: string;
5
4
  errorMessage?: string;
@@ -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,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export interface IWuLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
4
3
  size?: 'md' | 'lg' | 'sm' | string;
5
4
  color?: string;
@@ -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.ReactNode;
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,5 +1,4 @@
1
1
  import { DropdownMenuGroup } from '../../../base/ui/dropdownMenu';
2
-
3
2
  export declare const WuMenuItemGroup: React.FC<React.ComponentProps<typeof DropdownMenuGroup> & {
4
3
  label: string;
5
4
  }>;
@@ -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,3 +1,2 @@
1
1
  import { DropdownMenuSeparator } from '../../../base/ui/dropdownMenu';
2
-
3
2
  export declare const WuMenuSeparatorItem: React.FC<React.ComponentProps<typeof DropdownMenuSeparator>>;
@@ -1,5 +1,4 @@
1
1
  import { DropdownMenuSub } from '../../../base/ui/dropdownMenu';
2
-
3
2
  export interface IWuSubMenuProps extends Omit<React.ComponentProps<typeof DropdownMenuSub>, 'onOpenChange'> {
4
3
  label: string;
5
4
  open?: boolean;
@@ -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-primary-500 text-white hover:bg-opacity-70";
11
- readonly secondary: "hover:bg-primary-500 hover:bg-gray-100 text-primary-500";
12
- readonly iconOnly: "p-2 hover:bg-text-200 min-w-[auto] disabled:grayscale disabled:opacity-80 focus-visible:ring-offset-0 focus:bg-primary-100";
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,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export type IWuSelectItem<T> = T & {
4
3
  type?: 'option';
5
4
  disabled?: boolean;
@@ -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,3 +1,2 @@
1
1
  import { default as React } from 'react';
2
-
3
- export declare const useResizeContent: (parentRef: React.RefObject<HTMLDivElement>) => number;
2
+ export declare const useResizeContent: (parentRef: React.RefObject<HTMLDivElement | null>) => number;
@@ -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>>;
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { IWuSwitcherOptions } from './types/IWuSwitcherOptions';
3
-
4
3
  export interface IWuSwitcherProps<T> {
5
4
  options: IWuSwitcherOptions<T>;
6
5
  onChange?: (value: T) => void;