@npm-questionpro/wick-ui-lib 0.21.0 → 0.22.1

package/dist/src/base/ui/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 export declare const buttonVariants: (props?: ({
     size?: "md" | "sm" | "mobile" | null | undefined;
-    color?: "primary" | "upgrade" | "error" | null | undefined;
+    color?: "error" | "primary" | "upgrade" | null | undefined;
     variant?: "link" | "primary" | "secondary" | "outline" | "rounded" | "iconOnly" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/src/components/appHeader/components/WuAppHeaderSearch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/appHeader/{ui → components/account}/WuAppHeaderAccount.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IWuAppHeaderAccount } from '../types/WuAppHeaderAccount';
+import { IWuAppHeaderAccount } from '../../types/WuAppHeaderAccount';
 interface IWuAppHeaderAccountProps {
     user?: IWuAppHeaderAccount;
     onLogout?: () => void;

package/dist/src/components/appHeader/components/account/WuAppHeaderAccount.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/appHeader/components/account/ui/_logoutMenuItem.d.ts

@@ -0,0 +1,4 @@
+export declare const LogoutMenuItem: React.FC<{
+    onLogout?: () => void;
+    DataCenter?: React.ReactElement;
+}>;

package/dist/src/components/appHeader/components/account/ui/_otherMenuItem.d.ts

@@ -0,0 +1,5 @@
+import { IWuAppHeaderAccount } from '../../../types/WuAppHeaderAccount';
+export declare const OtherMenuItem: React.FC<{
+    user: IWuAppHeaderAccount;
+    dir?: 'ltr' | 'rtl';
+}>;

package/dist/src/components/appHeader/components/account/ui/_settingsMenuItem.d.ts

@@ -0,0 +1,5 @@
+import { IWuAppHeaderAccount } from '../../../types/WuAppHeaderAccount';
+export declare const SettingsMenuItem: React.FC<{
+    settings: IWuAppHeaderAccount['settings'];
+    dir?: 'ltr' | 'rtl';
+}>;

package/dist/src/components/appHeader/components/account/ui/_userMenuItem.d.ts

@@ -0,0 +1,5 @@
+import { IWuAppHeaderAccount } from '../../../types/WuAppHeaderAccount';
+export declare const UserMenuItem: React.FC<{
+    user: IWuAppHeaderAccount;
+    dir?: 'ltr' | 'rtl';
+}>;

package/dist/src/components/appHeader/{ui → components/breadcrumb}/WuAppHeaderBar.d.ts

@@ -1,4 +1,4 @@
-import { IWuAppHeaderBreadcrumbItem } from '../types/WuAppHeaderBreadcrumbItem';
+import { IWuAppHeaderBreadcrumbItem } from '../../types/WuAppHeaderBreadcrumbItem';
 export interface IWuAppHeaderBarProps {
     breadcrumbs?: IWuAppHeaderBreadcrumbItem[];
     children?: React.ReactNode;

package/dist/src/components/appHeader/{ui → components/breadcrumb}/WuAppHeaderBreadcrumb.d.ts

@@ -1,4 +1,4 @@
-import { IWuAppHeaderBreadcrumbItem } from '../types/WuAppHeaderBreadcrumbItem';
+import { IWuAppHeaderBreadcrumbItem } from '../../types/WuAppHeaderBreadcrumbItem';
 export interface IWuAppHeaderBreadcrumbProps {
     breadcrumbs: IWuAppHeaderBreadcrumbItem[];
     dir?: 'ltr' | 'rtl';

package/dist/src/components/appHeader/{ui → components/help}/WuAppHeaderHelp.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IWuAppHeaderHelpMenu } from '../types/WuAppHeaderHelpMenu';
+import { IWuAppHeaderHelpMenu } from '../../types/WuAppHeaderHelpMenu';
 export interface IWuAppHeaderHelpProps {
     menuList?: IWuAppHeaderHelpMenu[];
     dir?: 'ltr' | 'rtl';

package/dist/src/components/appHeader/components/help/WuAppHeaderHelp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/appHeader/{ui → components/productSwitcher}/WuAppHeaderMenu.d.ts

@@ -1,13 +1,12 @@
 import { default as React } from 'react';
-import { IWuAppHeaderMenuItem } from '../types/WuAppHeaderMenuItem';
+import { IWuAppHeaderMenuItem } from '../../types/WuAppHeaderMenuItem';
 interface IWuAppHeaderMenuProps {
     productCategories: IWuAppHeaderMenuItem[];
-    activeProductName?: string;
+    activeProductName: string;
     activeProductColor?: {
         base: string;
         hover: string;
     };
-    licenseUpgradeUrl: string;
     dir: 'ltr' | 'rtl';
     homeLink?: string;
     expandAll?: boolean;

package/dist/src/components/appHeader/components/productSwitcher/WuAppHeaderMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/appHeader/components/productSwitcher/ui/_categoryDetails.d.ts

@@ -0,0 +1,8 @@
+import { IWuAppHeaderMenuItem } from '../../../types/WuAppHeaderMenuItem';
+interface ICategoryDetailsProps {
+    category: IWuAppHeaderMenuItem;
+    dir?: 'ltr' | 'rtl';
+    openCategory?: IWuAppHeaderMenuItem | null;
+}
+export declare const CategoryDetails: React.FC<ICategoryDetailsProps>;
+export {};

package/dist/src/components/appHeader/components/productSwitcher/ui/_menuTrigger.d.ts

@@ -0,0 +1,12 @@
+import { default as React, RefObject } from 'react';
+interface IMenuTriggerProps {
+    buttonRef: RefObject<HTMLButtonElement | null>;
+    handleDropdownToggle: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>, index: number) => void;
+    isDropdownOpen: boolean;
+    activeProductName: string;
+    dir?: 'ltr' | 'rtl';
+    homeLink?: string;
+}
+export declare const MenuTrigger: React.FC<IMenuTriggerProps>;
+export {};

package/dist/src/components/appHeader/components/productSwitcher/ui/_productDropdown.d.ts

@@ -0,0 +1,17 @@
+import { IWuAppHeaderMenuItem } from '../../../types/WuAppHeaderMenuItem';
+import { default as React, RefObject } from 'react';
+interface IDropdownMenuProps {
+    dropdownRef: RefObject<HTMLUListElement | null>;
+    dir: 'ltr' | 'rtl';
+    isDropdownOpen: boolean;
+    productCategories: IWuAppHeaderMenuItem[];
+    openCategory: IWuAppHeaderMenuItem | null;
+    setOpenCategory: React.Dispatch<React.SetStateAction<IWuAppHeaderMenuItem | null>>;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLLIElement>, index: number) => void;
+    expandAll?: boolean;
+    activeProductName: string;
+    focusItem: string;
+    setFocusItem: (item: string) => void;
+}
+export declare const ProductDropdownMenu: React.FC<IDropdownMenuProps>;
+export {};

package/dist/src/components/appHeader/components/productSwitcher/ui/_productItem.d.ts

@@ -0,0 +1,9 @@
+import { IWuAppHeaderSubMenuItem } from '../../../types/WuAppHeaderMenuItem';
+export declare const ProductItem: React.FC<{
+    product: IWuAppHeaderSubMenuItem;
+    currentProduct?: string;
+    activeProductName: string;
+    dir?: 'ltr' | 'rtl';
+    focusItem: string;
+    setFocusItem: (item: string) => void;
+}>;

package/dist/src/components/appHeader/components/productSwitcher/ui/_productList.d.ts

@@ -0,0 +1,13 @@
+import { IWuAppHeaderMenuItem } from '../../../types/WuAppHeaderMenuItem';
+import { default as React } from 'react';
+interface IProductListProps {
+    category: IWuAppHeaderMenuItem;
+    currentProduct: string;
+    activeProductName: string;
+    dir?: 'ltr' | 'rtl';
+    focusItem: string;
+    setFocusItem: (value: string) => void;
+    borderColorLocked?: string;
+}
+export declare const ProductList: React.FC<IProductListProps>;
+export {};

package/dist/src/components/appHeader/components/productSwitcher/ui/_smallScreenMenuTrigger.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface ISmallScreenMenuTriggerProps {
+    isProductButtonShow: boolean;
+    isDropdownOpen: boolean;
+    activeProductColor: {
+        hover: string;
+    };
+    activeProductBgColor: string;
+    activeProductName?: string;
+    dir: 'ltr' | 'rtl';
+    smallScreenButtonRef: React.RefObject<HTMLButtonElement | null>;
+    handleDropdownToggle: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>, step: number) => void;
+}
+export declare const SmallScreenMenuTrigger: React.FC<ISmallScreenMenuTriggerProps>;
+export {};

package/dist/src/components/appHeader/components/productSwitcher/ui/_smallScreenToggleMenu.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface IMenuToggleProps {
+    dir: 'ltr' | 'rtl';
+    isProductButtonShow: boolean;
+    smallScreenToggleButtonRef: React.RefObject<HTMLButtonElement | null>;
+    setIsProductButtonShow: React.Dispatch<React.SetStateAction<boolean>>;
+    setDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const SmallScreenToggleMenu: React.FC<IMenuToggleProps>;
+export {};

package/dist/src/components/appHeader/index.d.ts

@@ -1,12 +1,12 @@
+export { WuAppHeaderAccount } from './components/account/WuAppHeaderAccount';
+export { WuAppHeaderBar } from './components/breadcrumb/WuAppHeaderBar';
+export { WuAppHeaderHelp } from './components/help/WuAppHeaderHelp';
+export { WuAppHeaderMenu } from './components/productSwitcher/WuAppHeaderMenu';
+export { WuAppHeaderSearch } from './components/WuAppHeaderSearch';
+export { WuTruncatedLabel } from './components/WuTruncatedLabel';
 export type { IWuAppHeaderAccount } from './types/WuAppHeaderAccount';
 export type { IWuAppHeaderBreadcrumbItem } from './types/WuAppHeaderBreadcrumbItem';
 export type { IWuAppHeaderHelpMenu } from './types/WuAppHeaderHelpMenu';
 export type { IWuAppHeaderMenuItem } from './types/WuAppHeaderMenuItem';
-export { WuAppHeaderAccount } from './ui/WuAppHeaderAccount';
-export { WuAppHeaderBar } from './ui/WuAppHeaderBar';
-export { WuAppHeaderHelp } from './ui/WuAppHeaderHelp';
-export { WuAppHeaderMenu } from './ui/WuAppHeaderMenu';
-export { WuAppHeaderSearch } from './ui/WuAppHeaderSearch';
-export { WuTruncatedLabel } from './ui/WuTruncatedLabel';
 export { WuAppHeader } from './WuAppHeader';
 export type { IWuAppHeaderProps } from './WuAppHeader';

package/dist/src/components/appHeader/types/WuAppHeaderAccount.d.ts

@@ -1,3 +1,15 @@
+interface IWuUsage {
+    collectedResponseCount?: string;
+    displayResponseProgressBar?: boolean;
+    title?: string;
+    url?: string;
+    responseCountPercentage?: number;
+}
+interface IWuInvoice {
+    size?: number;
+    title?: string;
+    url?: string;
+}
 export interface IWuAppHeaderAccount {
     profile?: {
         title?: string;
@@ -28,17 +40,8 @@ export interface IWuAppHeaderAccount {
         betaIconHTML?: string;
         url?: string;
     }[];
-    usage?: {
-        collectedResponseCount?: string;
-        displayResponseProgressBar?: boolean;
-        title?: string;
-        url?: string;
-        responseCountPercentage?: number;
-    };
-    invoice?: {
-        size?: number;
-        title?: string;
-        url?: string;
-    };
+    usage?: IWuUsage | null;
+    invoice?: IWuInvoice | null;
     issueTrackerCount?: number;
 }
+export {};

package/dist/src/components/appHeader/utils/headerMenuKeyboardHandlers.d.ts

@@ -0,0 +1,6 @@
+import { IWuAppHeaderMenuItem } from '../types/WuAppHeaderMenuItem';
+export declare function createHandleKeyDown({ productCategories, openCategory, setOpenCategory, }: {
+    productCategories: IWuAppHeaderMenuItem[];
+    openCategory: IWuAppHeaderMenuItem | null;
+    setOpenCategory: (category: IWuAppHeaderMenuItem | null) => void;
+}): (event: React.KeyboardEvent, index: number, focusItem: string) => void;

package/dist/src/components/calendar/ui/_trigger.d.ts

@@ -2,4 +2,7 @@ export declare const WuDatePickerTrigger: React.FC<{
     formattedString: string;
     dir: 'ltr' | 'rtl';
     placeholder?: string;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
 }>;

package/dist/src/components/checkbox/WuCheckbox.d.ts

@@ -1,5 +1,6 @@
+import { Checkbox } from '../../base/ui/checkbox';
 import { default as React } from 'react';
-export interface IWuCheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+export type IWuCheckboxProps = Omit<React.ComponentPropsWithRef<typeof Checkbox>, 'onChange'> & {
     disabled?: boolean;
     checked?: boolean;
     label?: string;
@@ -8,9 +9,9 @@ export interface IWuCheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLBu
     readonly?: boolean;
     required?: boolean;
     onChange?: (e: boolean) => void;
-}
+};
 /**
  * This extends to HTML button. So it supports all attributes of button.
  * Note: className will apply to container. Style will apply to checkbox.
  */
-export declare const WuCheckbox: React.ForwardRefExoticComponent<IWuCheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const WuCheckbox: React.ForwardRefExoticComponent<Omit<IWuCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/combobox/WuCombobox.d.ts

@@ -27,5 +27,6 @@ export interface IWuComboboxProps<T> {
     id?: string;
     disabled?: boolean;
     labelPosition?: 'left' | 'top' | 'right';
+    className?: string;
 }
-export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, Header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, selectAll, id, disabled, labelPosition, }: IWuComboboxProps<T>) => React.JSX.Element;
+export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, Header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, selectAll, id, disabled, labelPosition, className, }: IWuComboboxProps<T>) => React.JSX.Element;

