@segmentify/ui 0.0.61 → 0.0.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/components/atoms/calendar.d.ts +1 -1
  2. package/dist/components/atoms/form.d.ts +1 -1
  3. package/dist/components/atoms/quill-editor.d.ts +1 -1
  4. package/dist/components/atoms/sortable-item.d.ts +10 -0
  5. package/dist/components/molecules/async-combobox.d.ts +15 -0
  6. package/dist/components/molecules/base-button.d.ts +1 -1
  7. package/dist/components/molecules/date-range-picker.d.ts +1 -1
  8. package/dist/components/molecules/form-phone-input.d.ts +1 -1
  9. package/dist/components/molecules/recommendation-card/components/selected-algorithms.d.ts +1 -1
  10. package/dist/components/molecules/select-multi-field.d.ts +1 -1
  11. package/dist/components/molecules/sortable-list.d.ts +10 -0
  12. package/dist/components/molecules/textarea-field.d.ts +3 -3
  13. package/dist/components/organisms/data-table/index.d.ts +3 -3
  14. package/dist/components/organisms/form-select.d.ts +1 -1
  15. package/dist/components/organisms/form-sortable-list.d.ts +17 -0
  16. package/dist/components/organisms/form-textarea.d.ts +2 -4
  17. package/dist/components/organisms/timeline.d.ts +1 -1
  18. package/dist/hooks/use-data-table.d.ts +1 -1
  19. package/dist/index.d.ts +1 -101
  20. package/dist/mock/columns.d.ts +1 -1
  21. package/dist/segmentify-ui.js +1 -7
  22. package/dist/src/components/atoms/sortable-item.d.ts +3 -2
  23. package/dist/src/components/molecules/sortable-list.d.ts +3 -2
  24. package/dist/src/components/organisms/form-sortable-list.d.ts +2 -1
  25. package/package.json +1 -1
  26. package/dist/components/atoms/phone-inpux.d.ts +0 -7
  27. package/dist/components/organisms/form-checkbox.d.ts +0 -9
  28. package/dist/hooks/use-popup-layer-z-index.d.ts +0 -1
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { DayPicker, type DayButton } from 'react-day-picker';
2
+ import { type DayButton, DayPicker } from 'react-day-picker';
3
3
  import { Button } from './button';
4
4
  declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
5
5
  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import type * as LabelPrimitive from '@radix-ui/react-label';
3
2
  import { Slot } from '@radix-ui/react-slot';
4
3
  import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
4
+ import type * as LabelPrimitive from '@radix-ui/react-label';
5
5
  declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
6
6
  declare function FormItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
