@npm-questionpro/wick-ui-lib 0.2.6 → 0.3.0

package/dist/src/components/button/WuButton.d.ts

@@ -14,4 +14,4 @@ export interface IWuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEle
 /**
  * This extends to HTML button. So it supports all attributes of button. Styles can be customized using className & style props.
  */
-export declare const WuButton: React.FC<IWuButtonProps>;
+export declare const WuButton: import('react').ForwardRefExoticComponent<IWuButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -14,4 +14,4 @@ export interface IWuCheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLBu
  * 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.FC<IWuCheckboxProps>;
+export declare const WuCheckbox: React.ForwardRefExoticComponent<IWuCheckboxProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/formFields/WuInput/WuInput.d.ts

@@ -14,4 +14,4 @@ export interface IWuInputProps extends React.InputHTMLAttributes<HTMLInputElemen
  * This extends to HTML input. So it supports all attributes of input.
  * Note: Custom design by className & style. Can't style the container..
  */
-export declare const WuInput: React.FC<IWuInputProps>;
+export declare const WuInput: React.ForwardRefExoticComponent<IWuInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/formFields/WuTextarea/WuTextarea.d.ts

@@ -10,4 +10,4 @@ export interface IWuTextareaProps extends React.TextareaHTMLAttributes<HTMLTextA
  * This extends the native textarea.
  * Note: Supports custom className and style. Can't style the container.
  */
-export declare const WuTextarea: React.FC<IWuTextareaProps>;
+export declare const WuTextarea: React.ForwardRefExoticComponent<IWuTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/src/components/formFields/ui/WuInputError.d.ts

@@ -1,3 +1,3 @@
-export declare const WuInputError: React.FC<{
+export declare const WuInputError: import('react').ForwardRefExoticComponent<{
     msg?: string;
-}>;
+} & import('react').RefAttributes<HTMLParagraphElement>>;

package/dist/src/components/formFields/ui/WuInputHint.d.ts

@@ -2,4 +2,4 @@ export type IWuInputHintProps = {
     length: number;
     maxLength: number;
 };
-export declare const WuInputHint: React.FC<IWuInputHintProps>;
+export declare const WuInputHint: import('react').ForwardRefExoticComponent<IWuInputHintProps & import('react').RefAttributes<HTMLParagraphElement>>;

package/dist/src/components/formFields/ui/WuLabel.d.ts

@@ -1,3 +1,5 @@
-import { Label } from '../../../base/ui/label';
+import { default as React } from 'react';
 
-export declare const WuLabel: React.FC<React.ComponentPropsWithRef<typeof Label>>;
+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"> & {
+    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;
+}, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/src/components/helpButton/WuHelpButton.d.ts

@@ -9,4 +9,4 @@ export interface IWuHelpButtonProps extends React.ButtonHTMLAttributes<HTMLButto
  * WuHelp button extends button element that support all button attributes.
  * Note: Supports custom design by className & style.
  */
-export declare const WuHelpButton: React.FC<IWuHelpButtonProps>;
+export declare const WuHelpButton: React.ForwardRefExoticComponent<IWuHelpButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/loader/WuLoader.d.ts

@@ -5,4 +5,4 @@ export interface IWuLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
     color?: string;
     message?: string;
 }
-export declare const WuLoader: React.FC<IWuLoaderProps>;
+export declare const WuLoader: React.ForwardRefExoticComponent<IWuLoaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/stepper/WuStepper.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 
 export interface IWuStepperProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     onChange?: (e: number) => void;
-    ref?: React.ForwardedRef<HTMLInputElement>;
     readonly?: boolean;
     resetInvalidValueOnBlur?: boolean;
     invalid?: boolean;
@@ -14,4 +13,4 @@ export interface IWuStepperProps extends Omit<React.InputHTMLAttributes<HTMLInpu
  * This extends the native input element. So it supports all attributes of input.
  * Note: Custom design by className & style. Can't style the container.
  */
-export declare const WuStepper: React.FC<IWuStepperProps>;
+export declare const WuStepper: React.ForwardRefExoticComponent<IWuStepperProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/switcher/WuSwitcher.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { IWuSwitcherOptions } from './types/IWuSwitcherOptions';
 
 export interface IWuSwitcherProps<T extends string | number | boolean> {
@@ -9,6 +10,6 @@ export interface IWuSwitcherProps<T extends string | number | boolean> {
     dir?: 'ltr' | 'rtl';
 }
 /**
- * WuSwitcher do not support any custom design.
+ * WuSwitcher does not support any custom design.
  */
-export declare const WuSwitcher: <T extends string | number | boolean>(props: IWuSwitcherProps<T>) => JSX.Element;
+export declare const WuSwitcher: React.ForwardRefExoticComponent<IWuSwitcherProps<string | number | boolean> & React.RefAttributes<HTMLDivElement>>;

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

@@ -8,7 +8,7 @@ export interface IWuToggleProps extends Omit<React.HTMLAttributes<HTMLButtonElem
     onChange?: (e: boolean) => void;
 }
 /**
- * WuToggle extends the native button element. So it supports all attributes of switch.
+ * WuToggle extends the native button element, supporting all attributes of switch.
  * Note: Container can be styled by className & style. Can't style the toggle itself.
  */
-export declare const WuToggle: React.FC<IWuToggleProps>;
+export declare const WuToggle: React.ForwardRefExoticComponent<IWuToggleProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/tooltip/WuTooltip.d.ts

@@ -10,4 +10,4 @@ export interface IWuTooltipProps extends React.HTMLAttributes<HTMLBaseElement> {
 /**
  * WuTooltip can be designed by className & style. Can't style the container.
  */
-export declare const WuTooltip: React.FC<IWuTooltipProps>;
+export declare const WuTooltip: React.ForwardRefExoticComponent<IWuTooltipProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/src/components/virtualScroll/WuVirtualScroll.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { VirtuosoHandle } from 'react-virtuoso';
 
 export interface IWuVirtualScrollProps {
     containerHeight?: number;
@@ -6,4 +7,4 @@ export interface IWuVirtualScrollProps {
     callback: (index: number, item: unknown) => JSX.Element;
     dir?: 'rtl' | 'ltr';
 }
-export declare const WuVirtualScroll: React.FC<IWuVirtualScrollProps>;
+export declare const WuVirtualScroll: React.ForwardRefExoticComponent<IWuVirtualScrollProps & React.RefAttributes<VirtuosoHandle>>;

package/dist/src/hooks/useResizeList.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+/**
+ *
+ * @param list the list of items to manipulate
+ * @param parentRef the parent div ref, used to calculate the width of the parent div
+ * @param childRef the child div ref, this is the div(s) will not be resized i.e. other elements in the parent
+ * @param minWidthPerItem minimum width of the item nodes
+ * @returns an array of open items and an array of wrapped items
+ */
+export declare const useResizeList: (list: React.ReactElement[], parentRef: React.RefObject<HTMLDivElement>, childRef: React.RefObject<HTMLDivElement>, minWidthPerItem?: number) => [React.ReactElement[], React.ReactElement[]];