@voxel51/voodo 0.0.26 → 0.0.28
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/README.md +0 -41
- package/dist/components/Collapsible/Collapsible.d.ts +78 -0
- package/dist/components/Collapsible/Collapsible.d.ts.map +1 -0
- package/dist/components/Collapsible/index.d.ts +3 -0
- package/dist/components/Collapsible/index.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.d.ts +68 -0
- package/dist/components/Drawer/Drawer.d.ts.map +1 -0
- package/dist/components/Drawer/index.d.ts +3 -0
- package/dist/components/Drawer/index.d.ts.map +1 -0
- package/dist/components/FormField/FormField.d.ts +3 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/components/RichList/RichList.d.ts +2 -1
- package/dist/components/RichList/RichList.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5313 -5237
- package/dist/index.js.map +1 -1
- package/dist/theme/index.d.ts +0 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/tokens/index.d.ts +30 -0
- package/dist/theme/tokens/index.d.ts.map +1 -1
- package/dist/theme/tokens/transitions.d.ts +74 -0
- package/dist/theme/tokens/transitions.d.ts.map +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/transition.d.ts +127 -0
- package/dist/types/transition.d.ts.map +1 -0
- package/dist/util/useControllableState.d.ts +44 -0
- package/dist/util/useControllableState.d.ts.map +1 -0
- package/dist/util/useDisclosure.d.ts +44 -0
- package/dist/util/useDisclosure.d.ts.map +1 -0
- package/dist/util/useDragDelta.d.ts +58 -0
- package/dist/util/useDragDelta.d.ts.map +1 -0
- package/dist/util/useElementSize.d.ts +29 -0
- package/dist/util/useElementSize.d.ts.map +1 -0
- package/dist/util/useLatest.d.ts +24 -0
- package/dist/util/useLatest.d.ts.map +1 -0
- package/dist/util/useResizableDrawer.d.ts +69 -0
- package/dist/util/useResizableDrawer.d.ts.map +1 -0
- package/dist/voodo.css +1 -1
- package/package.json +1 -6
- package/dist/theme/mui/components.d.ts +0 -9
- package/dist/theme/mui/components.d.ts.map +0 -1
- package/dist/theme/mui/index.d.ts +0 -3
- package/dist/theme/mui/index.d.ts.map +0 -1
- package/dist/theme/mui/theme-config.d.ts +0 -31
- package/dist/theme/mui/theme-config.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -59,43 +59,6 @@ application.
|
|
|
59
59
|
import "@voxel51/voodo/theme.css";
|
|
60
60
|
```
|
|
61
61
|
|
|
62
|
-
#### Usage with MUI
|
|
63
|
-
|
|
64
|
-
This library also exports theme configuration (in the form of a Material `ThemeConfig`)
|
|
65
|
-
which can be used to generate an MUI theme.
|
|
66
|
-
|
|
67
|
-
```typescript jsx
|
|
68
|
-
|
|
69
|
-
import { createTheme, ThemeProvider } from '@mui/material/styles';
|
|
70
|
-
import { defaultMUIThemeConfig, createMUIThemeConfig } from '@voxel51/voodo';
|
|
71
|
-
|
|
72
|
-
// Option 1: Use default (dark mode)
|
|
73
|
-
const theme = createTheme(defaultMUIThemeConfig);
|
|
74
|
-
|
|
75
|
-
// Option 2: Create light mode
|
|
76
|
-
const lightTheme = createTheme(createMUIThemeConfig({ mode: 'light' }));
|
|
77
|
-
|
|
78
|
-
// Option 3: With overrides
|
|
79
|
-
const customTheme = createTheme(
|
|
80
|
-
createMUIThemeConfig({
|
|
81
|
-
mode: 'dark',
|
|
82
|
-
overrides: {
|
|
83
|
-
palette: {
|
|
84
|
-
primary: { main: '#custom-color' },
|
|
85
|
-
},
|
|
86
|
-
},
|
|
87
|
-
})
|
|
88
|
-
);
|
|
89
|
-
|
|
90
|
-
function App() {
|
|
91
|
-
return (
|
|
92
|
-
<ThemeProvider theme={theme}>
|
|
93
|
-
{/* Your app */}
|
|
94
|
-
</ThemeProvider>
|
|
95
|
-
);
|
|
96
|
-
}
|
|
97
|
-
```
|
|
98
|
-
|
|
99
62
|
## Contributing
|
|
100
63
|
|
|
101
64
|
This library is based on [HeadlessUI](https://headlessui.com/) and [Tailwind](https://tailwindcss.com/).
|
|
@@ -111,10 +74,6 @@ General rules of thumb:
|
|
|
111
74
|
## Publishing
|
|
112
75
|
|
|
113
76
|
This library is published to NPM via GitHub Actions workflows.
|
|
114
|
-
Releases are triggered by tagging a commit with a `v<version>` tag, where `<version>`
|
|
115
|
-
should match the `version` property in `package.json`. For example, the initial release has the tag `v0.0.1`.
|
|
116
|
-
|
|
117
|
-
Once a release is tagged and published, the `version` property in `package.json` should receive a patch bump.
|
|
118
77
|
|
|
119
78
|
This library is currently in a pre-release state, with versions matching `0.x.y`.
|
|
120
79
|
Standard semantic versioning will be enforced starting with version `1.0.0`.
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { UseDisclosureOptions } from '../../util/useDisclosure';
|
|
3
|
+
/**
|
|
4
|
+
* Snapshot of open/close state passed to the `header` render prop so the
|
|
5
|
+
* caller can style the trigger element (e.g. rotate a chevron icon).
|
|
6
|
+
*/
|
|
7
|
+
export interface CollapsibleState {
|
|
8
|
+
/** Whether the content area is currently open. */
|
|
9
|
+
open: boolean;
|
|
10
|
+
/** Toggles the open state. Calls `onOpenChange` when in controlled mode. */
|
|
11
|
+
toggle: () => void;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Props for {@link Collapsible}.
|
|
15
|
+
*
|
|
16
|
+
* Extends {@link UseDisclosureOptions} so the component supports both
|
|
17
|
+
* uncontrolled (`defaultOpen`) and controlled (`open` + `onOpenChange`) usage.
|
|
18
|
+
*/
|
|
19
|
+
export interface CollapsibleProps extends UseDisclosureOptions {
|
|
20
|
+
/**
|
|
21
|
+
* Render prop for the clickable header. Receives the current
|
|
22
|
+
* {@link CollapsibleState} so the caller can wire up the toggle and reflect
|
|
23
|
+
* open state in the trigger UI.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```tsx
|
|
27
|
+
* <Collapsible header={({ open, toggle }) => (
|
|
28
|
+
* <button onClick={toggle}>{open ? "Hide" : "Show"}</button>
|
|
29
|
+
* )}>
|
|
30
|
+
* content
|
|
31
|
+
* </Collapsible>
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
header?: (state: CollapsibleState) => React.ReactNode;
|
|
35
|
+
/**
|
|
36
|
+
* When `true` (default), the content area expands and collapses with a CSS
|
|
37
|
+
* `max-height` transition so the DOM node stays mounted and accessible while
|
|
38
|
+
* collapsed. When `false`, children are unmounted immediately with no animation.
|
|
39
|
+
* @default true
|
|
40
|
+
*/
|
|
41
|
+
animated?: boolean;
|
|
42
|
+
/** Content to show or hide. */
|
|
43
|
+
children?: React.ReactNode;
|
|
44
|
+
/** Additional class name applied to the root element. */
|
|
45
|
+
className?: string;
|
|
46
|
+
/** Inline styles applied to the root element. */
|
|
47
|
+
style?: React.CSSProperties;
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* A vertically collapsible container with an optional header trigger.
|
|
51
|
+
*
|
|
52
|
+
* Supports uncontrolled and controlled open state via {@link useDisclosure}.
|
|
53
|
+
* When `animated` is true, content visibility is driven by a CSS `max-height`
|
|
54
|
+
* transition so the DOM node stays mounted and accessible while collapsed.
|
|
55
|
+
*
|
|
56
|
+
* @example
|
|
57
|
+
* ```tsx
|
|
58
|
+
* // Uncontrolled — starts open
|
|
59
|
+
* <Collapsible
|
|
60
|
+
* header={({ open, toggle }) => (
|
|
61
|
+
* <button onClick={toggle}>{open ? "Collapse" : "Expand"}</button>
|
|
62
|
+
* )}
|
|
63
|
+
* >
|
|
64
|
+
* <p>Hidden content</p>
|
|
65
|
+
* </Collapsible>
|
|
66
|
+
*
|
|
67
|
+
* // Controlled
|
|
68
|
+
* const [open, setOpen] = useState(false);
|
|
69
|
+
* <Collapsible open={open} onOpenChange={setOpen} header={({ toggle }) => (
|
|
70
|
+
* <button onClick={toggle}>Toggle</button>
|
|
71
|
+
* )}>
|
|
72
|
+
* <p>Controlled content</p>
|
|
73
|
+
* </Collapsible>
|
|
74
|
+
* ```
|
|
75
|
+
*/
|
|
76
|
+
declare const Collapsible: React.FC<CollapsibleProps>;
|
|
77
|
+
export default Collapsible;
|
|
78
|
+
//# sourceMappingURL=Collapsible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI3E;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4EAA4E;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { UseDisclosureOptions } from '../../util/useDisclosure';
|
|
3
|
+
/**
|
|
4
|
+
* Edge of the viewport the drawer is anchored to. Determines both the
|
|
5
|
+
* drag axis (`left`/`right` resize horizontally; `top`/`bottom` resize
|
|
6
|
+
* vertically) and the direction the drawer expands when opened.
|
|
7
|
+
*/
|
|
8
|
+
export type DrawerSide = "left" | "right" | "top" | "bottom";
|
|
9
|
+
/**
|
|
10
|
+
* State passed to the {@link DrawerProps.header} render prop so callers
|
|
11
|
+
* can react to and control the drawer's open/closed state from within
|
|
12
|
+
* their header content (e.g. a toggle button).
|
|
13
|
+
*/
|
|
14
|
+
export interface DrawerHeaderState {
|
|
15
|
+
/** Whether the drawer is currently expanded. */
|
|
16
|
+
open: boolean;
|
|
17
|
+
/** Flip the drawer between open and closed. */
|
|
18
|
+
toggle: () => void;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Props for the {@link Drawer} component. Extends `UseDisclosureOptions`
|
|
22
|
+
* so callers can drive the open state in either controlled
|
|
23
|
+
* (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`) mode.
|
|
24
|
+
*/
|
|
25
|
+
export interface DrawerProps extends UseDisclosureOptions {
|
|
26
|
+
/** Edge the drawer is anchored to. Defaults to `"bottom"`. */
|
|
27
|
+
side?: DrawerSide;
|
|
28
|
+
/** Size (in px) the drawer opens to when first rendered or re-opened. */
|
|
29
|
+
defaultSize: number;
|
|
30
|
+
/** Minimum size (in px) the user can drag the drawer down to while open. */
|
|
31
|
+
minSize: number;
|
|
32
|
+
/** Maximum size (in px) the user can drag the drawer up to. */
|
|
33
|
+
maxSize: number;
|
|
34
|
+
/**
|
|
35
|
+
* How the drawer relates to surrounding layout.
|
|
36
|
+
* - `"push"` (default): the drawer occupies space and pushes siblings.
|
|
37
|
+
* - `"float"`: the drawer overlays content without affecting layout.
|
|
38
|
+
*/
|
|
39
|
+
mode?: "push" | "float";
|
|
40
|
+
/**
|
|
41
|
+
* Render prop for the always-visible header area. Receives open state and
|
|
42
|
+
* toggle. Everything the caller renders here stays visible when collapsed —
|
|
43
|
+
* toggle button, ruler, pinned rows, etc. Its height is measured and used
|
|
44
|
+
* as the drawer's closed size automatically.
|
|
45
|
+
*/
|
|
46
|
+
header?: (state: DrawerHeaderState) => React.ReactNode;
|
|
47
|
+
/** Called whenever the user finishes resizing the drawer. */
|
|
48
|
+
onSizeChange?: (size: number) => void;
|
|
49
|
+
/** Ref forwarded to the scrollable body element wrapping `children`. */
|
|
50
|
+
bodyRef?: React.RefObject<HTMLDivElement | null>;
|
|
51
|
+
/** Drawer body content, rendered inside the scrollable area. */
|
|
52
|
+
children?: React.ReactNode;
|
|
53
|
+
/** Additional class name applied to the drawer root. */
|
|
54
|
+
className?: string;
|
|
55
|
+
/** Inline styles merged into the drawer root (after the sizing style). */
|
|
56
|
+
style?: React.CSSProperties;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Resizable, collapsible drawer anchored to one edge of its container.
|
|
60
|
+
*
|
|
61
|
+
* The drawer is draggable along its perpendicular axis between `minSize`
|
|
62
|
+
* and `maxSize`, and collapses to the measured height of its `header`
|
|
63
|
+
* render prop (plus the drag handle) when closed. Open state can be
|
|
64
|
+
* controlled or uncontrolled via the inherited disclosure props.
|
|
65
|
+
*/
|
|
66
|
+
declare const Drawer: React.FC<DrawerProps>;
|
|
67
|
+
export default Drawer;
|
|
68
|
+
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAcD;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,8DAA8D;IAC9D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,wEAAwE;IACxE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { Spacing } from '../../types';
|
|
2
3
|
export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
control: ReactNode;
|
|
4
5
|
label?: ReactNode;
|
|
5
6
|
description?: ReactNode;
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
error?: ReactNode;
|
|
9
|
+
spacing?: Spacing;
|
|
8
10
|
}
|
|
9
11
|
/**
|
|
10
12
|
* A component which represents a composite form field, consisting of a label, form control, description,
|
|
@@ -48,6 +50,7 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
48
50
|
* @param description Optional description to display for the form field.
|
|
49
51
|
* @param disabled If `true`, disables the form field.
|
|
50
52
|
* @param error Optional error message to display for the form field.
|
|
53
|
+
* @param spacing Spacing between elements in the field. Defaults to {@link Spacing.Sm}.
|
|
51
54
|
* @param className `class` overrides to apply to the field container.
|
|
52
55
|
* @param props Additional HTML properties to apply to the field container.
|
|
53
56
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAe,OAAO,EAAa,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiCxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8EtC,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { FC, HTMLAttributes } from 'react';
|
|
2
2
|
import { ListItemProps } from '../ListItem';
|
|
3
|
-
import { Descriptor } from '../../types';
|
|
3
|
+
import { Descriptor, Spacing } from '../../types';
|
|
4
4
|
export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
listItems: Descriptor<ListItemProps>[];
|
|
6
6
|
draggable?: boolean;
|
|
7
7
|
onSelected?: (selectedItems: string[]) => void;
|
|
8
8
|
onOrderChange?: (newItems: Descriptor<ListItemProps>[]) => void;
|
|
9
9
|
selected?: string[];
|
|
10
|
+
spacing?: Spacing;
|
|
10
11
|
}
|
|
11
12
|
/**
|
|
12
13
|
* A list-like component which renders a group of {@link ListItem} children.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichList.d.ts","sourceRoot":"","sources":["../../../src/components/RichList/RichList.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,EAAE,EACF,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"RichList.d.ts","sourceRoot":"","sources":["../../../src/components/RichList/RichList.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,EAAE,EACF,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAa9C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoGtC,CAAC"}
|
|
@@ -3,8 +3,10 @@ export * from './Button';
|
|
|
3
3
|
export * from './Card';
|
|
4
4
|
export * from './Checkbox';
|
|
5
5
|
export * from './Clickable';
|
|
6
|
+
export * from './Collapsible';
|
|
6
7
|
export * from './Datepicker';
|
|
7
8
|
export * from './Divider';
|
|
9
|
+
export * from './Drawer';
|
|
8
10
|
export * from './EmptyState';
|
|
9
11
|
export * from './FormField';
|
|
10
12
|
export * from './FormFieldGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|