7
7
  type FormLabelProps = React.ComponentProps<typeof LabelPrimitive.Root> & {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Quill, { Delta, Range, EmitterSource } from 'quill';
2
+ import Quill, { Delta, EmitterSource, Range } from 'quill';
3
3
  interface EditorProps {
4
4
  readOnly?: boolean;
5
5
  defaultValue?: Delta;
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ interface SortableItemProps {
3
+ id: string;
4
+ children: React.ReactNode;
5
+ disabled?: boolean;
6
+ className?: string;
7
+ handleClassName?: string;
8
+ }
9
+ declare const SortableItem: ({ id, children, disabled, className, handleClassName }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { SortableItem };
@@ -0,0 +1,15 @@
1
+ export type AsyncComboboxItem = {
2
+ value: string;
3
+ label: string;
4
+ };
5
+ export type AsyncComboboxProps = {
6
+ selectedItem: AsyncComboboxItem;
7
+ fetchItems: (search: string, signal?: AbortSignal) => Promise<AsyncComboboxItem[]>;
8
+ onSelect: (item: AsyncComboboxItem) => void;
9
+ searchPlaceholder?: string;
10
+ placeholder?: string;
11
+ className?: string;
12
+ disabled?: boolean;
13
+ align?: 'start' | 'center' | 'end';
14
+ };
15
+ export declare function AsyncCombobox({ selectedItem, fetchItems: fetchItemsProp, searchPlaceholder, placeholder, className, disabled, align, onSelect, }: AsyncComboboxProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { buttonVariants } from '../../lib/design-variants';
3
2
  import { VariantProps } from 'class-variance-authority';
3
+ import { buttonVariants } from '../../lib/design-variants';
4
4
  declare const BaseButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & {
5
5
  size?: VariantProps<typeof buttonVariants>["size"];
6
6
  variant?: VariantProps<typeof buttonVariants>["variant"];
@@ -1,6 +1,6 @@
1
+ import { type ClassValue } from 'clsx';
1
2
  import { type Locale } from 'date-fns';
2
3
  import { type DateRange } from 'react-day-picker';
3
- import { type ClassValue } from 'clsx';
4
4
  type Props = {
5
5
  start?: Date;
6
6
  end?: Date;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { PhoneInput } from '../../components/atoms/phone-input';
3
2
  import flags from 'react-phone-number-input/flags';
3
+ import { PhoneInput } from '../../components/atoms/phone-input';
4
4
  export type FormPhoneInputProps = {
5
5
  label: string;
6
6
  name: string;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { FieldValues } from 'react-hook-form';
3
- import { SharedAlgorithmProps, RecommendationCardConfig } from '../types';
3
+ import { RecommendationCardConfig, SharedAlgorithmProps } from '../types';
4
4
  interface SelectedAlgorithmsProps<TFieldValues extends FieldValues = FieldValues> extends SharedAlgorithmProps<TFieldValues> {
5
5
  update: (index: number, value: unknown) => void;
6
6
  swap: (index1: number, index2: number) => void;
@@ -1,4 +1,4 @@
1
- import { type ActionMeta, type SingleValue, type MultiValue, type InputActionMeta } from 'react-select';
1
+ import { type ActionMeta, type InputActionMeta, type MultiValue, type SingleValue } from 'react-select';
2
2
  import { SelectItemProps } from '../../lib/types';
3
3
  type SelectFieldProps = {
4
4
  label?: string;
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ interface SortableListProps {
3
+ itemIds: string[];
4
+ onReorder: (fromIndex: number, toIndex: number) => void;
5
+ children: React.ReactNode;
6
+ className?: string;
7
+ orientation?: 'vertical' | 'horizontal';
8
+ }
9
+ declare const SortableList: ({ itemIds, onReorder, children, className, orientation }: SortableListProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { SortableList };
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
- import { Textarea } from '../../components/atoms/textarea';
3
2
  import { type ClassValue } from 'clsx';
3
+ import { Textarea } from '../../components/atoms/textarea';
4
4
  interface Props extends React.ComponentProps<typeof Textarea> {
5
5
  textAreaClassName?: ClassValue;
6
- value?: string;
7
- onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
6
+ value: string;
7
+ onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
8
8
  label?: string;
9
9
  }
10
10
  export declare const TextAreaField: ({ textAreaClassName, value, onChange, label, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,8 @@
1
- import { Root } from './root';
2
- import { Toolbar } from './toolbar';
3
- import { Search } from './search';
4
1
  import { ColumnVisibility } from './column-visibility';
5
2
  import { Content } from './content';
3
+ import { Root } from './root';
4
+ import { Search } from './search';
5
+ import { Toolbar } from './toolbar';
6
6
  export type { ActionItem, ActionsProps } from './actions';
7
7
  export type { RenderRowSubComponentProps } from './content';
8
8
  export { type ColumnDef, type Column } from '@tanstack/react-table';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import type { ClassValue } from 'clsx';
3
2
  import { type Control, type FieldValues, type Path } from 'react-hook-form';
4
3
  import { SelectField } from '../../components/molecules/select-field';
5
4
  import type { SelectItemProps } from '../../lib/types';
5
+ import type { ClassValue } from 'clsx';
6
6
  type SelectFieldRest = Omit<React.ComponentProps<typeof SelectField>, 'value' | 'onChange' | 'hasFormControlWrapper' | 'label' | 'labelClassName'>;
7
7
  type FormSelectProps<TFieldValues extends FieldValues = FieldValues> = {
8
8
  name: Path<TFieldValues>;
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ import type { ArrayPath, FieldArrayWithId, FieldValues } from 'react-hook-form';
3
+ type FormSortableListProps<TFieldValues extends FieldValues = FieldValues, TName extends ArrayPath<TFieldValues> = ArrayPath<TFieldValues>> = {
4
+ name: TName;
5
+ renderItem: (field: FieldArrayWithId<TFieldValues, TName, 'id'>, index: number) => React.ReactNode;
6
+ label?: string;
7
+ description?: string;
8
+ containerClassName?: string;
9
+ listClassName?: string;
10
+ itemClassName?: string;
11
+ orientation?: 'vertical' | 'horizontal';
12
+ emptyState?: React.ReactNode;
13
+ isItemDisabled?: (field: FieldArrayWithId<TFieldValues, TName, 'id'>, index: number) => boolean;
14
+ hasRequiredIndicator?: boolean;
15
+ };
16
+ export declare const FormSortableList: <TFieldValues extends FieldValues = FieldValues, TName extends ArrayPath<TFieldValues> = ArrayPath<TFieldValues>>({ name, renderItem, label, description, containerClassName, listClassName, itemClassName, orientation, emptyState, isItemDisabled, hasRequiredIndicator, }: FormSortableListProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
17
+ export {};
@@ -1,8 +1,6 @@
1
- import React from 'react';
2
- import { TextAreaField } from '../../components/molecules/textarea-field';
3
1
  import { type Control, type FieldValues, type Path } from 'react-hook-form';
4
- type Props<TFieldValues extends FieldValues = FieldValues> = React.ComponentProps<typeof TextAreaField> & {
5
- label?: string;
2
+ type Props<TFieldValues extends FieldValues = FieldValues> = {
3
+ label: string;
6
4
  name: Path<TFieldValues>;
7
5
  placeholder: string;
8
6
  control?: Control<TFieldValues>;
@@ -1,6 +1,6 @@
1
+ import { type ReactNode } from 'react';
1
2
  import { type Locale } from 'date-fns';
2
3
  import { type LucideIcon } from 'lucide-react';
3
- import { type ReactNode } from 'react';
4
4
  export interface IconConfig {
5
5
  icon: LucideIcon;
6
6
  bg?: string;
@@ -1,5 +1,5 @@
1
- import { type ColumnDef, type ColumnFiltersState, type SortingState, type VisibilityState, type PaginationState, type RowSelectionState, type ColumnPinningState, type ExpandedState, type Table } from '@tanstack/react-table';
2
1
  import { type UseQueryOptions } from '@tanstack/react-query';
2
+ import { type ColumnDef, type ColumnFiltersState, type ColumnPinningState, type ExpandedState, type PaginationState, type RowSelectionState, type SortingState, type Table, type VisibilityState } from '@tanstack/react-table';
3
3
  export interface FetcherParams {
4
4
  pageNo: number;
5
5
  pageSize: number;
package/dist/index.d.ts CHANGED
@@ -1,101 +1 @@
1
- export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './components/atoms/accordion';
2
- export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/atoms/alert-dialog';
3
- export { AspectRatio } from './components/atoms/aspect-ratio';
4
- export { Avatar, AvatarFallback, AvatarImage } from './components/atoms/avatar';
5
- export { Badge } from './components/atoms/badge';
6
- export { BaseButton } from './components/molecules/base-button';
7
- export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbSeparator, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, } from './components/atoms/breadcrumb';
8
- export { Button } from './components/atoms/button';
9
- export { Calendar, CalendarDayButton } from './components/atoms/calendar';
10
- export { CampaignTitle } from './components/molecules/campaign-title';
11
- export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/atoms/card';
12
- export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './components/atoms/carousel';
13
- export { Case, ComponentSwitch, Default } from './components/atoms/component-switch';
14
- export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, type ChartConfig, } from './components/atoms/chart';
15
- export { Checkbox } from './components/atoms/checkbox';
16
- export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './components/atoms/collapsible';
17
- export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from './components/atoms/command';
18
- export { ContentWrapper } from './components/atoms/content-wrapper';
19
- export { CreatableActionIcons } from './components/molecules/creatable-action-icons';
20
- export { CheckboxField } from './components/molecules/checkbox-field';
21
- export { ComboboxField, type ComboboxFieldItem, type ComboboxFieldInputMode, } from './components/molecules/combobox-field';
22
- export { FormattedDate } from './components/atoms/date';
23
- export { DateRangePicker } from './components/molecules/date-range-picker';
24
- export { DebouncedInput } from './components/molecules/debounced-input';
25
- export { DetailedImageModal } from './components/molecules/detailed-image-modal';
26
- export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogOverlay, DialogPortal, } from './components/atoms/dialog';
27
- export { Drawer, DrawerContent, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from './components/atoms/drawer';
28
- export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from './components/atoms/dropdown-menu';
29
- export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './components/atoms/empty';
30
- export { ErrorMessage } from './components/atoms/error-message';
31
- export { FieldDescription } from './components/atoms/field-description';
32
- export { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from './components/atoms/form';
33
- export { FormCheckbox } from './components/molecules/form-checkbox';
34
- export { FormCombobox } from './components/organisms/form-combobox';
35
- export { FormSelect } from './components/organisms/form-select';
36
- export { FormTimePicker } from './components/organisms/form-time-picker';
37
- export { FormDatePicker } from './components/organisms/form-date-picker';
38
- export { FormFileUpload } from './components/organisms/form-file-upload';
39
- export { FormInput } from './components/organisms/form-input';
40
- export { FormPassword } from './components/organisms/form-password';
41
- export { FormRadio } from './components/organisms/form-radio';
42
- export { FormSlider } from './components/organisms/form-slider';
43
- export { FormSwitch } from './components/organisms/form-switch';
44
- export { FormTextarea } from './components/organisms/form-textarea';
45
- export { FormPhoneInput } from './components/molecules/form-phone-input';
46
- export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/atoms/hover-card';
47
- export { Icon } from './components/atoms/icon';
48
- export { Input } from './components/atoms/input';
49
- export { InputField } from './components/molecules/input-field';
50
- export { InputOTP } from './components/atoms/input-otp';
51
- export { PhonePreview } from './components/atoms/phone-preview';
52
- export { Kbd, KbdGroup } from './components/atoms/kbd';
53
- export { Label } from './components/atoms/label';
54
- export { MessagingPhone } from './components/molecules/messaging-phone';
55
- export * from './types/messaging';
56
- export { MultiSelectDropdown } from './components/molecules/multi-select-dropdown';
57
- export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from './components/atoms/native-select';
58
- export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './components/atoms/pagination';
59
- export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/atoms/popover';
60
- export { PhoneInput } from './components/atoms/phone-input';
61
- export { PreviewCarousel } from './components/molecules/preview-carousel';
62
- export { PreviewRichMedia } from './components/molecules/preview-rich-media';
63
- export { MessagingPreview } from './components/molecules/messaging-preview';
64
- export { RadioGroup, RadioGroupItem } from './components/atoms/radio-group';
65
- export { ScrollArea, ScrollBar } from './components/atoms/scroll-area';
66
- export { MobilePreviewMessage } from './components/molecules/mobile-preview-message';
67
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/atoms/select';
68
- export { SelectField } from './components/molecules/select-field';
69
- export { Separator } from './components/atoms/separator';
70
- export { SelectMultiField } from './components/molecules/select-multi-field';
71
- export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, } from './components/atoms/sheet';
72
- export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, } from './components/atoms/sidebar';
73
- export { Skeleton } from './components/atoms/skeleton';
74
- export { Slider } from './components/atoms/slider';
75
- export { Toaster } from './components/atoms/sonner';
76
- export { toast } from 'sonner';
77
- export { Spinner } from './components/atoms/spinner';
78
- export { Switch } from './components/atoms/switch';
79
- export { SwitchField } from './components/molecules/switch-field';
80
- export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/atoms/tabs';
81
- export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './components/atoms/table';
82
- export { Textarea } from './components/atoms/textarea';
83
- export { TextAreaField } from './components/molecules/textarea-field';
84
- export { Timeline, type IconConfig, type TimelineItem, type TimelineProps } from './components/organisms/timeline';
85
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
86
- export { TooltipField } from './components/molecules/tooltip-field';
87
- export { RecommendationCard } from './components/molecules/recommendation-card';
88
- export type { RecommendationCardProps, IntelligentAlgorithmOption, StaticAlgorithmOption, EmailAlgorithmConfig, AlgorithmType, FilterType, RecommendationCardConfig, } from './components/molecules/recommendation-card/types';
89
- export { QuillEditor } from './components/atoms/quill-editor';
90
- export { DataTable, type ColumnDef, type Column } from './components/organisms/data-table';
91
- export type { ActionItem, ActionsProps, RenderRowSubComponentProps } from './components/organisms/data-table';
92
- export { DatePreset } from './components/organisms/date-preset/date-preset';
93
- export { DatePresetProvider } from './components/organisms/date-preset/root';
94
- export { useDatePreset } from './components/organisms/date-preset/context';
95
- export { DATE_PRESETS, DEFAULT_PRESET_KEY, findMatchingPreset } from './components/organisms/date-preset/presets';
96
- export type { DateRange, DatePresetItem } from './components/organisms/date-preset/presets';
97
- export type { DatePresetProps } from './components/organisms/date-preset/date-preset';
98
- export type { DatePresetProviderProps } from './components/organisms/date-preset/root';
99
- export type { DatePresetContextValue } from './components/organisms/date-preset/context';
100
- export { useDataTable, type UseDataTableOptions, type UseDataTableReturn, type FetcherParams, type FetcherResponse, } from './hooks/use-data-table';
101
- export { cn, formatDate } from './lib/utils';
1
+ export * from './src/index';
@@ -1,6 +1,6 @@
1
+ import { type ReactNode } from 'react';
1
2
  import { ColumnDef } from '@tanstack/react-table';
2
3
  import { Product } from '../app';
3
- import { type ReactNode } from 'react';
4
4
  export type ColumnDefWithSubCell<TData> = ColumnDef<TData> & {
5
5
  meta?: {
6
6
  subCell?: (data: TData) => ReactNode;
@@ -77428,13 +77428,7 @@ const Lmt = ({ id: e, children: t, disabled: n = !1, className: r, handleClassNa
77428
77428
  ]
77429
77429
  }
77430
77430
  );
77431
- }, Hmt = ({
77432
- itemIds: e,
77433
- onReorder: t,
77434
- children: n,
77435
- className: r,
77436
- orientation: i = "vertical"
77437
- }) => {
77431
+ }, Hmt = ({ itemIds: e, onReorder: t, children: n, className: r, orientation: i = "vertical" }) => {
77438
77432
  const o = upt(
77439
77433
  Jq(nI, {
77440
77434
  activationConstraint: { distance: 8 }
@@ -1,9 +1,10 @@
1
1
  import * as React from 'react';
2
- export interface SortableItemProps {
2
+ interface SortableItemProps {
3
3
  id: string;
4
4
  children: React.ReactNode;
5
5
  disabled?: boolean;
6
6
  className?: string;
7
7
  handleClassName?: string;
8
8
  }
9
- export declare const SortableItem: ({ id, children, disabled, className, handleClassName }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const SortableItem: ({ id, children, disabled, className, handleClassName }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { SortableItem };
@@ -1,9 +1,10 @@
1
1
  import * as React from 'react';
2
- export interface SortableListProps {
2
+ interface SortableListProps {
3
3
  itemIds: string[];
4
4
  onReorder: (fromIndex: number, toIndex: number) => void;
5
5
  children: React.ReactNode;
6
6
  className?: string;
7
7
  orientation?: 'vertical' | 'horizontal';
8
8
  }
9
- export declare const SortableList: ({ itemIds, onReorder, children, className, orientation, }: SortableListProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const SortableList: ({ itemIds, onReorder, children, className, orientation }: SortableListProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { SortableList };
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import type { ArrayPath, FieldArrayWithId, FieldValues } from 'react-hook-form';
3
- export type FormSortableListProps<TFieldValues extends FieldValues = FieldValues, TName extends ArrayPath<TFieldValues> = ArrayPath<TFieldValues>> = {
3
+ type FormSortableListProps<TFieldValues extends FieldValues = FieldValues, TName extends ArrayPath<TFieldValues> = ArrayPath<TFieldValues>> = {
4
4
  name: TName;
5
5
  renderItem: (field: FieldArrayWithId<TFieldValues, TName, 'id'>, index: number) => React.ReactNode;
6
6
  label?: string;
@@ -14,3 +14,4 @@ export type FormSortableListProps<TFieldValues extends FieldValues = FieldValues
14
14
  hasRequiredIndicator?: boolean;
15
15
  };
16
16
  export declare const FormSortableList: <TFieldValues extends FieldValues = FieldValues, TName extends ArrayPath<TFieldValues> = ArrayPath<TFieldValues>>({ name, renderItem, label, description, containerClassName, listClassName, itemClassName, orientation, emptyState, isItemDisabled, hasRequiredIndicator, }: FormSortableListProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
17
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@segmentify/ui",
3
- "version": "0.0.61",
3
+ "version": "0.0.62",
4
4
  "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import * as RPNInput from 'react-phone-number-input';
3
- type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
4
- onChange?: (value: RPNInput.Value) => void;
5
- };
6
- declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
7
- export { PhoneInput };
@@ -1,9 +0,0 @@
1
- import { type Control, type FieldValues, type Path } from 'react-hook-form';
2
- type FormCheckboxProps<TFieldValues extends FieldValues = FieldValues> = {
3
- name: Path<TFieldValues>;
4
- control?: Control<TFieldValues>;
5
- label: string;
6
- formClassName?: string;
7
- };
8
- export declare const FormCheckbox: <TFieldValues extends FieldValues = FieldValues>({ name, control, formClassName, ...props }: FormCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1 +0,0 @@
1
- export declare const usePopupLayerZIndex: () => number | undefined;