package/dist/src/components/combobox/ui/_tags.d.ts

@@ -2,5 +2,4 @@ import { default as React } from 'react';
 export declare const WuRenderTags: React.FC<{
     tags: string[];
     triggerRef: React.RefObject<HTMLButtonElement | null>;
-    dir?: 'ltr' | 'rtl';
 }>;

package/dist/src/components/combobox/ui/_trigger.d.ts

@@ -16,5 +16,6 @@ export interface IWuComboboxTriggerProps<T> {
     disabled?: boolean;
     selectAll?: IWuComboboxProps<T>['selectAll'];
     isCheckedAll?: boolean;
+    className?: string;
 }
-export declare const WuComboboxTrigger: <T>({ placeholder, isEllipse, selectedOptions, variant, dir, accessorKey, multiple, id, disabled, selectAll, isCheckedAll, }: IWuComboboxTriggerProps<T>) => React.JSX.Element;
+export declare const WuComboboxTrigger: <T>({ placeholder, isEllipse, selectedOptions, variant, dir, accessorKey, multiple, id, disabled, selectAll, isCheckedAll, className, }: IWuComboboxTriggerProps<T>) => React.JSX.Element;

package/dist/src/components/copyToClipboard/WuCopyToClipboard.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type IWuCopyToClipboardProps = {
+    textToCopy?: string;
+    className?: string;
+    disabled?: boolean;
+    notificationText?: string;
+};
+export declare const WuCopyToClipboard: React.FC<IWuCopyToClipboardProps>;

