@npm-questionpro/wick-ui-lib 1.5.2 → 1.7.0

package/dist/src/components/calendar/components/datePicker/WuDatePicker.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export type IWuDatePickerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
+export type IWuDatePickerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> & {
     value?: Date | string;
     onChange?: (date?: Date) => void;
     onReset?: () => void;

package/dist/src/components/calendar/components/dateRangePicker/WuDateRangePicker.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { DateRange } from 'react-day-picker';
-export type IWuDateRangePickerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
+export type IWuDateRangePickerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> & {
     value?: DateRange;
     onChange?: (date: DateRange | undefined) => void;
     onReset?: () => void;

package/dist/src/components/listbox/WuListbox.d.ts

@@ -3,8 +3,9 @@ import { IWuChipProp } from './ui/_trigger';
 export type IWuListboxProps<T extends object> = {
     data: T[];
     accessorKey: {
-        value: keyof T;
-        label: keyof T;
+        value: string;
+        label: string;
+        group?: string;
     };
     value?: T | T[];
     Item?: (props: {
@@ -12,6 +13,7 @@ export type IWuListboxProps<T extends object> = {
         isSelected?: boolean;
     }) => React.ReactNode;
     Label?: React.ReactNode;
+    GroupLabel?: string | ((option: T) => React.ReactNode);
     CustomHeader?: React.ReactNode;
     CustomTrigger?: (value?: T | T[]) => React.ReactElement<HTMLButtonElement>;
     NoDataContent?: React.ReactNode;

package/dist/src/components/listbox/ui/_item.d.ts

@@ -1,15 +1,14 @@
 import { CommandItem } from '../../../base/ui/command';
 import { default as React } from 'react';
-type IWuListItemProps<T> = Omit<React.ComponentProps<typeof CommandItem>, 'value'> & {
+import { IWuListboxProps } from '../WuListbox';
+type IWuListItemProps<T extends object> = Omit<React.ComponentProps<typeof CommandItem>, 'value' | 'onSelect'> & {
     option: T;
-    accessorKey: {
-        value: keyof T;
-        label: keyof T;
-    };
+    accessorKey: IWuListboxProps<T>['accessorKey'];
     multiple?: boolean;
-    boolean?: boolean;
     onSelect?: (value: T) => void;
-    value?: T[];
+    GroupLabel?: IWuListboxProps<T>['GroupLabel'];
+    Item?: IWuListboxProps<T>['Item'];
+    isSelected?: (item: T) => boolean;
 };
-export declare const WuListboxItem: <T>(props: IWuListItemProps<T>) => React.ReactElement;
+export declare const WuListboxItem: <T extends object>(props: IWuListItemProps<T>) => React.ReactElement;
 export {};

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

@@ -1,22 +1,20 @@
 import { default as React } from 'react';
+import { IWuListboxProps } from '../WuListbox';
 export type IWuChipProp<T> = {
     value: T;
     unselect: (value: T) => void;
     key?: string | number;
 };
-type IWuListboxTriggerProps<T> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
+type IWuListboxTriggerProps<T extends object> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
     CustomTrigger?: (value?: T | T[]) => React.ReactElement<HTMLButtonElement>;
     disabled?: boolean;
     value?: T | T[];
     placeholder?: string;
-    accessorKey: {
-        value: keyof T;
-        label: keyof T;
-    };
+    accessorKey: IWuListboxProps<T>['accessorKey'];
     Chip?: (props: IWuChipProp<T>) => React.ReactNode;
     handleUnselect: (value: T) => void;
     variant?: 'flat' | 'outlined';
     dir?: 'rtl' | 'ltr';
 };
-export declare const ListboxTrigger: <T>(props: IWuListboxTriggerProps<T>) => React.JSX.Element;
+export declare const ListboxTrigger: <T extends object>(props: IWuListboxTriggerProps<T>) => React.JSX.Element;
 export {};

package/dist/src/components/listbox/utils/search.d.ts

@@ -0,0 +1,2 @@
+import { IWuListboxProps } from '../WuListbox';
+export declare const searchOptions: <T extends object>(data: T[], search: string, accessorKey: IWuListboxProps<T>["accessorKey"]) => T[];

package/dist/src/components/modal/WuModal.d.ts

@@ -1,4 +1,4 @@
-import { Dialog, DialogClose, DialogFooter, DialogHeader } from '../../base/ui/dialog';
+import { DialogClose, DialogContent, DialogFooter, DialogHeader } from '../../base/ui/dialog';
 import { default as React, FC, ReactNode } from 'react';
 declare const MAX_WIDTH: {
     readonly sm: "400px";
@@ -12,9 +12,8 @@ declare const BUTTON_VARIANTS: {
 };
 type IModalSize = keyof typeof MAX_WIDTH;
 type IButtonVariant = keyof typeof BUTTON_VARIANTS;
-export type IWuModalProps = React.ComponentProps<typeof Dialog> & {
+export interface IWuModalProps extends React.ComponentProps<typeof DialogContent> {
     Trigger?: ReactNode;
-    children?: ReactNode;
     size?: IModalSize;
     hideCloseButton?: boolean;
     preventClickOutside?: boolean;
@@ -23,7 +22,9 @@ export type IWuModalProps = React.ComponentProps<typeof Dialog> & {
     dir?: 'ltr' | 'rtl';
     maxWidth?: string;
     maxHeight?: string;
-};
+    children?: ReactNode;
+    variant?: 'action' | 'critical' | 'upgrade';
+}
 export declare const WuModal: FC<IWuModalProps>;
 export declare const WuModalContent: FC<React.HTMLAttributes<HTMLDivElement>>;
 export declare const WuModalHeader: FC<React.ComponentProps<typeof DialogHeader>>;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { WuDatePickerTrigger } from '../calendar/ui/_trigger';
-export type IWuMonthPickerProps = React.ComponentProps<typeof WuDatePickerTrigger> & {
+export type IWuMonthPickerProps = Omit<React.ComponentProps<typeof WuDatePickerTrigger>, 'value' | 'onChange'> & {
     value?: Date | string;
     onChange?: (value: Date) => void;
     min?: Date | string;

package/dist/src/components/spotlight/WuSpotlight.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface IWuSpotlightProps extends React.HTMLAttributes<HTMLDivElement> {
+    colors: string[];
+    /** Size of the spotlight circle in % of height & width. Defaults to 0.6 * element width. */
+    size?: number;
+    strokeWidth?: number;
+    centerOffset?: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * WuSpotlight component that creates an interactive spotlight effect following the mouse cursor.
+ * The spotlight uses a radial gradient that tracks the mouse position within the component bounds.
+ */
+export declare const WuSpotlight: React.FC<IWuSpotlightProps>;

package/dist/src/components/spotlight/WuSpotlight.test.d.ts

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

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

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

package/dist/src/components/tab/WuTab.d.ts

@@ -1,7 +1,7 @@
 import { Tabs } from './shadcn/tabs';
 import { default as React, FC } from 'react';
 import { IWuTabItem } from './types/IWuItems';
-export type IWuTabProps = React.ComponentProps<typeof Tabs> & {
+export interface IWuTabProps extends React.ComponentProps<typeof Tabs> {
     items: IWuTabItem[];
     defaultValue?: string;
     value?: string;
@@ -9,5 +9,7 @@ export type IWuTabProps = React.ComponentProps<typeof Tabs> & {
     dir?: 'ltr' | 'rtl';
     orientation?: 'horizontal' | 'vertical';
     className?: string;
-};
+    enableAnimation?: boolean;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+}
 export declare const WuTab: FC<IWuTabProps>;

package/dist/src/components/tab/components/BaseTabContent.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IWuTabItem } from '../types/IWuItems';
+type IBaseTabContentProps = {
+    items: IWuTabItem[];
+    enableAnimation?: boolean;
+};
+export declare const BaseTabContent: React.FC<IBaseTabContentProps>;
+export {};

package/dist/src/components/tab/hooks/useHorizontalTabScroll.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type IUseTabScrollReturn = {
+    showLeftArrow: boolean;
+    showRightArrow: boolean;
+    scrollByTab: (direction: 'left' | 'right') => void;
+};
+export declare const useTabScroll: (listRef: React.RefObject<HTMLElement | null>) => IUseTabScrollReturn;
+export {};

package/dist/src/components/tab/hooks/useTabIndicator.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type IRect = {
+    width: number;
+    left: number;
+    height: number;
+    top: number;
+};
+export declare const useTabIndicator: (listRef: React.RefObject<HTMLElement | null>, orientation: "horizontal" | "vertical") => IRect;
+export {};

package/dist/src/components/tab/hooks/useVerticalTabScroll.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type IUseVerticalTabScrollReturn = {
+    showTopArrow: boolean;
+    showBottomArrow: boolean;
+    scrollByTab: (direction: 'up' | 'down') => void;
+};
+export declare const useVerticalTabScroll: (listRef: React.RefObject<HTMLElement | null>) => IUseVerticalTabScrollReturn;
+export {};

package/dist/src/components/tab/ui/_horizontalTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IWuTabProps } from '../WuTab';
+export declare const HorizontalTab: React.FC<IWuTabProps>;

package/dist/src/components/tab/ui/_verticalTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IWuTabProps } from '../WuTab';
+export declare const VerticalTab: React.FC<IWuTabProps>;

package/dist/src/components/timePicker/WuTimePicker.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IWuTimePickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    time?: string;
+    Label?: React.ReactNode;
+    labelPosition?: 'left' | 'top' | 'right';
+    dir?: 'ltr' | 'rtl';
+}
+export declare const WuTimePicker: React.FC<IWuTimePickerProps>;

package/dist/src/components/timePicker/WuTimePicker.test.d.ts

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

package/dist/src/components/timePicker/components/timeColumn.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ITimeColumnProps {
+    values: string[];
+    selectedValue: string;
+    scrollRef?: React.RefObject<HTMLDivElement>;
+    onSelect: (value: string) => void;
+    className?: string;
+    repeatItems?: boolean;
+}
+export declare const TimeColumn: ({ values, selectedValue, scrollRef, onSelect, repeatItems, className, }: ITimeColumnProps) => React.JSX.Element;
+export {};

package/dist/src/components/timePicker/hooks/useRotatedArrays.d.ts

@@ -0,0 +1,5 @@
+export declare function useRotatedArrays(isDropdownOpen: boolean, selectedHour: string, selectedMinute: string, selectedMeridiem: string): {
+    rotatedHours: string[];
+    rotatedMinutes: string[];
+    rotatedMeridiem: string[];
+};

package/dist/src/components/timePicker/hooks/useTimePickerScroll.d.ts

@@ -0,0 +1 @@
+export declare function useTimePickerScroll(isDropdownOpen: boolean, hourScrollRef: React.RefObject<HTMLDivElement>, minuteScrollRef: React.RefObject<HTMLDivElement>): void;

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

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

package/dist/src/components/timePicker/utils/timePickerUtils.d.ts

@@ -0,0 +1,12 @@
+export declare function formatTime(input: string): string;
+export declare const HOURS_12: string[];
+export declare const MINUTES: string[];
+export declare const MERIDIEM_OPTIONS: string[];
+export declare const SCROLL_REPEAT_COUNT = 50;
+export declare function getRepeatedItems(items: string[]): string[];
+export declare function rotateArray<T>(arr: T[], startValue: T): T[];
+export declare function to24HourFormat(hour: string, meridiem: string): string;
+export declare function to12HourFormat(hour24: string): {
+    hour: string;
+    meridiem: string;
+};

package/dist/src/index.d.ts

@@ -31,11 +31,13 @@ export * from './components/radio';
 export * from './components/scrollArea';
 export * from './components/select';
 export * from './components/sidebar';
+export * from './components/spotlight';
 export * from './components/stepper';
 export * from './components/switcher';
 export * from './components/tab';
 export * from './components/table';
 export * from './components/textarea';
+export * from './components/timePicker';
 export * from './components/toast';
 export * from './components/toggle';
 export * from './components/tooltip';