@segmentify/ui 0.0.59 → 0.0.61

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type DayButton, DayPicker } from 'react-day-picker';
+import { DayPicker, type DayButton } 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: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
 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/phone-inpux.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as RPNInput from 'react-phone-number-input';
+type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
+    onChange?: (value: RPNInput.Value) => void;
+};
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
+export { PhoneInput };

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { VariantProps } from 'class-variance-authority';
 import { buttonVariants } from '../../lib/design-variants';
+import { VariantProps } from 'class-variance-authority';
 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 flags from 'react-phone-number-input/flags';
 import { PhoneInput } from '../../components/atoms/phone-input';
+import flags from 'react-phone-number-input/flags';
 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 { RecommendationCardConfig, SharedAlgorithmProps } from '../types';
+import { SharedAlgorithmProps, RecommendationCardConfig } 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 InputActionMeta, type MultiValue, type SingleValue } from 'react-select';
+import { type ActionMeta, type SingleValue, type MultiValue, type InputActionMeta } from 'react-select';
 import { SelectItemProps } from '../../lib/types';
 type SelectFieldProps = {
     label?: string;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type ClassValue } from 'clsx';
 import { Textarea } from '../../components/atoms/textarea';
+import { type ClassValue } from 'clsx';
 interface Props extends React.ComponentProps<typeof Textarea> {
     textAreaClassName?: ClassValue;
-    value: string;
-    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     label?: string;
 }
 export declare const TextAreaField: ({ textAreaClassName, value, onChange, label, ...props }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
-import { ColumnVisibility } from './column-visibility';
-import { Content } from './content';
 import { Root } from './root';
-import { Search } from './search';
 import { Toolbar } from './toolbar';
+import { Search } from './search';
+import { ColumnVisibility } from './column-visibility';
+import { Content } from './content';
 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-checkbox.d.ts

@@ -4,7 +4,6 @@ type FormCheckboxProps<TFieldValues extends FieldValues = FieldValues> = {
     control?: Control<TFieldValues>;
     label: string;
     formClassName?: string;
-    containerClassName?: string;
 };
 export declare const FormCheckbox: <TFieldValues extends FieldValues = FieldValues>({ name, control, formClassName, ...props }: FormCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

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/form-textarea.d.ts

@@ -1,6 +1,8 @@
+import React from 'react';
+import { TextAreaField } from '../../components/molecules/textarea-field';
 import { type Control, type FieldValues, type Path } from 'react-hook-form';
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-    label: string;
+type Props<TFieldValues extends FieldValues = FieldValues> = React.ComponentProps<typeof TextAreaField> & {
+    label?: string;
     name: Path<TFieldValues>;
     placeholder: string;
     control?: Control<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;

package/dist/hooks/use-popup-layer-z-index.d.ts

@@ -0,0 +1 @@
+export declare const usePopupLayerZIndex: () => number | undefined;

package/dist/index.d.ts

@@ -19,7 +19,6 @@ 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;