@boxcustodia/library 2.0.0-alpha.12 → 2.0.0-alpha.13
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.
- package/dist/index.cjs.js +38 -38
- package/dist/index.d.ts +28 -29
- package/dist/index.es.js +6804 -6792
- package/package.json +1 -1
- package/src/__doc__/Migration.mdx +2 -26
- package/src/components/combobox/combobox.tsx +29 -23
- package/src/components/divider/divider.stories.tsx +120 -51
- package/src/components/divider/divider.tsx +16 -16
- package/src/components/field/field.stories.tsx +1 -1
- package/src/components/multi-select/multi-select.stories.tsx +1 -1
- package/src/components/number-input/number-input.tsx +7 -5
- package/src/components/password/password.tsx +9 -5
package/dist/index.d.ts
CHANGED
|
@@ -43,6 +43,7 @@ import { ReactPortal } from 'react';
|
|
|
43
43
|
import { RefObject } from 'react';
|
|
44
44
|
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
45
45
|
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
46
|
+
import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
46
47
|
import { SetStateAction } from 'react';
|
|
47
48
|
import { Slot } from '@radix-ui/react-slot';
|
|
48
49
|
import { Switch as Switch_2 } from '@base-ui/react/switch';
|
|
@@ -626,7 +627,7 @@ export declare function DialogTrigger({ className, ...props }: DialogPrimitive.T
|
|
|
626
627
|
/** Full-screen container that centers the popup. */
|
|
627
628
|
export declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): JSX.Element;
|
|
628
629
|
|
|
629
|
-
export declare
|
|
630
|
+
export declare function Divider({ className, orientation, ...props }: SeparatorPrimitive.Props): default_2.ReactElement;
|
|
630
631
|
|
|
631
632
|
export declare const DOTS = "...";
|
|
632
633
|
|
|
@@ -703,7 +704,7 @@ export declare type DropzoneProps = {
|
|
|
703
704
|
onError?: (fileErrors: FileError[]) => void;
|
|
704
705
|
} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
|
|
705
706
|
|
|
706
|
-
export declare const EmptyState: ({ icon, title, description, className, children, ...props }:
|
|
707
|
+
export declare const EmptyState: ({ icon, title, description, className, children, ...props }: Props_5) => JSX.Element;
|
|
707
708
|
|
|
708
709
|
export declare const ensureReactElement: <P>({ children, as: Wrapper, props, }: EnsureReactElementProps<P>) => ReactElement;
|
|
709
710
|
|
|
@@ -872,7 +873,7 @@ declare type GenericObject_2 = Record<string, any>;
|
|
|
872
873
|
|
|
873
874
|
export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
|
|
874
875
|
|
|
875
|
-
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }:
|
|
876
|
+
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_6<C>) => JSX.Element;
|
|
876
877
|
|
|
877
878
|
declare const HeadingVariants: (props?: ({
|
|
878
879
|
size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
@@ -948,7 +949,7 @@ export declare type LibraryProviderProps = {
|
|
|
948
949
|
tooltipDelay?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>["delay"];
|
|
949
950
|
} & Omit<ToastProviderProps, "children">;
|
|
950
951
|
|
|
951
|
-
export declare const Loader: ({ center, containerClassName, variant, size, ...props }:
|
|
952
|
+
export declare const Loader: ({ center, containerClassName, variant, size, ...props }: Props_7) => JSX.Element;
|
|
952
953
|
|
|
953
954
|
declare type LoaderVariants = VariantProps<typeof loaderVariants>;
|
|
954
955
|
|
|
@@ -1185,7 +1186,7 @@ export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> &
|
|
|
1185
1186
|
|
|
1186
1187
|
export declare type PageSize = (typeof TABLE_PAGE_SIZES)[number];
|
|
1187
1188
|
|
|
1188
|
-
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }:
|
|
1189
|
+
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }: Props_8) => JSX.Element;
|
|
1189
1190
|
|
|
1190
1191
|
declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1191
1192
|
isActive?: boolean;
|
|
@@ -1289,12 +1290,7 @@ declare interface Props extends ExtendedProps {
|
|
|
1289
1290
|
onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
|
|
1290
1291
|
}
|
|
1291
1292
|
|
|
1292
|
-
declare
|
|
1293
|
-
/** Si el componente está presente o no */
|
|
1294
|
-
when: ComponentProps<typeof Presence>["present"];
|
|
1295
|
-
}
|
|
1296
|
-
|
|
1297
|
-
declare type Props_11<T> = {
|
|
1293
|
+
declare type Props_10<T> = {
|
|
1298
1294
|
data: T[];
|
|
1299
1295
|
columns: ColumnDef<T>[];
|
|
1300
1296
|
onRowClick?: (row: T) => void;
|
|
@@ -1302,18 +1298,18 @@ declare type Props_11<T> = {
|
|
|
1302
1298
|
selected?: (row: T) => boolean;
|
|
1303
1299
|
} & ExtendedProps_2 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
|
|
1304
1300
|
|
|
1305
|
-
declare type
|
|
1301
|
+
declare type Props_11 = {
|
|
1306
1302
|
setPageSize?: (value: PageSize) => void;
|
|
1307
1303
|
pageSize?: PageSize;
|
|
1308
1304
|
} & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
|
|
1309
1305
|
|
|
1310
|
-
declare type
|
|
1306
|
+
declare type Props_12 = ClosableProps | NonClosableProps;
|
|
1311
1307
|
|
|
1312
|
-
declare type
|
|
1308
|
+
declare type Props_13<T extends TreeNode> = TreeRootProps & {
|
|
1313
1309
|
items: T[];
|
|
1314
1310
|
};
|
|
1315
1311
|
|
|
1316
|
-
declare interface
|
|
1312
|
+
declare interface Props_14<T> extends UseAsyncOptions<T> {
|
|
1317
1313
|
fn: () => Promise<T>;
|
|
1318
1314
|
dependencies?: DependencyList;
|
|
1319
1315
|
}
|
|
@@ -1336,31 +1332,32 @@ declare interface Props_4 extends ComponentProps<"button"> {
|
|
|
1336
1332
|
loaderReplace?: true;
|
|
1337
1333
|
}
|
|
1338
1334
|
|
|
1339
|
-
declare type Props_5 = {
|
|
1340
|
-
orientation?: "horizontal" | "vertical";
|
|
1341
|
-
} & HTMLProps<HTMLHRElement>;
|
|
1342
|
-
|
|
1343
|
-
declare type Props_6 = ComponentPropsWithoutRef<"div"> & {
|
|
1335
|
+
declare type Props_5 = ComponentPropsWithoutRef<"div"> & {
|
|
1344
1336
|
icon?: ReactNode;
|
|
1345
1337
|
title?: ReactNode;
|
|
1346
1338
|
description?: ReactNode;
|
|
1347
1339
|
};
|
|
1348
1340
|
|
|
1349
|
-
declare type
|
|
1341
|
+
declare type Props_6<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
|
|
1350
1342
|
as?: C;
|
|
1351
1343
|
} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
|
|
1352
1344
|
|
|
1353
|
-
declare type
|
|
1345
|
+
declare type Props_7 = LucideProps & LoaderVariants & {
|
|
1354
1346
|
center?: boolean;
|
|
1355
1347
|
containerClassName?: string;
|
|
1356
1348
|
};
|
|
1357
1349
|
|
|
1358
|
-
declare interface
|
|
1350
|
+
declare interface Props_8 extends useRangePaginationProps {
|
|
1359
1351
|
optionProps?: PaginationOptionProps;
|
|
1360
1352
|
className?: string;
|
|
1361
1353
|
containerProps?: HTMLProps<HTMLDivElement>;
|
|
1362
1354
|
}
|
|
1363
1355
|
|
|
1356
|
+
declare interface Props_9 extends ComponentPropsWithoutRef<typeof Slot> {
|
|
1357
|
+
/** Si el componente está presente o no */
|
|
1358
|
+
when: ComponentProps<typeof Presence>["present"];
|
|
1359
|
+
}
|
|
1360
|
+
|
|
1364
1361
|
declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
|
|
1365
1362
|
|
|
1366
1363
|
declare type ProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
|
|
@@ -1549,6 +1546,8 @@ export declare const selectTriggerIconClassName = "-me-1 size-4.5 opacity-80 sm:
|
|
|
1549
1546
|
|
|
1550
1547
|
export declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React_2.ReactElement;
|
|
1551
1548
|
|
|
1549
|
+
export { SeparatorPrimitive }
|
|
1550
|
+
|
|
1552
1551
|
export declare type SetState<T> = Dispatch<SetStateAction<T>>;
|
|
1553
1552
|
|
|
1554
1553
|
declare type Shortcut = Partial<{
|
|
@@ -1557,7 +1556,7 @@ declare type Shortcut = Partial<{
|
|
|
1557
1556
|
shortcutOptions: MenuShortcutProps["options"];
|
|
1558
1557
|
}>;
|
|
1559
1558
|
|
|
1560
|
-
export declare const Show: ({ when, ...props }:
|
|
1559
|
+
export declare const Show: ({ when, ...props }: Props_9) => JSX.Element;
|
|
1561
1560
|
|
|
1562
1561
|
export declare type SingleDatePickerProps = DatePickerBaseProps & {
|
|
1563
1562
|
mode: "single";
|
|
@@ -1667,7 +1666,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
|
|
|
1667
1666
|
value: string;
|
|
1668
1667
|
}
|
|
1669
1668
|
|
|
1670
|
-
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }:
|
|
1669
|
+
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_10<T>) => JSX.Element;
|
|
1671
1670
|
|
|
1672
1671
|
export declare const TABLE_PAGE_SIZES: number[];
|
|
1673
1672
|
|
|
@@ -1695,7 +1694,7 @@ declare type TableHeaderProps = React_2.ComponentProps<"thead">;
|
|
|
1695
1694
|
|
|
1696
1695
|
declare type TableHeadProps = React_2.ComponentProps<"th">;
|
|
1697
1696
|
|
|
1698
|
-
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }:
|
|
1697
|
+
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_11) => JSX.Element;
|
|
1699
1698
|
|
|
1700
1699
|
declare interface TablePaginationExtendedProps {
|
|
1701
1700
|
containerClassName?: ClassName;
|
|
@@ -1750,7 +1749,7 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
|
|
|
1750
1749
|
value: string;
|
|
1751
1750
|
}
|
|
1752
1751
|
|
|
1753
|
-
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }:
|
|
1752
|
+
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }: Props_12) => JSX.Element;
|
|
1754
1753
|
|
|
1755
1754
|
export declare type TagVariant = VariantProps<typeof tagVariants>;
|
|
1756
1755
|
|
|
@@ -1967,7 +1966,7 @@ export declare function TooltipRoot(props: RootProps): JSX.Element;
|
|
|
1967
1966
|
|
|
1968
1967
|
export declare function TooltipTrigger({ className, ...props }: TriggerProps): JSX.Element;
|
|
1969
1968
|
|
|
1970
|
-
export declare function Tree<T extends TreeNode>({ items, ...props }:
|
|
1969
|
+
export declare function Tree<T extends TreeNode>({ items, ...props }: Props_13<T>): JSX.Element;
|
|
1971
1970
|
|
|
1972
1971
|
export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
|
|
1973
1972
|
id: string | number;
|
|
@@ -2057,7 +2056,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
|
|
|
2057
2056
|
readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
|
|
2058
2057
|
}];
|
|
2059
2058
|
|
|
2060
|
-
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }:
|
|
2059
|
+
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_14<T>): AsyncState<T>;
|
|
2061
2060
|
|
|
2062
2061
|
declare interface UseAsyncOptions<T> {
|
|
2063
2062
|
onError?: (error: Error) => void;
|