@segmentify/ui 0.0.57 → 0.0.59

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

@@ -0,0 +1,13 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react';
+declare const Autocomplete: typeof AutocompletePrimitive.Root;
+declare function AutocompleteValue({ ...props }: AutocompletePrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteTrigger({ className, children, ...props }: AutocompletePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteInput({ className, children, disabled, showTrigger, showClear, ...props }: AutocompletePrimitive.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteContent({ className, side, sideOffset, align, alignOffset, ...props }: AutocompletePrimitive.Popup.Props & Pick<AutocompletePrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset'>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteList({ className, ...props }: AutocompletePrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteItem({ className, children, ...props }: AutocompletePrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteEmpty({ className, ...props }: AutocompletePrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
+export { Autocomplete, AutocompleteInput, AutocompleteContent, AutocompleteList, AutocompleteItem, AutocompleteEmpty, AutocompleteTrigger, AutocompleteValue, };

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DayPicker, type DayButton } from 'react-day-picker';
+import { type DayButton, DayPicker } from 'react-day-picker';
 import { Button } from './button';
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>['variant'];

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

@@ -32,7 +32,7 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
     nameKey?: string;
     labelKey?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
 declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
     hideIcon?: boolean;
     nameKey?: string;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
 import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
+import type * as LabelPrimitive from '@radix-ui/react-label';
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare function FormItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 type FormLabelProps = React.ComponentProps<typeof LabelPrimitive.Root> & {

package/dist/components/atoms/quill-editor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import Quill, { Delta, Range, EmitterSource } from 'quill';
+import Quill, { Delta, EmitterSource, Range } from 'quill';
 interface EditorProps {
     readOnly?: boolean;
     defaultValue?: Delta;

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

@@ -0,0 +1,15 @@
+export type AsyncComboboxItem = {
+    value: string;
+    label: string;
+};
+export type AsyncComboboxProps = {
+    selectedItem: AsyncComboboxItem;
+    fetchItems: (search: string, signal?: AbortSignal) => Promise<AsyncComboboxItem[]>;
+    onSelect: (item: AsyncComboboxItem) => void;
+    searchPlaceholder?: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    align?: 'start' | 'center' | 'end';
+};
+export declare function AsyncCombobox({ selectedItem, fetchItems: fetchItemsProp, searchPlaceholder, placeholder, className, disabled, align, onSelect, }: AsyncComboboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+export type AutocompleteFieldItem = {
+    value: string;
+    label: string;
+};
+type Props = {
+    items: AutocompleteFieldItem[];
+    value: string;
+    onValueChange: (value: string) => void;
+    label?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    containerClassName?: string;
+    emptyMessage?: string;
+    onInputChange?: (value: string) => void;
+};
+export declare const AutocompleteField: ({ items, label, disabled, placeholder, containerClassName, emptyMessage, onInputChange, value, onValueChange, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { buttonVariants } from '../../lib/design-variants';
 import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from '../../lib/design-variants';
 declare const BaseButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & {
     size?: VariantProps<typeof buttonVariants>["size"];
     variant?: VariantProps<typeof buttonVariants>["variant"];

package/dist/components/molecules/date-range-picker.d.ts

@@ -1,6 +1,6 @@
+import { type ClassValue } from 'clsx';
 import { type Locale } from 'date-fns';
 import { type DateRange } from 'react-day-picker';
-import { type ClassValue } from 'clsx';
 type Props = {
     start?: Date;
     end?: Date;

package/dist/components/molecules/form-phone-input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PhoneInput } from '../../components/atoms/phone-input';
 import flags from 'react-phone-number-input/flags';
+import { PhoneInput } from '../../components/atoms/phone-input';
 export type FormPhoneInputProps = {
     label: string;
     name: string;

package/dist/components/molecules/recommendation-card/components/selected-algorithms.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldValues } from 'react-hook-form';
-import { SharedAlgorithmProps, RecommendationCardConfig } from '../types';
+import { RecommendationCardConfig, SharedAlgorithmProps } from '../types';
 interface SelectedAlgorithmsProps<TFieldValues extends FieldValues = FieldValues> extends SharedAlgorithmProps<TFieldValues> {
     update: (index: number, value: unknown) => void;
     swap: (index1: number, index2: number) => void;

package/dist/components/molecules/select-multi-field.d.ts

@@ -1,4 +1,4 @@
-import { type ActionMeta, type SingleValue, type MultiValue, type InputActionMeta } from 'react-select';
+import { type ActionMeta, type InputActionMeta, type MultiValue, type SingleValue } from 'react-select';
 import { SelectItemProps } from '../../lib/types';
 type SelectFieldProps = {
     label?: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Textarea } from '../../components/atoms/textarea';
 import { type ClassValue } from 'clsx';
+import { Textarea } from '../../components/atoms/textarea';
 interface Props extends React.ComponentProps<typeof Textarea> {
     textAreaClassName?: ClassValue;
     value: string;

package/dist/components/organisms/data-table/index.d.ts

@@ -1,8 +1,8 @@
-import { Root } from './root';
-import { Toolbar } from './toolbar';
-import { Search } from './search';
 import { ColumnVisibility } from './column-visibility';
 import { Content } from './content';
+import { Root } from './root';
+import { Search } from './search';
+import { Toolbar } from './toolbar';
 export type { ActionItem, ActionsProps } from './actions';
 export type { RenderRowSubComponentProps } from './content';
 export { type ColumnDef, type Column } from '@tanstack/react-table';

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { ClassValue } from 'clsx';
 import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import { SelectField } from '../../components/molecules/select-field';
 import type { SelectItemProps } from '../../lib/types';
+import type { ClassValue } from 'clsx';
 type SelectFieldRest = Omit<React.ComponentProps<typeof SelectField>, 'value' | 'onChange' | 'hasFormControlWrapper' | 'label' | 'labelClassName'>;
 type FormSelectProps<TFieldValues extends FieldValues = FieldValues> = {
     name: Path<TFieldValues>;

package/dist/components/organisms/timeline.d.ts

@@ -1,6 +1,6 @@
+import { type ReactNode } from 'react';
 import { type Locale } from 'date-fns';
 import { type LucideIcon } from 'lucide-react';
-import { type ReactNode } from 'react';
 export interface IconConfig {
     icon: LucideIcon;
     bg?: string;

package/dist/hooks/use-data-table.d.ts

@@ -1,5 +1,5 @@
-import { type ColumnDef, type ColumnFiltersState, type SortingState, type VisibilityState, type PaginationState, type RowSelectionState, type ColumnPinningState, type ExpandedState, type Table } from '@tanstack/react-table';
 import { type UseQueryOptions } from '@tanstack/react-query';
+import { type ColumnDef, type ColumnFiltersState, type ColumnPinningState, type ExpandedState, type PaginationState, type RowSelectionState, type SortingState, type Table, type VisibilityState } from '@tanstack/react-table';
 export interface FetcherParams {
     pageNo: number;
     pageSize: number;
@@ -79,6 +79,10 @@ export interface UseDataTableOptions<TData> {
      * Allows customizing staleTime, gcTime, refetchInterval, etc.
      */
     queryOptions?: Omit<UseQueryOptions<FetcherResponse<TData>, Error>, 'queryKey' | 'queryFn'>;
+    /**
+     * Additional metadata to pass to the table instance (accessible via table.options.meta)
+     */
+    meta?: Record<string, unknown>;
 }
 export interface UseDataTableReturn<TData> {
     /**
@@ -158,4 +162,4 @@ export interface UseDataTableReturn<TData> {
      */
     isError: boolean;
 }
-export declare function useDataTable<TData>({ queryKey, columns, fetcher, initialPageSize, initialSorting, initialColumnVisibility, initialColumnPinning, manualPagination, manualSorting, manualFiltering, getSubRows, getRowCanExpand, queryOptions, }: UseDataTableOptions<TData>): UseDataTableReturn<TData>;
+export declare function useDataTable<TData>({ queryKey, columns, fetcher, initialPageSize, initialSorting, initialColumnVisibility, initialColumnPinning, manualPagination, manualSorting, manualFiltering, getSubRows, getRowCanExpand, queryOptions, meta, }: UseDataTableOptions<TData>): UseDataTableReturn<TData>;

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export { ContentWrapper } from './components/atoms/content-wrapper';
 export { CreatableActionIcons } from './components/molecules/creatable-action-icons';
 export { CheckboxField } from './components/molecules/checkbox-field';
 export { ComboboxField, type ComboboxFieldItem, type ComboboxFieldInputMode, } from './components/molecules/combobox-field';
+export { AsyncCombobox, type AsyncComboboxItem } from './components/molecules/async-combobox';
 export { FormattedDate } from './components/atoms/date';
 export { DateRangePicker } from './components/molecules/date-range-picker';
 export { DebouncedInput } from './components/molecules/debounced-input';

package/dist/mock/columns.d.ts

@@ -1,6 +1,6 @@
+import { type ReactNode } from 'react';
 import { ColumnDef } from '@tanstack/react-table';
 import { Product } from '../app';
-import { type ReactNode } from 'react';
 export type ColumnDefWithSubCell<TData> = ColumnDef<TData> & {
     meta?: {
         subCell?: (data: TData) => ReactNode;