package/dist/src/components/copyToClipboard/WuCopyToClipboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/copyToClipboard/index.d.ts

@@ -0,0 +1,2 @@
+export { WuCopyToClipboard } from './WuCopyToClipboard';
+export type { IWuCopyToClipboardProps } from './WuCopyToClipboard';

package/dist/src/components/monthPicker/WuMonthPicker.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export type IWuMonthPickerProps = {
+    value?: Date | string;
+    onChange?: (value: Date) => void;
+    min?: Date | string;
+    max?: Date | string;
+    placeholder?: string;
+    className?: string;
+    label?: string;
+    labelPosition?: 'top' | 'left' | 'right';
+    id?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    disabledMonths?: (`${number}-${number}-${number}` | Date)[];
+};
+export declare const WuMonthPicker: React.FC<IWuMonthPickerProps>;

package/dist/src/components/monthPicker/WuMonthPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/monthPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { WuMonthPicker } from './WuMonthPicker';
+export type { IWuMonthPickerProps } from './WuMonthPicker';

package/dist/src/components/select/utils/useOptionDestructure.d.ts

@@ -1,2 +1,8 @@
 import { IWuSelectItem, IWuSelectOption } from '../types/IWuSelectOptions';
-export declare const useOptionDestructure: <T>(options: IWuSelectOption<T>[]) => [number, number, number, IWuSelectItem<T>[]];
+export declare const useOptionDestructure: <T>(options: IWuSelectOption<T>[]) => {
+    cleanData: IWuSelectItem<T>[];
+    separators: number;
+    groups: number;
+    totalData: number;
+    enabledOptions: IWuSelectItem<T>[];
+};

package/dist/src/components/toggle/WuToggle.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-export interface IWuToggleProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'> {
-    disabled?: boolean;
-    checked?: boolean;
+import { Switch } from '../../base/ui/switch';
+export type IWuToggleProps = Omit<React.ComponentPropsWithRef<typeof Switch>, 'onChange'> & {
     label?: string;
     labelPosition?: 'left' | 'right' | 'top';
     onChange?: (e: boolean) => void;
-}
-export declare const WuToggle: React.ForwardRefExoticComponent<IWuToggleProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export declare const WuToggle: React.ForwardRefExoticComponent<Omit<IWuToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/index.d.ts

@@ -3,6 +3,7 @@ export * from './components/button';
 export * from './components/calendar';
 export * from './components/checkbox';
 export * from './components/combobox';
+export * from './components/copyToClipboard';
 export * from './components/footer';
 export * from './components/formGroup';
 export * from './components/helpButton';
@@ -11,6 +12,7 @@ export * from './components/loader';
 export * from './components/menu';
 export * from './components/menuIcon';
 export * from './components/modal';
+export * from './components/monthPicker';
 export * from './components/navbar';
 export * from './components/pagination';
 export * from './components/popover';