@segmentify/ui 0.0.23 → 0.0.24

package/dist/app.d.ts

@@ -1,14 +1,2 @@
-export type Product = {
-    id: number;
-    title: string;
-    description: string;
-    price: number;
-    discountPercentage: number;
-    rating: number;
-    stock: number;
-    brand: string;
-    category: string;
-    thumbnail: string;
-};
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

package/dist/components/atoms/table.d.ts

@@ -1,10 +1,17 @@
 import * as React from 'react';
 declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
+type TableHeaderProps = React.ComponentProps<'thead'> & {
+    disableHover?: boolean;
+};
+declare function TableHeader({ className, disableHover, ...props }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHeadRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
+type TableRowProps = React.ComponentProps<'tr'> & {
+    disableHover?: boolean;
+};
+declare function TableRow({ className, disableHover, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
 declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableHeadRow, TableFooter, TableHead, TableRow, TableCell, TableCaption };

package/dist/components/molecules/base-button.d.ts

@@ -2,14 +2,19 @@ import React from 'react';
 import { buttonVariants } from '../../lib/design-variants';
 import { VariantProps } from 'class-variance-authority';
 import type { Union } from 'ts-toolbelt';
-type BaseProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'children'> & {
+type BaseProps = {
+    className?: string;
+    type?: 'button' | 'submit' | 'reset';
     size?: VariantProps<typeof buttonVariants>['size'];
     variant?: VariantProps<typeof buttonVariants>['variant'];
     label?: string;
     suffix?: boolean;
     prefix?: boolean;
     isLoading?: boolean;
+    onClick?: () => void;
     labelClassName?: string;
+    disabled?: boolean;
+    form?: string;
 };
 type IconOnlyProps = BaseProps & {
     isIconOnly: true;
@@ -20,5 +25,5 @@ type DefaultButtonProps = BaseProps & {
     icon?: React.ReactNode;
 };
 type BaseButtonProps = Union.Strict<IconOnlyProps | DefaultButtonProps>;
-declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const BaseButton: ({ icon, type, label, size, variant, suffix, prefix, isLoading, onClick, className, labelClassName, disabled, isIconOnly, form, }: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
 export { BaseButton };

package/dist/components/molecules/combobox-field.d.ts

@@ -1,14 +1,9 @@
 import type { SelectItemProps } from '../../lib/types';
-type TriggerProps = {
-    trigger: React.ReactNode;
-    triggerPlaceholder?: never;
-} | {
-    trigger?: never;
-    triggerPlaceholder: string;
-};
-type Props = TriggerProps & {
+import type { Union } from 'ts-toolbelt';
+type BaseProps = {
     isDisabled?: boolean;
     options: SelectItemProps[];
+    triggerPlaceholder: string;
     isFormControlWrapper?: boolean;
     avoidCollisions?: boolean;
     contentClassName?: string;
@@ -17,15 +12,21 @@ type Props = TriggerProps & {
     containerClassName?: string;
     contentListClassName?: string;
     closeOnSelect?: boolean;
-    align?: 'start' | 'center' | 'end';
     label?: string;
-    onInputChange?: (inputValue: string) => void;
-    clearable?: boolean;
-    multiple?: boolean;
-    value: string | string[];
-    onValueChange: (value: string | string[]) => void;
+    onInputChange: (inputValue: string) => void;
+    handleSelectItem: (value: string | string[], option: SelectItemProps) => void;
+};
+type MultiSelectProps = BaseProps & {
+    isMultiSelect: true;
+    value: string[];
     hasAllOption?: boolean;
     allOptionLabel?: string;
+    handleSelectAll: (value: string | string[], availableOptions: SelectItemProps[]) => void;
+};
+type SingleSelectProps = BaseProps & {
+    isMultiSelect?: false;
+    value: string;
 };
-export declare const ComboboxField: ({ value, isDisabled, hasAllOption, multiple, options, allOptionLabel, triggerPlaceholder, trigger, isFormControlWrapper, avoidCollisions, align, contentClassName, inputPlaceholder, emptyMessage, containerClassName, contentListClassName, closeOnSelect, label, onValueChange, onInputChange, clearable, }: Props) => import("react/jsx-runtime").JSX.Element;
+type Props = Union.Strict<MultiSelectProps | SingleSelectProps>;
+export declare const ComboboxField: ({ value, isDisabled, hasAllOption, isMultiSelect, options, allOptionLabel, triggerPlaceholder, isFormControlWrapper, avoidCollisions, contentClassName, inputPlaceholder, emptyMessage, containerClassName, contentListClassName, closeOnSelect, label, handleSelectItem, handleSelectAll, onInputChange, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/debounced-input.d.ts

@@ -1,19 +1,11 @@
-import type { O } from 'ts-toolbelt';
-interface BaseSearchInputProps {
+interface SearchInputProps {
+    name: string;
     value: string;
     onChange: (value: string) => void;
     placeholder: string;
     className?: string;
+    label?: string;
     inputClassName?: string;
 }
-type WithLabelProps = O.Merge<BaseSearchInputProps, {
-    label: string;
-    name: string;
-}>;
-type WithoutLabelProps = O.Merge<BaseSearchInputProps, {
-    label?: undefined;
-    name?: string;
-}>;
-type SearchInputProps = WithLabelProps | WithoutLabelProps;
 declare function DebouncedInput({ value, onChange, className, inputClassName, name, placeholder, label }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 export { DebouncedInput };

package/dist/components/organisms/form-combobox.d.ts

@@ -1,24 +1,26 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { SelectItemProps } from '../../lib/types';
-type Props = {
-    name: string;
+type FormComboboxProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    control?: Control<TFieldValues>;
     label: string;
     triggerPlaceholder: string;
     inputPlaceholder: string;
     options: SelectItemProps[];
     description?: string;
-    multiple?: boolean;
+    isMultiSelect?: boolean;
     emptyMessage: string;
     containerClassName?: string;
     contentClassName?: string;
     contentListClassName?: string;
     avoidCollisions?: boolean;
-    clearable?: boolean;
+    hasClearButton?: boolean;
     hasAllOption?: boolean;
     allOptionLabel?: string;
     closeOnSelect?: boolean;
-    onInputChange?: (inputValue: string) => void;
+    onInputChange: (inputValue: string) => void;
     isDisabled?: boolean;
     tooltipContent?: string;
 };
-export declare const FormCombobox: ({ name, label, triggerPlaceholder, inputPlaceholder, options, description, multiple, emptyMessage, containerClassName, contentClassName, contentListClassName, avoidCollisions, clearable, hasAllOption, allOptionLabel, closeOnSelect, onInputChange, isDisabled, tooltipContent, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCombobox: <TFieldValues extends FieldValues = FieldValues>({ name, control, label, triggerPlaceholder, inputPlaceholder, options, description, isMultiSelect, emptyMessage, containerClassName, contentClassName, contentListClassName, avoidCollisions, hasClearButton, hasAllOption, allOptionLabel, closeOnSelect, onInputChange, isDisabled, tooltipContent, }: FormComboboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-file-upload.d.ts

@@ -1,6 +1,8 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { ClassValue } from 'clsx';
-type FormFileUploadProps = {
-    name: string;
+type FormFileUploadProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    control?: Control<TFieldValues>;
     label?: string;
     uploadButtonLabel?: string;
     description?: string;
@@ -13,7 +15,7 @@ type FormFileUploadProps = {
     onUpload?: (file: File) => Promise<string>;
 };
 export declare const FormFileUpload: {
-    ({ name, label, uploadButtonLabel, description, accept, disabled, multiple, containerClassName, tooltipContent, hasRequiredIndicator, onUpload, }: FormFileUploadProps): import("react/jsx-runtime").JSX.Element;
+    <TFieldValues extends FieldValues = FieldValues>({ name, control, label, uploadButtonLabel, description, accept, disabled, multiple, containerClassName, tooltipContent, hasRequiredIndicator, onUpload, }: FormFileUploadProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/organisms/form-password.d.ts

@@ -1,12 +1,14 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { ClassValue } from 'clsx';
-type Props = {
+type Props<TFieldValues extends FieldValues = FieldValues> = {
     label: string;
-    name: string;
+    name: Path<TFieldValues>;
     placeholder: string;
+    control?: Control<TFieldValues>;
     containerClassName?: ClassValue;
     description?: string;
     tooltipContent?: string;
     hasRequiredIndicator?: boolean;
 };
-export declare const FormPassword: ({ label, name, containerClassName, description, placeholder, tooltipContent, hasRequiredIndicator, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormPassword: <TFieldValues extends FieldValues = FieldValues>({ label, name, containerClassName, description, placeholder, tooltipContent, control, hasRequiredIndicator, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-radio.d.ts

@@ -1,13 +1,15 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { SelectItemProps } from '../../lib/types';
-type Props = {
-    name: string;
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
     label: string;
     items: SelectItemProps[];
+    control?: Control<TFieldValues>;
     containerClassName?: string;
     itemClassName?: string;
     itemLabelClassName?: string;
     selectedClassName?: string;
     description?: string;
 };
-export declare const FormRadio: ({ name, label, items, containerClassName, itemClassName, itemLabelClassName, selectedClassName, description, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormRadio: <TFieldValues extends FieldValues = FieldValues>({ name, label, items, control, containerClassName, itemClassName, itemLabelClassName, selectedClassName, description, }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-slider.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import { Slider } from '../../components/atoms/slider';
-type FormSliderProps = {
-    name: string;
+type FormSliderProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    control?: Control<TFieldValues>;
     label?: string;
     description?: string;
     min?: number;
@@ -10,12 +12,12 @@ type FormSliderProps = {
     leftLabel?: string;
     rightLabel?: string;
     showLabels?: boolean;
-    complementaryField?: string;
+    complementaryField?: Path<TFieldValues>;
     onValueChange?: (value: number) => void;
     containerClassName?: string;
     labelClassName?: string;
     showErrorPlaceholder?: boolean;
     tooltipContent?: string;
-} & React.ComponentProps<typeof Slider>;
-export declare const FormSlider: ({ name, label, description, min, max, step, leftLabel, rightLabel, showLabels, complementaryField, onValueChange, containerClassName, labelClassName, showErrorPlaceholder, tooltipContent, ...props }: FormSliderProps) => import("react/jsx-runtime").JSX.Element;
+} & Omit<React.ComponentProps<typeof Slider>, 'name' | 'onValueChange'>;
+export declare const FormSlider: <TFieldValues extends FieldValues = FieldValues>({ name, control, label, description, min, max, step, leftLabel, rightLabel, showLabels, complementaryField, onValueChange, containerClassName, labelClassName, showErrorPlaceholder, tooltipContent, ...props }: FormSliderProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-switch.d.ts

@@ -1,7 +1,9 @@
-type Props = {
-    name: string;
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
     label: string;
+    control?: Control<TFieldValues>;
     description?: string;
 };
-export declare const FormSwitch: ({ name, label, description, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSwitch: <TFieldValues extends FieldValues = FieldValues>({ name, label, description, control, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-textarea.d.ts

@@ -1,9 +1,11 @@
-type Props = {
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
+type Props<TFieldValues extends FieldValues = FieldValues> = {
     label: string;
-    name: string;
+    name: Path<TFieldValues>;
     placeholder: string;
+    control?: Control<TFieldValues>;
     description?: string;
     containerClassName?: string;
 };
-export declare const FormTextarea: ({ label, name, description, placeholder, containerClassName, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTextarea: <TFieldValues extends FieldValues = FieldValues>({ label, name, description, placeholder, containerClassName, control, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -66,11 +66,10 @@ export { Spinner } from './components/atoms/spinner';
 export { Switch } from './components/atoms/switch';
 export { SwitchField } from './components/molecules/switch-field';
 export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/atoms/tabs';
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './components/atoms/table';
+export { Table, TableHeader, TableBody, TableHeadRow, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './components/atoms/table';
 export { Textarea } from './components/atoms/textarea';
 export { TextAreaField } from './components/molecules/textarea-field';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
 export { TooltipField } from './components/molecules/tooltip-field';
 export { QuillEditor } from './components/atoms/quill-editor';
-export { useDataTable, type UseDataTableOptions, type UseDataTableReturn, type FetcherParams, type FetcherResponse, } from './hooks/use-data-table';
 export { cn } from './lib/utils';