@npm-questionpro/wick-ui-lib 0.20.0 → 0.22.0

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/{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/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/input/WuInput.test.d.ts

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

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

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

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/stepper/WuStepper.d.ts

@@ -5,7 +5,7 @@ export interface IWuStepperProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     resetInvalidValueOnBlur?: boolean;
     invalid?: boolean;
     label?: string;
-    defaultValue: number;
+    defaultValue?: number;
     dir?: 'ltr' | 'rtl';
     labelPosition?: 'left' | 'top';
 }

package/dist/src/components/table/utils/data.d.ts

@@ -9,15 +9,24 @@ export declare const MOCK_COLUMNS: ({
     accessorKey: string;
     header: string;
     sortable: boolean;
+    size: number;
+    filterable?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    sortable: boolean;
+    size?: undefined;
     filterable?: undefined;
 } | {
     accessorKey: string;
     header: string;
     sortable?: undefined;
+    size?: undefined;
     filterable?: undefined;
 } | {
     accessorKey: string;
     header: string;
     filterable: boolean;
+    size: number;
     sortable?: undefined;
 })[];

package/dist/src/components/textarea/WuTextarea.test.d.ts

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

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

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

package/dist/src/index.d.ts

@@ -3,14 +3,16 @@ 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/formFields';
 export * from './components/formGroup';
 export * from './components/helpButton';
+export * from './components/input';
 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';
@@ -20,6 +22,7 @@ export * from './components/sidebar';
 export * from './components/stepper';
 export * from './components/switcher';
 export * from './components/table';
+export * from './components/textarea';
 export * from './components/toast';
 export * from './components/toggle';
 export * from './components/tooltip';