@danxbot/ui 6.0.7 → 6.2.0
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.js +4780 -4672
- package/dist/index.js.map +1 -1
- package/dist/types/components/Dialog.d.ts +18 -0
- package/dist/types/components/InfiniteScroller.d.ts +34 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -14,6 +14,12 @@ declare const dialog: import("tailwind-variants").TVReturnType<{
|
|
|
14
14
|
xl: {
|
|
15
15
|
popup: string;
|
|
16
16
|
};
|
|
17
|
+
full: {
|
|
18
|
+
popup: string;
|
|
19
|
+
header: string;
|
|
20
|
+
title: string;
|
|
21
|
+
body: string;
|
|
22
|
+
};
|
|
17
23
|
};
|
|
18
24
|
}, {
|
|
19
25
|
backdrop: string[];
|
|
@@ -37,6 +43,12 @@ declare const dialog: import("tailwind-variants").TVReturnType<{
|
|
|
37
43
|
xl: {
|
|
38
44
|
popup: string;
|
|
39
45
|
};
|
|
46
|
+
full: {
|
|
47
|
+
popup: string;
|
|
48
|
+
header: string;
|
|
49
|
+
title: string;
|
|
50
|
+
body: string;
|
|
51
|
+
};
|
|
40
52
|
};
|
|
41
53
|
}, {
|
|
42
54
|
backdrop: string[];
|
|
@@ -60,6 +72,12 @@ declare const dialog: import("tailwind-variants").TVReturnType<{
|
|
|
60
72
|
xl: {
|
|
61
73
|
popup: string;
|
|
62
74
|
};
|
|
75
|
+
full: {
|
|
76
|
+
popup: string;
|
|
77
|
+
header: string;
|
|
78
|
+
title: string;
|
|
79
|
+
body: string;
|
|
80
|
+
};
|
|
63
81
|
};
|
|
64
82
|
}, {
|
|
65
83
|
backdrop: string[];
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type CSSProperties, type Key, type ReactNode, type Ref, type RefObject } from "react";
|
|
2
|
+
export interface InfiniteScrollerHandle {
|
|
3
|
+
/** Mount everything up to `index` (if not already mounted), then scroll that item into view. */
|
|
4
|
+
reveal: (index: number, options?: ScrollIntoViewOptions) => void;
|
|
5
|
+
}
|
|
6
|
+
export interface InfiniteScrollerProps<T> {
|
|
7
|
+
/** Every item. Only a window of them is mounted. */
|
|
8
|
+
items: readonly T[];
|
|
9
|
+
renderItem: (item: T, index: number) => ReactNode;
|
|
10
|
+
/** A stable React key per item. */
|
|
11
|
+
getKey: (item: T, index: number) => Key;
|
|
12
|
+
/** How many items are mounted at first. Default 20. */
|
|
13
|
+
initialCount?: number;
|
|
14
|
+
/** How many more mount each time the end comes into range. Default `initialCount`. */
|
|
15
|
+
batchSize?: number;
|
|
16
|
+
/** Lay items out as a CSS grid with this many equal columns. Omit for a plain vertical list. */
|
|
17
|
+
columns?: number;
|
|
18
|
+
/** How far outside the scroll viewport the end may be before more mount. Default "200px". */
|
|
19
|
+
rootMargin?: string;
|
|
20
|
+
/**
|
|
21
|
+
* The scrolling element to observe against. Default: the nearest ancestor whose `overflow-y`
|
|
22
|
+
* scrolls, else the viewport.
|
|
23
|
+
*/
|
|
24
|
+
root?: RefObject<Element | null>;
|
|
25
|
+
/** Changing this puts the window back to `initialCount` (a genuinely different list). */
|
|
26
|
+
resetKey?: unknown;
|
|
27
|
+
/** Classes for the list/grid element — gaps, padding. */
|
|
28
|
+
className?: string;
|
|
29
|
+
style?: CSSProperties;
|
|
30
|
+
ref?: Ref<InfiniteScrollerHandle>;
|
|
31
|
+
/** Accessible name for the list, when it needs one. */
|
|
32
|
+
"aria-label"?: string;
|
|
33
|
+
}
|
|
34
|
+
export declare function InfiniteScroller<T>({ items, renderItem, getKey, initialCount, batchSize, columns, rootMargin, root, resetKey, className, style, ref, "aria-label": ariaLabel, }: InfiniteScrollerProps<T>): import("react").JSX.Element;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -48,6 +48,7 @@ export { Tabs, TabList, Tab, TabPanel, type TabsProps, type TabListProps, type T
|
|
|
48
48
|
export { Accordion, AccordionItem, type AccordionProps, type AccordionItemProps, } from "./components/Accordion";
|
|
49
49
|
export { Breadcrumb, Pagination, type BreadcrumbProps, type PaginationProps, type Crumb, } from "./components/Navigation";
|
|
50
50
|
export { PaginationBar, type PaginationBarProps, type PaginationBarMode, } from "./components/PaginationBar";
|
|
51
|
+
export { InfiniteScroller, type InfiniteScrollerProps, type InfiniteScrollerHandle, } from "./components/InfiniteScroller";
|
|
51
52
|
export { Stepper, stepStatus, stepperProgress, advanceBlockReason, assertSteps, type StepperProps, type Step, type StepStatus, type StepperProgress, } from "./components/stepper";
|
|
52
53
|
export { StatusChecklist, tallyChecklist, type StatusChecklistProps, type ChecklistItem, type ChecklistState, type ChecklistTally, } from "./components/checklist";
|
|
53
54
|
export { Toggle, ToggleGroup, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarSeparator, type ToggleProps, type ToggleGroupProps, type ToolbarProps, type ToolbarButtonProps, type ToolbarGroupProps, type ToolbarInputProps, } from "./components/Toggle";
|