@dxos/react-ui-list 0.9.0 → 0.9.1-main.c7dcc2e112
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/lib/browser/index.mjs +993 -521
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +993 -521
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/aspects/index.d.ts +6 -0
- package/dist/types/src/aspects/index.d.ts.map +1 -0
- package/dist/types/src/aspects/useListDisclosure.d.ts +60 -0
- package/dist/types/src/aspects/useListDisclosure.d.ts.map +1 -0
- package/dist/types/src/aspects/useListDisclosure.test.d.ts +2 -0
- package/dist/types/src/aspects/useListDisclosure.test.d.ts.map +1 -0
- package/dist/types/src/aspects/useListGrid.d.ts +30 -0
- package/dist/types/src/aspects/useListGrid.d.ts.map +1 -0
- package/dist/types/src/aspects/useListGrid.test.d.ts +2 -0
- package/dist/types/src/aspects/useListGrid.test.d.ts.map +1 -0
- package/dist/types/src/aspects/useListNavigation.d.ts +68 -0
- package/dist/types/src/aspects/useListNavigation.d.ts.map +1 -0
- package/dist/types/src/aspects/useListNavigation.test.d.ts +2 -0
- package/dist/types/src/aspects/useListNavigation.test.d.ts.map +1 -0
- package/dist/types/src/aspects/useListSelection.d.ts +48 -0
- package/dist/types/src/aspects/useListSelection.d.ts.map +1 -0
- package/dist/types/src/aspects/useListSelection.test.d.ts +2 -0
- package/dist/types/src/aspects/useListSelection.test.d.ts.map +1 -0
- package/dist/types/src/aspects/useReorder.d.ts +103 -0
- package/dist/types/src/aspects/useReorder.d.ts.map +1 -0
- package/dist/types/src/components/Accordion/Accordion.d.ts +1 -1
- package/dist/types/src/components/Accordion/AccordionItem.d.ts +5 -3
- package/dist/types/src/components/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/types/src/components/Accordion/AccordionRoot.d.ts +1 -1
- package/dist/types/src/components/Accordion/AccordionRoot.d.ts.map +1 -1
- package/dist/types/src/components/Listbox/Listbox.d.ts +60 -20
- package/dist/types/src/components/Listbox/Listbox.d.ts.map +1 -1
- package/dist/types/src/components/Listbox/Listbox.stories.d.ts +27 -3
- package/dist/types/src/components/Listbox/Listbox.stories.d.ts.map +1 -1
- package/dist/types/src/components/OrderedList/OrderedList.d.ts +49 -0
- package/dist/types/src/components/OrderedList/OrderedList.d.ts.map +1 -0
- package/dist/types/src/components/OrderedList/OrderedList.stories.d.ts +11 -0
- package/dist/types/src/components/OrderedList/OrderedList.stories.d.ts.map +1 -0
- package/dist/types/src/components/OrderedList/OrderedList.test.d.ts +2 -0
- package/dist/types/src/components/OrderedList/OrderedList.test.d.ts.map +1 -0
- package/dist/types/src/components/OrderedList/OrderedListItem.d.ts +94 -0
- package/dist/types/src/components/OrderedList/OrderedListItem.d.ts.map +1 -0
- package/dist/types/src/components/OrderedList/OrderedListRoot.d.ts +73 -0
- package/dist/types/src/components/OrderedList/OrderedListRoot.d.ts.map +1 -0
- package/dist/types/src/components/OrderedList/index.d.ts +2 -0
- package/dist/types/src/components/OrderedList/index.d.ts.map +1 -0
- package/dist/types/src/components/Tree/TreeItem.d.ts.map +1 -1
- package/dist/types/src/components/Tree/TreeItemHeading.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -2
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -0
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/vitest-setup.d.ts +2 -0
- package/dist/types/src/vitest-setup.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +18 -15
- package/src/aspects/index.ts +9 -0
- package/src/aspects/useListDisclosure.test.ts +72 -0
- package/src/aspects/useListDisclosure.ts +160 -0
- package/src/aspects/useListGrid.test.ts +41 -0
- package/src/aspects/useListGrid.ts +61 -0
- package/src/aspects/useListNavigation.test.ts +44 -0
- package/src/aspects/useListNavigation.ts +160 -0
- package/src/aspects/useListSelection.test.ts +101 -0
- package/src/aspects/useListSelection.ts +162 -0
- package/src/aspects/useReorder.ts +370 -0
- package/src/components/Accordion/Accordion.stories.tsx +1 -1
- package/src/components/Accordion/AccordionItem.tsx +11 -6
- package/src/components/Accordion/AccordionRoot.tsx +4 -1
- package/src/components/Listbox/Listbox.stories.tsx +171 -21
- package/src/components/Listbox/Listbox.tsx +302 -145
- package/src/components/OrderedList/OrderedList.stories.tsx +379 -0
- package/src/components/OrderedList/OrderedList.test.tsx +59 -0
- package/src/components/OrderedList/OrderedList.tsx +63 -0
- package/src/components/OrderedList/OrderedListItem.tsx +348 -0
- package/src/components/OrderedList/OrderedListRoot.tsx +173 -0
- package/src/components/OrderedList/index.ts +5 -0
- package/src/components/Tree/TreeItem.tsx +2 -0
- package/src/components/Tree/TreeItemHeading.tsx +1 -2
- package/src/components/index.ts +1 -2
- package/src/index.ts +1 -0
- package/src/vitest-setup.ts +11 -0
- package/dist/types/src/components/List/List.d.ts +0 -40
- package/dist/types/src/components/List/List.d.ts.map +0 -1
- package/dist/types/src/components/List/List.stories.d.ts +0 -18
- package/dist/types/src/components/List/List.stories.d.ts.map +0 -1
- package/dist/types/src/components/List/ListItem.d.ts +0 -49
- package/dist/types/src/components/List/ListItem.d.ts.map +0 -1
- package/dist/types/src/components/List/ListRoot.d.ts +0 -29
- package/dist/types/src/components/List/ListRoot.d.ts.map +0 -1
- package/dist/types/src/components/List/index.d.ts +0 -2
- package/dist/types/src/components/List/index.d.ts.map +0 -1
- package/dist/types/src/components/List/testing.d.ts +0 -15
- package/dist/types/src/components/List/testing.d.ts.map +0 -1
- package/dist/types/src/components/RowList/RowList.d.ts +0 -61
- package/dist/types/src/components/RowList/RowList.d.ts.map +0 -1
- package/dist/types/src/components/RowList/RowList.stories.d.ts +0 -35
- package/dist/types/src/components/RowList/RowList.stories.d.ts.map +0 -1
- package/dist/types/src/components/RowList/index.d.ts +0 -3
- package/dist/types/src/components/RowList/index.d.ts.map +0 -1
- package/src/components/List/List.stories.tsx +0 -129
- package/src/components/List/List.tsx +0 -47
- package/src/components/List/ListItem.tsx +0 -287
- package/src/components/List/ListRoot.tsx +0 -106
- package/src/components/List/index.ts +0 -5
- package/src/components/List/testing.ts +0 -31
- package/src/components/RowList/RowList.stories.tsx +0 -163
- package/src/components/RowList/RowList.tsx +0 -350
- package/src/components/RowList/index.ts +0 -6
|
@@ -1,27 +1,67 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
__listboxScope?: Scope;
|
|
6
|
-
};
|
|
7
|
-
declare const createListboxScope: import("@radix-ui/react-context").CreateScope;
|
|
8
|
-
type ListboxRootProps = ThemedClassName<ComponentPropsWithRef<'ul'>> & {
|
|
1
|
+
import React, { type ComponentPropsWithRef, type FocusEvent, type MouseEvent, type PropsWithChildren } from 'react';
|
|
2
|
+
import { type IconProps, type ScrollAreaRootProps, type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
+
type RootProps = PropsWithChildren<{
|
|
4
|
+
/** Currently-selected option id (controlled). */
|
|
9
5
|
value?: string;
|
|
6
|
+
/** Initial selected option for uncontrolled mode. */
|
|
10
7
|
defaultValue?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Called when the user picks a different option (click, arrow keys, focus). Receives the
|
|
10
|
+
* option's `id` prop. Selection cannot clear to `undefined` from the UI in single-select
|
|
11
|
+
* mode (clicking an already-selected row is a no-op), so the callback always receives a
|
|
12
|
+
* defined id.
|
|
13
|
+
*/
|
|
11
14
|
onValueChange?: (value: string) => void;
|
|
12
|
-
/** Reserved
|
|
15
|
+
/** Reserved for parity with the prior `Listbox.Root`; focus-on-entry already covers most cases. */
|
|
13
16
|
autoFocus?: boolean;
|
|
17
|
+
}>;
|
|
18
|
+
declare function Root({ value, defaultValue, onValueChange, autoFocus: _autoFocus, children }: RootProps): React.JSX.Element;
|
|
19
|
+
declare namespace Root {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
22
|
+
type ViewportProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
|
|
23
|
+
type ContentProps = {
|
|
24
|
+
/**
|
|
25
|
+
* Accessible label for the listbox. Strongly recommended; assistive tech announces this
|
|
26
|
+
* when focus enters the list.
|
|
27
|
+
*/
|
|
28
|
+
'aria-label'?: string;
|
|
14
29
|
};
|
|
15
|
-
type
|
|
16
|
-
value
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
30
|
+
type ItemProps = PropsWithChildren<{
|
|
31
|
+
/** Stable identifier; matched against the parent's `value`. */
|
|
32
|
+
id: string;
|
|
33
|
+
/** Disable the row — focusable but doesn't update selection, dimmed. */
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
/** Optional click handler in addition to selection. */
|
|
36
|
+
onClick?: (event: MouseEvent<HTMLLIElement>) => void;
|
|
37
|
+
/** Optional focus handler in addition to selection-follows-focus. */
|
|
38
|
+
onFocus?: (event: FocusEvent<HTMLLIElement>) => void;
|
|
39
|
+
}>;
|
|
40
|
+
type ItemLabelProps = ThemedClassName<ComponentPropsWithRef<'span'>>;
|
|
41
|
+
type IndicatorProps = Omit<IconProps, 'icon'> & Partial<Pick<IconProps, 'icon'>>;
|
|
42
|
+
/**
|
|
43
|
+
* Read selection state for a single id from inside any descendant of `<Listbox.Root>`.
|
|
44
|
+
* Returns `true` when the row is currently selected. Lets composing components react to
|
|
45
|
+
* selection without re-rendering on unrelated changes.
|
|
46
|
+
*/
|
|
47
|
+
declare const useListboxSelection: (id: string) => boolean;
|
|
48
|
+
declare const Listbox: {
|
|
49
|
+
Root: {
|
|
50
|
+
({ value, defaultValue, onValueChange, autoFocus: _autoFocus, children }: RootProps): React.JSX.Element;
|
|
51
|
+
displayName: string;
|
|
52
|
+
};
|
|
53
|
+
Viewport: React.ForwardRefExoticComponent<Omit<ViewportProps, "className"> & {
|
|
54
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
55
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
56
|
+
Content: React.ForwardRefExoticComponent<Omit<ContentProps, "className"> & {
|
|
57
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
58
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLUListElement>>;
|
|
59
|
+
Item: React.ForwardRefExoticComponent<Omit<ItemProps, "className"> & {
|
|
60
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
61
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLLIElement>>;
|
|
62
|
+
ItemLabel: React.ForwardRefExoticComponent<Omit<ItemLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
63
|
+
Indicator: React.ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
24
64
|
};
|
|
25
|
-
export {
|
|
26
|
-
export type { ListboxRootProps,
|
|
65
|
+
export { Listbox, useListboxSelection };
|
|
66
|
+
export type { RootProps as ListboxRootProps, ViewportProps as ListboxViewportProps, ContentProps as ListboxContentProps, ItemProps as ListboxItemProps, ItemLabelProps as ListboxItemLabelProps, IndicatorProps as ListboxIndicatorProps, };
|
|
27
67
|
//# sourceMappingURL=Listbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EAEf,KAAK,UAAU,EACf,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAC;AAyCxB,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mGAAmG;IACnG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC,CAAC;sBAEW,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,SAAS;;;;AA4BhG,KAAK,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAwBhF,KAAK,YAAY,GAAG;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAmCF,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACrD,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACtD,CAAC,CAAC;AA0EH,KAAK,cAAc,GAAG,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;AAcrE,KAAK,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAgBjF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,OAAQ,MAAM,KAAG,OAGzC,CAAC;AAMF,QAAA,MAAM,OAAO;;kFA5N0E,SAAS;;;;;;;;;;;;;;CAmO/F,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;AACxC,YAAY,EACV,SAAS,IAAI,gBAAgB,EAC7B,aAAa,IAAI,oBAAoB,EACrC,YAAY,IAAI,mBAAmB,EACnC,SAAS,IAAI,gBAAgB,EAC7B,cAAc,IAAI,qBAAqB,EACvC,cAAc,IAAI,qBAAqB,GACxC,CAAC"}
|
|
@@ -1,12 +1,36 @@
|
|
|
1
1
|
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
type TestItem = {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
description: string;
|
|
7
|
+
};
|
|
8
|
+
type StoryArgs = {
|
|
9
|
+
/** Items to render. Defaults to the full 24-item catalog. */
|
|
10
|
+
items?: TestItem[];
|
|
11
|
+
/** Forwards to `Listbox.Viewport thin`. */
|
|
12
|
+
thin?: boolean;
|
|
13
|
+
/** Forwards to `Listbox.Viewport padding`. */
|
|
14
|
+
padding?: boolean;
|
|
15
|
+
/** Index into `items` that should render disabled. */
|
|
16
|
+
disabledIndex?: number;
|
|
17
|
+
/** Render the description line under each row's name. */
|
|
18
|
+
showDescription?: boolean;
|
|
19
|
+
};
|
|
3
20
|
declare const meta: {
|
|
4
21
|
title: string;
|
|
5
|
-
|
|
6
|
-
render: () => React.JSX.Element;
|
|
22
|
+
render: (args: StoryArgs) => React.JSX.Element;
|
|
7
23
|
decorators: import("@storybook/react").Decorator[];
|
|
24
|
+
parameters: {
|
|
25
|
+
layout: string;
|
|
26
|
+
};
|
|
8
27
|
};
|
|
9
28
|
export default meta;
|
|
10
|
-
type Story = StoryObj<
|
|
29
|
+
type Story = StoryObj<StoryArgs>;
|
|
11
30
|
export declare const Default: Story;
|
|
31
|
+
export declare const Thin: Story;
|
|
32
|
+
export declare const WithDisabled: Story;
|
|
33
|
+
export declare const MasterDetail: Story;
|
|
34
|
+
export declare const WithToolbar: Story;
|
|
35
|
+
export declare const Popover: Story;
|
|
12
36
|
//# sourceMappingURL=Listbox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Listbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,KAAK,QAAQ,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAYlE,KAAK,SAAS,GAAG;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AA6IF,QAAA,MAAM,IAAI;;;;;QAKN,MAAM;;CAEiB,CAAC;eAEb,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,IAAI,EAAE,KAAuE,CAAC;AAC3F,eAAO,MAAM,YAAY,EAAE,KAAmE,CAAC;AAC/F,eAAO,MAAM,YAAY,EAAE,KAA+C,CAAC;AAC3E,eAAO,MAAM,WAAW,EAAE,KAA8C,CAAC;AACzE,eAAO,MAAM,OAAO,EAAE,KAA0C,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { type OrderedListDetailItemProps, type OrderedListItemProps } from './OrderedListItem';
|
|
2
|
+
import { type OrderedListRootProps, type OrderedListViewportProps } from './OrderedListRoot';
|
|
3
|
+
/**
|
|
4
|
+
* Reorderable, single-expandable master-detail list.
|
|
5
|
+
*
|
|
6
|
+
* `DetailItem` encapsulates the common master-detail row (drag handle + bordered column with a
|
|
7
|
+
* name row that toggles an inline detail panel + a trailing action). Compose the lower-level
|
|
8
|
+
* `Item` / `DragHandle` / `Title` / `ExpandCaret` / `DeleteButton` directly for other layouts.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <OrderedList.Root items={…} isItem={…} getId={…} onMove={…} expandedId={…} onExpandedChange={…}>
|
|
12
|
+
* {({ items }) => (
|
|
13
|
+
* <OrderedList.Content>
|
|
14
|
+
* {items.map((item) => (
|
|
15
|
+
* <OrderedList.DetailItem
|
|
16
|
+
* key={item.id}
|
|
17
|
+
* id={item.id}
|
|
18
|
+
* item={item}
|
|
19
|
+
* title={item.label}
|
|
20
|
+
* trailing={<OrderedList.DeleteButton onClick={…} />}
|
|
21
|
+
* >
|
|
22
|
+
* {detail}
|
|
23
|
+
* </OrderedList.DetailItem>
|
|
24
|
+
* ))}
|
|
25
|
+
* </OrderedList.Content>
|
|
26
|
+
* )}
|
|
27
|
+
* </OrderedList.Root>
|
|
28
|
+
*/
|
|
29
|
+
export declare const OrderedList: {
|
|
30
|
+
Root: <T extends unknown>({ items, getId, onMove, readonly, expandedId, defaultExpandedId, onExpandedChange, children, }: OrderedListRootProps<T>) => import("react").JSX.Element;
|
|
31
|
+
Viewport: import("react").ForwardRefExoticComponent<Omit<OrderedListViewportProps, "className"> & {
|
|
32
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
33
|
+
} & Pick<import("react").HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
34
|
+
Content: ({ classNames, children }: import("@dxos/ui-types").ThemedClassName<import("react").PropsWithChildren>) => import("react").JSX.Element;
|
|
35
|
+
Item: <T extends unknown>({ id, canDrag, hover, selected, onClick, classNames, style, children, }: OrderedListItemProps<T>) => import("react").JSX.Element;
|
|
36
|
+
DetailItem: <T extends unknown>({ id, item, canDrag, title, titleClassNames, actions, trailing, expandable, classNames, children, }: OrderedListDetailItemProps<T>) => import("react").JSX.Element;
|
|
37
|
+
DragHandle: () => import("react").JSX.Element;
|
|
38
|
+
Title: ({ classNames, children, onClick, ...props }: import("@dxos/ui-types").ThemedClassName<import("react").PropsWithChildren<import("react").ComponentProps<'div'>>>) => import("react").JSX.Element;
|
|
39
|
+
IconButton: ({ autoHide, disabled, classNames, ...props }: import("@dxos/react-ui").IconButtonProps & {
|
|
40
|
+
autoHide?: boolean;
|
|
41
|
+
}) => import("react").JSX.Element;
|
|
42
|
+
DeleteButton: ({ autoHide, icon, label, disabled, classNames, ...props }: Partial<Pick<import("@dxos/react-ui").IconButtonProps, 'icon'>> & Omit<import("@dxos/react-ui").IconButtonProps, 'icon' | 'label'> & {
|
|
43
|
+
autoHide?: boolean;
|
|
44
|
+
label?: string;
|
|
45
|
+
}) => import("react").JSX.Element;
|
|
46
|
+
ExpandCaret: ({ onClick, ...props }: Partial<import("@dxos/react-ui").IconButtonProps>) => import("react").JSX.Element;
|
|
47
|
+
};
|
|
48
|
+
export type { OrderedListRootProps, OrderedListItemProps, OrderedListDetailItemProps, OrderedListViewportProps };
|
|
49
|
+
//# sourceMappingURL=OrderedList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,0BAA0B,EAK/B,KAAK,oBAAoB,EAE1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGL,KAAK,oBAAoB,EAEzB,KAAK,wBAAwB,EAC9B,MAAM,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,QAAQ;;;IACR,OAAO;IACP,IAAI;IACJ,UAAU;IACV,UAAU;IACV,KAAK;IACL,UAAU;;;IACV,YAAY;;;;IACZ,WAAW;CACZ,CAAC;AAEF,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const Scrollable: Story;
|
|
7
|
+
export declare const Draggable: Story;
|
|
8
|
+
export declare const CheckboxWithDelete: Story;
|
|
9
|
+
export declare const DraggableWithToggle: Story;
|
|
10
|
+
export declare const Nested: Story;
|
|
11
|
+
//# sourceMappingURL=OrderedList.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderedList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqWjE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAKtB,eAAO,MAAM,OAAO,EAAE,KAAyC,CAAC;AAChE,eAAO,MAAM,UAAU,EAAE,KAA6C,CAAC;AACvE,eAAO,MAAM,SAAS,EAAE,KAA4C,CAAC;AACrE,eAAO,MAAM,kBAAkB,EAAE,KAAqD,CAAC;AACvF,eAAO,MAAM,mBAAmB,EAAE,KAAsD,CAAC;AACzF,eAAO,MAAM,MAAM,EAAE,KAAyC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderedList.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedList.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import React, { type ComponentProps, type CSSProperties, type MouseEvent, type PropsWithChildren, type ReactNode } from 'react';
|
|
2
|
+
import { type IconButtonProps, type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
+
import { type ListItemRecord } from './OrderedListRoot';
|
|
4
|
+
export type OrderedListItemProps<T extends ListItemRecord> = ThemedClassName<PropsWithChildren<{
|
|
5
|
+
id: string;
|
|
6
|
+
/** The record handed to the underlying reorder hook (kept for back-compat with callers). */
|
|
7
|
+
item: T;
|
|
8
|
+
/** Defaults to true; false disables the drag handle. */
|
|
9
|
+
canDrag?: boolean;
|
|
10
|
+
/** Apply the row-hover affordance. Defaults to false. */
|
|
11
|
+
hover?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Visually highlights the row as the "currently active" entry — sets `aria-current="true"`
|
|
14
|
+
* paired with `dx-current` styling. `aria-current` is the right grammar for an active row
|
|
15
|
+
* inside a `list`-mode container (listbox/option semantics live on `Listbox`); used for
|
|
16
|
+
* surfaces like the `Mixer` where the active layer needs visual highlight without
|
|
17
|
+
* adopting listbox role semantics.
|
|
18
|
+
*/
|
|
19
|
+
selected?: boolean;
|
|
20
|
+
/** Optional click handler bound to the outer row element. */
|
|
21
|
+
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
22
|
+
/** Inline style merged onto the outer element. Used for grid templates produced by `useListGrid`. */
|
|
23
|
+
style?: CSSProperties;
|
|
24
|
+
}>>;
|
|
25
|
+
/**
|
|
26
|
+
* A single reorderable item. Calls `useReorderItem` to wire pragmatic-dnd refs + state,
|
|
27
|
+
* resolves disclosure state from the root context, and exposes both via item context for
|
|
28
|
+
* the sub-components (`OrderedListDragHandle`, `OrderedListTitle`, `OrderedListExpandCaret`).
|
|
29
|
+
*
|
|
30
|
+
* The outer element applies only structural concerns (`relative` + state classes); the
|
|
31
|
+
* layout (flex/grid) is controlled by the caller via `classNames` so master-detail rows
|
|
32
|
+
* and bare reorderable rows can share the same component.
|
|
33
|
+
*/
|
|
34
|
+
export declare const OrderedListItem: <T extends ListItemRecord>({ id, canDrag, hover, selected, onClick, classNames, style, children, }: OrderedListItemProps<T>) => React.JSX.Element;
|
|
35
|
+
/**
|
|
36
|
+
* Drag handle. Disabled when the list is readonly or the item opts out via `canDrag={false}`.
|
|
37
|
+
* The button is the only element that initiates drag — pragmatic-dnd's `dragHandle:` option
|
|
38
|
+
* scopes the source surface to this ref.
|
|
39
|
+
*/
|
|
40
|
+
export declare const OrderedListDragHandle: () => React.JSX.Element;
|
|
41
|
+
/**
|
|
42
|
+
* Clickable title; clicking toggles the item's expanded state. Carries a stable id so the
|
|
43
|
+
* expanded panel can name itself via `aria-labelledby`.
|
|
44
|
+
*/
|
|
45
|
+
export declare const OrderedListTitle: ({ classNames, children, onClick, ...props }: ThemedClassName<PropsWithChildren<ComponentProps<'div'>>>) => React.JSX.Element;
|
|
46
|
+
/**
|
|
47
|
+
* Generic action icon button. Anchored in a `var(--dx-rail-item)` IconBlock so it shares a
|
|
48
|
+
* centerline with the title row regardless of expand state. Use for inline row actions
|
|
49
|
+
* (mute, edit, copy, etc.); pair with `OrderedListDeleteButton` for the delete affordance.
|
|
50
|
+
*/
|
|
51
|
+
export declare const OrderedListIconButton: ({ autoHide, disabled, classNames, ...props }: IconButtonProps & {
|
|
52
|
+
autoHide?: boolean;
|
|
53
|
+
}) => React.JSX.Element;
|
|
54
|
+
/**
|
|
55
|
+
* Delete icon button. Anchored in a `var(--dx-rail-item)` IconBlock so it shares a centerline
|
|
56
|
+
* with the title row regardless of expand state. No `my-[1px]` nudge: the central column's
|
|
57
|
+
* outline is `ring-1` (see `OrderedListDetailItem`) so layout is exact.
|
|
58
|
+
*/
|
|
59
|
+
export declare const OrderedListDeleteButton: ({ autoHide, icon, label, disabled, classNames, ...props }: Partial<Pick<IconButtonProps, 'icon'>> & Omit<IconButtonProps, 'icon' | 'label'> & {
|
|
60
|
+
autoHide?: boolean;
|
|
61
|
+
label?: string;
|
|
62
|
+
}) => React.JSX.Element;
|
|
63
|
+
/**
|
|
64
|
+
* Expand/collapse caret; reflects and toggles the item's expanded state via the disclosure
|
|
65
|
+
* trigger's `aria-expanded` + `aria-controls`.
|
|
66
|
+
*/
|
|
67
|
+
export declare const OrderedListExpandCaret: ({ onClick, ...props }: Partial<IconButtonProps>) => React.JSX.Element;
|
|
68
|
+
export type OrderedListDetailItemProps<T extends ListItemRecord> = ThemedClassName<PropsWithChildren<{
|
|
69
|
+
id: string;
|
|
70
|
+
/** The record handed to the underlying reorder hook (kept for back-compat with callers). */
|
|
71
|
+
item: T;
|
|
72
|
+
/** Defaults to true; false disables the drag handle. */
|
|
73
|
+
canDrag?: boolean;
|
|
74
|
+
/** Title content shown in the clickable name row (clicking toggles expansion). */
|
|
75
|
+
title: ReactNode;
|
|
76
|
+
titleClassNames?: ThemedClassName<any>['classNames'];
|
|
77
|
+
/** Inline actions placed in the name row before the expand caret (e.g. a visibility toggle). */
|
|
78
|
+
actions?: ReactNode;
|
|
79
|
+
/** Action(s) placed outside the bordered column, flanking it (e.g. a delete button). */
|
|
80
|
+
trailing?: ReactNode;
|
|
81
|
+
/** When false, hides the expand caret and detail panel. Defaults to true. */
|
|
82
|
+
expandable?: boolean;
|
|
83
|
+
}>>;
|
|
84
|
+
/**
|
|
85
|
+
* Master-detail row: a drag handle and trailing action flank a `ring-1`-outlined central
|
|
86
|
+
* column whose title row (title + inline actions + expand caret) toggles an inline detail
|
|
87
|
+
* panel (children).
|
|
88
|
+
*
|
|
89
|
+
* Outline uses `ring-1` (rendered as box-shadow) rather than `border` so the column's
|
|
90
|
+
* content area is the full `var(--dx-rail-item)` height — handles, title, caret, and
|
|
91
|
+
* trailing all sit on the same baseline without per-pixel nudges.
|
|
92
|
+
*/
|
|
93
|
+
export declare const OrderedListDetailItem: <T extends ListItemRecord>({ id, item, canDrag, title, titleClassNames, actions, trailing, expandable, classNames, children, }: OrderedListDetailItemProps<T>) => React.JSX.Element;
|
|
94
|
+
//# sourceMappingURL=OrderedListItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderedListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedListItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,KAAK,eAAe,EAEpB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,mBAAmB,CAAC;AAkB/E,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,cAAc,IAAI,eAAe,CAC1E,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,4FAA4F;IAC5F,IAAI,EAAE,CAAC,CAAC;IACR,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD,qGAAqG;IACrG,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC,CACH,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,2EASrD,oBAAoB,CAAC,CAAC,CAAC,sBAiCzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,yBAgBjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,gDAK1B,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,sBAuB3D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,iDAK/B,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,sBAU1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,8DAOjC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,GACvC,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,sBAYjF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,0BAA2B,OAAO,CAAC,eAAe,CAAC,sBAyBrF,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,eAAe,CAChF,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,4FAA4F;IAC5F,IAAI,EAAE,CAAC,CAAC;IACR,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,EAAE,SAAS,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IACrD,gGAAgG;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CACH,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,cAAc,uGAW3D,0BAA0B,CAAC,CAAC,CAAC,sBAgC/B,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import React, { type PropsWithChildren, type ReactNode } from 'react';
|
|
2
|
+
import { type ScrollAreaRootProps, type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
+
import { type ReorderActive, type ReorderListController, type UseListNavigationReturn, type UseListDisclosureReturn } from '../../aspects';
|
|
4
|
+
export type ListItemRecord = any;
|
|
5
|
+
type OrderedListContextValue<T extends ListItemRecord> = {
|
|
6
|
+
reorder: ReorderListController<T>;
|
|
7
|
+
disclosure: UseListDisclosureReturn;
|
|
8
|
+
navigation: UseListNavigationReturn;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
active: ReorderActive<T>;
|
|
11
|
+
/**
|
|
12
|
+
* Stable id accessor reused by items that want to look up their record (e.g. the
|
|
13
|
+
* `OrderedListItem` <-> `useReorderItem` plumbing).
|
|
14
|
+
*/
|
|
15
|
+
getId: (item: T) => string;
|
|
16
|
+
};
|
|
17
|
+
declare const useOrderedListContext: (consumerName: string) => OrderedListContextValue<any>;
|
|
18
|
+
export { useOrderedListContext };
|
|
19
|
+
export type OrderedListRootProps<T extends ListItemRecord> = ThemedClassName<{
|
|
20
|
+
items: readonly T[];
|
|
21
|
+
/**
|
|
22
|
+
* Type guard reserved for backwards compatibility with the deprecated `List` API. The
|
|
23
|
+
* aspect layer doesn't need it (payloads are scoped via the list's internal id) — values
|
|
24
|
+
* passed here are currently ignored. Will be removed when call-sites migrate.
|
|
25
|
+
*/
|
|
26
|
+
isItem?: (item: any) => boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Stable id accessor. When omitted, the hook falls back to reference equality, which
|
|
29
|
+
* breaks after a pragmatic-dnd round-trip serialises the payload — supply a `getId` for
|
|
30
|
+
* any list whose items are plain values rather than ECHO refs.
|
|
31
|
+
*/
|
|
32
|
+
getId?: (item: T) => string;
|
|
33
|
+
onMove?: (fromIndex: number, toIndex: number) => void;
|
|
34
|
+
readonly?: boolean;
|
|
35
|
+
/** Controlled expanded item id (single-expand). */
|
|
36
|
+
expandedId?: string;
|
|
37
|
+
defaultExpandedId?: string;
|
|
38
|
+
onExpandedChange?: (id: string | undefined) => void;
|
|
39
|
+
children: (props: {
|
|
40
|
+
items: readonly T[];
|
|
41
|
+
}) => ReactNode;
|
|
42
|
+
}>;
|
|
43
|
+
/**
|
|
44
|
+
* Reorderable, single-expandable master-detail list. Wraps the aspect hooks:
|
|
45
|
+
*
|
|
46
|
+
* - `useReorderList` — drag-and-drop reorder via pragmatic-dnd.
|
|
47
|
+
* - `useListDisclosure` (single mode) — single-expand state machine.
|
|
48
|
+
* - `useListNavigation` (list mode) — Tabster keyboard nav across items.
|
|
49
|
+
*
|
|
50
|
+
* Owns the drag-handle / delete / expand-caret chrome plus expand state. Renders no DOM
|
|
51
|
+
* itself; `OrderedListContent` is the container.
|
|
52
|
+
*/
|
|
53
|
+
export declare const OrderedListRoot: <T extends ListItemRecord>({ items, getId, onMove, readonly, expandedId, defaultExpandedId, onExpandedChange, children, }: OrderedListRootProps<T>) => React.JSX.Element;
|
|
54
|
+
/**
|
|
55
|
+
* Container for the list. Applies the navigation aspect's `containerProps` so role,
|
|
56
|
+
* aria-orientation, Tabster attributes, and focus-on-entry are wired in one place.
|
|
57
|
+
*/
|
|
58
|
+
export declare const OrderedListContent: ({ classNames, children }: ThemedClassName<PropsWithChildren>) => React.JSX.Element;
|
|
59
|
+
/**
|
|
60
|
+
* Optional ScrollArea wrapper for the list. Mirrors `Listbox.Viewport`. Include when the
|
|
61
|
+
* list needs to fill a constrained pane and scroll independently; omit for static lists
|
|
62
|
+
* that flow with their parent.
|
|
63
|
+
*
|
|
64
|
+
* Wires `useReorderAutoScroll` on the inner viewport so pragmatic-dnd auto-scrolls the
|
|
65
|
+
* container when a drag hovers near its edges — long lists can be reordered without
|
|
66
|
+
* scrolling manually first.
|
|
67
|
+
*/
|
|
68
|
+
type OrderedListViewportProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
|
|
69
|
+
export declare const OrderedListViewport: React.ForwardRefExoticComponent<Omit<OrderedListViewportProps, "className"> & {
|
|
70
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
71
|
+
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
export type { OrderedListViewportProps };
|
|
73
|
+
//# sourceMappingURL=OrderedListRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderedListRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedListRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAE/E,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAK7B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC;AAIjC,KAAK,uBAAuB,CAAC,CAAC,SAAS,cAAc,IAAI;IACvD,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAClC,UAAU,EAAE,uBAAuB,CAAC;IACpC,UAAU,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB;;;OAGG;IACH,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CAC5B,CAAC;AAEF,QAAA,MAA4B,qBAAqB,wDAAkE,CAAC;AAEpH,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,cAAc,IAAI,eAAe,CAAC;IAC3E,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;KAAE,KAAK,SAAS,CAAC;CACzD,CAAC,CAAC;AAKH;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,kGASrD,oBAAoB,CAAC,CAAC,CAAC,sBAgCzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,6BAA8B,eAAe,CAAC,iBAAiB,CAAC,sBAO9F,CAAC;AAEF;;;;;;;;GAQG;AACH,KAAK,wBAAwB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAE3F,eAAO,MAAM,mBAAmB;;2HAiB9B,CAAC;AAIH,YAAY,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,oDAAoD,CAAC;AAI5D,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAc,EACZ,KAAK,EAAE,EASR,MAAM,OAAO,CAAC;AAuBf,eAAO,MAAM,cAAc;;;;EAIzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,CAAC;AACjE,eAAO,MAAM,UAAU,SAAU,OAAO,KAAG,IAAI,IAAI,QAA2C,CAAC;AAE/F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI,EAAE,CAAC;IAC9D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACzG,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;
|
|
1
|
+
{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,oDAAoD,CAAC;AAI5D,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAc,EACZ,KAAK,EAAE,EASR,MAAM,OAAO,CAAC;AAuBf,eAAO,MAAM,cAAc;;;;EAIzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,CAAC;AACjE,eAAO,MAAM,UAAU,SAAU,OAAO,KAAG,IAAI,IAAI,QAA2C,CAAC;AAE/F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI,EAAE,CAAC;IAC9D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACzG,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AA2RF,eAAO,MAAM,QAAQ,EAAwB,EAAE,CAAC,aAAa,CAAC,CAAC;AAE/D,iFAAiF;AACjF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAW7E,eAAO,MAAM,YAAY,EAA4B,EAAE,CAAC,iBAAiB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAgB,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"TreeItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAgB,KAAK,KAAK,EAAuD,MAAM,gBAAgB,CAAC;AAK/G,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gHAAgH;IAChH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,2FAwD3B,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
export * from './Accordion';
|
|
2
2
|
export * from './Combobox';
|
|
3
|
-
export * from './List';
|
|
4
3
|
export * from './Listbox';
|
|
4
|
+
export * from './OrderedList';
|
|
5
5
|
export * from './Picker';
|
|
6
|
-
export * from './RowList';
|
|
7
6
|
export * from './Tree';
|
|
8
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vitest-setup.d.ts","sourceRoot":"","sources":["../../../src/vitest-setup.ts"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC"}
|