@vkzstudio/muza-ui 1.0.43 → 1.0.44
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/components/Accordion/Accordion.d.ts +42 -6
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +71 -17
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.d.ts +52 -15
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +69 -36
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/EdgeButton/EdgeButton.d.ts +10 -11
- package/dist/components/EdgeButton/EdgeButton.d.ts.map +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.d.ts +73 -8
- package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +3 -0
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
- package/dist/components/ExpandableTable/index.d.ts +1 -1
- package/dist/components/ExpandableTable/index.d.ts.map +1 -1
- package/dist/components/FileUpload/FileItem.d.ts +16 -0
- package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.d.ts +105 -42
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FileUpload/index.d.ts +1 -1
- package/dist/components/FileUpload/index.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +33 -34
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.d.ts +50 -23
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/Reorderable/Reorderable.d.ts +48 -1
- package/dist/components/Reorderable/Reorderable.d.ts.map +1 -1
- package/dist/components/ReorderableTable/ReorderableTable.d.ts +34 -17
- package/dist/components/ReorderableTable/ReorderableTable.d.ts.map +1 -1
- package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +38 -21
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/TextEditor/TextEditor.d.ts +82 -46
- package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
- package/dist/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
- package/dist/components/TextEditor/index.d.ts +1 -1
- package/dist/components/TextEditor/index.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +41 -10
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/dist/muza-ui.css +1 -1
- package/package.json +1 -1
|
@@ -62,20 +62,56 @@ export interface AccordionMultipleProps extends RadixAccordionMultipleProps {
|
|
|
62
62
|
* <Accordion type="single" variant="default" collapsible>
|
|
63
63
|
*/
|
|
64
64
|
export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
|
|
65
|
-
/**
|
|
65
|
+
/**
|
|
66
|
+
* Props for the AccordionItem component.
|
|
67
|
+
* Represents a single expandable section within an Accordion.
|
|
68
|
+
*/
|
|
66
69
|
export interface AccordionItemProps extends React.ComponentProps<typeof AccordionPrimitive.Item> {
|
|
67
|
-
/** Unique string identifying this item within the accordion. */
|
|
70
|
+
/** Unique string identifying this item within the accordion. Must be unique across sibling items. */
|
|
68
71
|
value: string;
|
|
69
72
|
/** Prevents interaction with this specific item. @default false */
|
|
70
73
|
disabled?: boolean;
|
|
71
|
-
/**
|
|
74
|
+
/**
|
|
75
|
+
* When true, clicking anywhere on the item (not just the header) toggles the open state.
|
|
76
|
+
* Set to false for items whose content contains interactive elements (forms, inputs, switches)
|
|
77
|
+
* so inner clicks don't collapse the section.
|
|
78
|
+
*
|
|
79
|
+
* @default true
|
|
80
|
+
* @example
|
|
81
|
+
* <AccordionItem value="settings" clickableContent={false}>
|
|
82
|
+
* <AccordionHeader>Settings</AccordionHeader>
|
|
83
|
+
* <AccordionContent>
|
|
84
|
+
* <Input />
|
|
85
|
+
* <Switch />
|
|
86
|
+
* </AccordionContent>
|
|
87
|
+
* </AccordionItem>
|
|
88
|
+
*/
|
|
72
89
|
clickableContent?: boolean;
|
|
73
|
-
/**
|
|
90
|
+
/**
|
|
91
|
+
* When true, the item is always expanded, non-interactive, and the chevron is hidden.
|
|
92
|
+
* The header renders as a plain element instead of a button so it stays accessible
|
|
93
|
+
* when no toggle action is available.
|
|
94
|
+
*
|
|
95
|
+
* @default false
|
|
96
|
+
* @example
|
|
97
|
+
* <AccordionItem value="always-visible" static>
|
|
98
|
+
* <AccordionHeader>Always visible</AccordionHeader>
|
|
99
|
+
* <AccordionContent>This content is always shown.</AccordionContent>
|
|
100
|
+
* </AccordionItem>
|
|
101
|
+
*/
|
|
74
102
|
static?: boolean;
|
|
75
103
|
}
|
|
76
|
-
/**
|
|
104
|
+
/**
|
|
105
|
+
* Props for the AccordionHeader component.
|
|
106
|
+
* Renders the clickable header area that toggles content visibility.
|
|
107
|
+
* Wraps and behaves as Radix's `Accordion.Header` + `Accordion.Trigger`.
|
|
108
|
+
*/
|
|
77
109
|
export type AccordionHeaderProps = React.ComponentProps<typeof AccordionPrimitive.Header>;
|
|
78
|
-
/**
|
|
110
|
+
/**
|
|
111
|
+
* Props for the AccordionContent component.
|
|
112
|
+
* Collapsible content area with built-in slide-up/slide-down animation.
|
|
113
|
+
* Wraps Radix's `Accordion.Content`.
|
|
114
|
+
*/
|
|
79
115
|
export type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;
|
|
80
116
|
declare const accordionItemVariants: (props?: ({
|
|
81
117
|
variant?: "default" | "branded" | "settings" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjE,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjE,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E;;;GAGG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAA;AAMD,QAAA,MAAM,qBAAqB;;8EAYzB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;8EAe7B,CAAA;AAED,QAAA,MAAM,6BAA6B;;8EASjC,CAAA;AA8BF,QAAA,MAAM,SAAS,GAAI,+CAIhB,cAAc,4CAahB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,wFAQpB,kBAAkB,4CAiDpB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,oBAAoB,4CA+BtB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CA6BvB,CAAA;AAED,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,GAC9B,CAAA"}
|
|
@@ -3,48 +3,102 @@ import { buttonVariants } from './buttonVariants';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
/**
|
|
5
5
|
* Props for the Button component.
|
|
6
|
-
*
|
|
7
|
-
*
|
|
6
|
+
*
|
|
7
|
+
* Extends standard button HTML attributes. CVA's inferred `iconOnly` and `size`
|
|
8
|
+
* variants are omitted from `VariantProps` and re-declared below with explicit
|
|
9
|
+
* union types so consumers see the allowed values in `.d.ts` output.
|
|
8
10
|
*/
|
|
9
11
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps<typeof buttonVariants>, 'iconOnly' | 'size'> {
|
|
10
12
|
/**
|
|
11
|
-
* Visual style variant
|
|
12
|
-
*
|
|
13
|
+
* Visual style variant.
|
|
14
|
+
*
|
|
15
|
+
* - `primary` — brand-colored solid button for the main call-to-action.
|
|
16
|
+
* - `secondary` — outlined button for secondary actions.
|
|
17
|
+
* - `tertiary` — subtle button for low-emphasis actions.
|
|
18
|
+
* - `invert` — inverted colors for dark backgrounds.
|
|
19
|
+
* - `dashed` — dashed-border button, typically for add/create actions.
|
|
20
|
+
* - `link` / `linkInvert` — text-only link-styled button.
|
|
21
|
+
*
|
|
13
22
|
* @default 'primary'
|
|
14
23
|
*/
|
|
15
24
|
variant?: 'primary' | 'secondary' | 'tertiary' | 'invert' | 'dashed' | 'link' | 'linkInvert';
|
|
16
25
|
/**
|
|
17
26
|
* Controls height and padding. The `icon` size renders a compact icon-only
|
|
18
27
|
* button with ghost styling (no background, border, or border radius).
|
|
28
|
+
*
|
|
19
29
|
* @default 'md'
|
|
20
30
|
*/
|
|
21
31
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'icon';
|
|
22
|
-
/** Stretches button to fill its container width. @default false */
|
|
32
|
+
/** Stretches the button to fill its container width. @default false */
|
|
23
33
|
fullWidth?: boolean;
|
|
24
34
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
* `
|
|
35
|
+
* Renders the single child as the root element via Radix `Slot`, merging
|
|
36
|
+
* Button's props, styles, ref, and event handlers onto it. Use for
|
|
37
|
+
* polymorphic rendering — e.g. a router `Link`, a plain `<a>`, a `<label>`,
|
|
38
|
+
* or a `<button type="submit">` — while keeping full Button styling.
|
|
39
|
+
*
|
|
40
|
+
* Icons and the `loading` spinner are injected as siblings of the child's
|
|
41
|
+
* original content.
|
|
42
|
+
*
|
|
43
|
+
* Note: the `disabled` attribute is inert on non-`<button>` children
|
|
44
|
+
* (e.g. `<a>`). Use `aria-disabled` on the child instead.
|
|
45
|
+
*
|
|
31
46
|
* @default false
|
|
47
|
+
* @example
|
|
48
|
+
* <Button asChild variant="primary">
|
|
49
|
+
* <Link href="/dashboard">Go to dashboard</Link>
|
|
50
|
+
* </Button>
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* <Button asChild variant="primary">
|
|
54
|
+
* <button type="submit">Submit form</button>
|
|
55
|
+
* </Button>
|
|
32
56
|
*/
|
|
33
57
|
asChild?: boolean;
|
|
34
|
-
/**
|
|
58
|
+
/**
|
|
59
|
+
* Icon node rendered alongside the label. Position is controlled by
|
|
60
|
+
* `iconPosition`. Omit `children` to render an icon-only button (provide
|
|
61
|
+
* `aria-label` for accessibility).
|
|
62
|
+
*
|
|
63
|
+
* @example
|
|
64
|
+
* <Button icon={<DownloadIcon />}>Download</Button>
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* <Button icon={<PlusIcon />} aria-label="Add" />
|
|
68
|
+
*/
|
|
35
69
|
icon?: React.ReactNode;
|
|
36
|
-
/**
|
|
70
|
+
/**
|
|
71
|
+
* Places `icon` before (`'start'`) or after (`'end'`) the button text.
|
|
72
|
+
* Ignored when `secondIcon` is provided.
|
|
73
|
+
*
|
|
74
|
+
* @default 'start'
|
|
75
|
+
*/
|
|
37
76
|
iconPosition?: 'start' | 'end';
|
|
38
|
-
/**
|
|
77
|
+
/**
|
|
78
|
+
* Optional trailing icon. When set, `icon` is always rendered at the start
|
|
79
|
+
* and `secondIcon` at the end, overriding `iconPosition`.
|
|
80
|
+
*
|
|
81
|
+
* @example
|
|
82
|
+
* <Button icon={<PlusIcon />} secondIcon={<ArrowRightIcon />}>Add and continue</Button>
|
|
83
|
+
*/
|
|
39
84
|
secondIcon?: React.ReactNode;
|
|
40
|
-
/**
|
|
85
|
+
/**
|
|
86
|
+
* Removes background and border, showing only text and icon with hover
|
|
87
|
+
* effects. The `icon` size always renders as ghost regardless of this prop.
|
|
88
|
+
*
|
|
89
|
+
* @default false
|
|
90
|
+
*/
|
|
41
91
|
ghost?: boolean;
|
|
42
92
|
/** Applies destructive/error styling for delete or dangerous actions. @default false */
|
|
43
93
|
danger?: boolean;
|
|
44
94
|
/**
|
|
45
|
-
* Shows a spinner overlay and disables interaction.
|
|
46
|
-
*
|
|
95
|
+
* Shows a spinner overlay and disables interaction. The label fades out but
|
|
96
|
+
* the button keeps its width, preventing layout shift during async actions.
|
|
97
|
+
*
|
|
47
98
|
* @default false
|
|
99
|
+
* @example
|
|
100
|
+
* const [saving, setSaving] = useState(false)
|
|
101
|
+
* <Button loading={saving} onClick={handleSave}>Save</Button>
|
|
48
102
|
*/
|
|
49
103
|
loading?: boolean;
|
|
50
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAqFX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
/**
|
|
4
|
+
* CVA variants for the DataTable body cells. Controls background color
|
|
5
|
+
* (`variant`) and rounded-corner/border treatment based on the cell's
|
|
6
|
+
* position in the row (`position`).
|
|
7
|
+
*/
|
|
3
8
|
declare const dataTableCellVariants: (props?: ({
|
|
4
9
|
variant?: "default" | "white" | null | undefined;
|
|
5
10
|
position?: "first" | "last" | "middle" | null | undefined;
|
|
6
11
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
12
|
/**
|
|
8
|
-
* Column definition for the DataTable component.
|
|
13
|
+
* Column definition for the DataTable component. Describes how a single column
|
|
14
|
+
* pulls its value from each row object, how its header renders, and optionally
|
|
15
|
+
* how each cell renders.
|
|
16
|
+
*
|
|
9
17
|
* @typeParam T - The type of data objects in each row
|
|
10
18
|
*
|
|
11
19
|
* @example
|
|
@@ -16,20 +24,24 @@ declare const dataTableCellVariants: (props?: ({
|
|
|
16
24
|
* ]
|
|
17
25
|
*/
|
|
18
26
|
export interface DataTableColumn<T> {
|
|
19
|
-
/** Property key
|
|
27
|
+
/** Property key on each row object whose value is displayed in this column. */
|
|
20
28
|
dataKey: keyof T;
|
|
21
|
-
/** Header label for the column. */
|
|
29
|
+
/** Header label for the column. Pass an empty string to render a blank header (e.g. an actions column). */
|
|
22
30
|
title: ReactNode;
|
|
23
|
-
/**
|
|
31
|
+
/** Extra CSS class applied to both the header cell (`<th>`) and body cells (`<td>`) of this column. */
|
|
24
32
|
className?: string;
|
|
25
33
|
/**
|
|
26
|
-
* Truncates cell text to the specified number of lines.
|
|
27
|
-
*
|
|
34
|
+
* Truncates default cell text to the specified number of lines. Has no
|
|
35
|
+
* effect when a custom `render` is provided.
|
|
36
|
+
* - `true` or `1` clamps to one line
|
|
37
|
+
* - `2` clamps to two lines
|
|
28
38
|
*/
|
|
29
39
|
lineClamp?: boolean | 1 | 2;
|
|
30
40
|
/**
|
|
31
41
|
* Custom render function for cell content. When omitted, the raw value
|
|
32
|
-
* is displayed inside a Typography component.
|
|
42
|
+
* at `dataKey` is displayed inside a Typography component. The function
|
|
43
|
+
* receives the raw value, the full row object, the row index, and the
|
|
44
|
+
* table's `disabled` state so custom cells can mirror the disabled styling.
|
|
33
45
|
*
|
|
34
46
|
* @example
|
|
35
47
|
* render: (value, rowData, rowIndex, disabled) => (
|
|
@@ -40,26 +52,51 @@ export interface DataTableColumn<T> {
|
|
|
40
52
|
}
|
|
41
53
|
/**
|
|
42
54
|
* Props for the DataTable component.
|
|
43
|
-
* Extends standard table attributes except `children` (content is driven by
|
|
55
|
+
* Extends standard table attributes except `children` (content is driven by
|
|
56
|
+
* `data` and `columns` rather than JSX children).
|
|
57
|
+
*
|
|
44
58
|
* @typeParam T - The type of data objects in each row
|
|
45
59
|
*/
|
|
46
60
|
export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'>, Omit<VariantProps<typeof dataTableCellVariants>, 'variant' | 'position'> {
|
|
47
|
-
/** Array of data objects to display as table
|
|
61
|
+
/** Array of data objects to display. Each item renders as one table row. */
|
|
48
62
|
data: T[];
|
|
49
|
-
/**
|
|
63
|
+
/**
|
|
64
|
+
* Column definitions describing headers, cell rendering, and per-column styling.
|
|
65
|
+
* @see DataTableColumn
|
|
66
|
+
*/
|
|
50
67
|
columns: DataTableColumn<T>[];
|
|
51
68
|
/** Controls visibility of the table header row. @default true */
|
|
52
69
|
showHeader?: boolean;
|
|
53
|
-
/**
|
|
70
|
+
/** Extra CSS class applied to the `<table>` element. */
|
|
54
71
|
className?: string;
|
|
55
|
-
/**
|
|
72
|
+
/**
|
|
73
|
+
* Visual style variant for row background.
|
|
74
|
+
* - `'default'` uses the primary surface color
|
|
75
|
+
* - `'white'` uses the secondary surface color (for nested/alt backgrounds)
|
|
76
|
+
*
|
|
77
|
+
* @default 'default'
|
|
78
|
+
*/
|
|
56
79
|
variant?: 'default' | 'white';
|
|
57
|
-
/**
|
|
80
|
+
/**
|
|
81
|
+
* Prevents row-click interaction and applies muted text colors. The value
|
|
82
|
+
* is also forwarded to every column's `render` callback so custom cells
|
|
83
|
+
* can reflect the disabled state.
|
|
84
|
+
*
|
|
85
|
+
* @default false
|
|
86
|
+
*/
|
|
58
87
|
disabled?: boolean;
|
|
59
88
|
/**
|
|
60
89
|
* Fires when a row is clicked (pointer only — rows are not keyboard-activatable).
|
|
61
|
-
* When provided and not `disabled`, rows get a pointer cursor
|
|
62
|
-
* hover/focus-within border on cells.
|
|
90
|
+
* When provided and the table is not `disabled`, rows get a pointer cursor
|
|
91
|
+
* and a hover/focus-within border on cells. Inner interactive elements
|
|
92
|
+
* should call `event.stopPropagation()` to prevent the row handler from firing.
|
|
93
|
+
*
|
|
94
|
+
* @example
|
|
95
|
+
* <DataTable
|
|
96
|
+
* data={users}
|
|
97
|
+
* columns={columns}
|
|
98
|
+
* onRowClick={(rowData, rowIndex) => openDetail(rowData.id)}
|
|
99
|
+
* />
|
|
63
100
|
*/
|
|
64
101
|
onRowClick?: (rowData: T, rowIndex: number) => void;
|
|
65
102
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;;GAIG;AACH,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,2GAA2G;IAC3G,KAAK,EAAE,SAAS,CAAA;IAChB,uGAAuG;IACvG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,4EAA4E;IAC5E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;;OAGG;IACH,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,mFASpB,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
|
|
@@ -3,29 +3,44 @@ import { DateRange } from 'react-day-picker';
|
|
|
3
3
|
import { CalendarBaseProps } from '../Calendar';
|
|
4
4
|
import { PopoverContentProps } from '../Popover/Popover';
|
|
5
5
|
import { Presets } from './utils/getDateRange';
|
|
6
|
+
/**
|
|
7
|
+
* Custom class names for DatePicker internal elements.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* classNames={{ popoverTrigger: 'w-full', input: 'rounded-lg' }}
|
|
11
|
+
*/
|
|
12
|
+
export type DatePickerClassNames = Partial<{
|
|
13
|
+
/** Class applied to the Radix popover trigger wrapping the input. */
|
|
14
|
+
popoverTrigger: string;
|
|
15
|
+
/** Class applied to the popover content container. */
|
|
16
|
+
popoverContent: string;
|
|
17
|
+
/** Class applied to the default Input trigger. */
|
|
18
|
+
input: string;
|
|
19
|
+
/** Class applied to each preset button in the left panel. */
|
|
20
|
+
leftPanelButton: string;
|
|
21
|
+
}>;
|
|
6
22
|
/**
|
|
7
23
|
* Props for the DatePicker component.
|
|
8
24
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
25
|
+
* Discriminated union on `mode`: `'single'` for picking one date, `'range'` for a start-end range.
|
|
26
|
+
* The `mode` value narrows `value`, `defaultValue`, `onChange`, and `dateFormatter`
|
|
27
|
+
* to the matching type — see {@link DatePickerSingleProps} and {@link DatePickerRangeProps}.
|
|
11
28
|
*
|
|
12
|
-
* Also inherits calendar layout
|
|
13
|
-
* (e.g. `hideNavigation`, `hideCaption`, `showOutsideDays`,
|
|
29
|
+
* Also inherits calendar layout and visibility props from {@link CalendarBaseProps}
|
|
30
|
+
* (e.g. `hideNavigation`, `hideCaption`, `showOutsideDays`, `weekStartsOn`, `disabledDates`).
|
|
14
31
|
*/
|
|
15
32
|
export type DatePickerProps = {
|
|
16
|
-
/**
|
|
33
|
+
/** Horizontal alignment of the calendar popover relative to the trigger. */
|
|
17
34
|
alignCalendar?: 'center' | 'end' | 'start';
|
|
18
35
|
/**
|
|
19
|
-
*
|
|
36
|
+
* Preset date range shortcuts shown in the left panel (range mode only).
|
|
20
37
|
* Each preset has a display `name` and a `type` matching a built-in range calculation.
|
|
21
38
|
*
|
|
22
39
|
* @example
|
|
23
|
-
* ```tsx
|
|
24
40
|
* allowedPresets={[
|
|
25
41
|
* { name: 'Today', type: 'Today' },
|
|
26
42
|
* { name: 'Last 7 days', type: 'Last 7 days' },
|
|
27
43
|
* ]}
|
|
28
|
-
* ```
|
|
29
44
|
*
|
|
30
45
|
* @see Presets
|
|
31
46
|
*/
|
|
@@ -33,35 +48,26 @@ export type DatePickerProps = {
|
|
|
33
48
|
name: string;
|
|
34
49
|
type: (typeof Presets)[number];
|
|
35
50
|
}[];
|
|
36
|
-
/**
|
|
51
|
+
/** Controlled open state of the calendar popover. */
|
|
37
52
|
open?: boolean;
|
|
38
53
|
/** Fires when the popover open state changes. */
|
|
39
54
|
onOpenChange?: (open: boolean) => void;
|
|
40
55
|
/**
|
|
41
56
|
* Custom class names for internal elements.
|
|
42
|
-
*
|
|
43
|
-
* @example
|
|
44
|
-
* ```tsx
|
|
45
|
-
* classNames={{ popoverTrigger: 'w-full', input: 'rounded-lg' }}
|
|
46
|
-
* ```
|
|
57
|
+
* @see DatePickerClassNames
|
|
47
58
|
*/
|
|
48
|
-
classNames?:
|
|
49
|
-
popoverTrigger: string;
|
|
50
|
-
popoverContent: string;
|
|
51
|
-
input: string;
|
|
52
|
-
leftPanelButton: string;
|
|
53
|
-
}>;
|
|
59
|
+
classNames?: DatePickerClassNames;
|
|
54
60
|
/** Prevents interaction and applies disabled styling. */
|
|
55
61
|
disabled?: boolean;
|
|
56
62
|
/** Applies error styling with red border to the input. */
|
|
57
63
|
error?: boolean;
|
|
58
|
-
/**
|
|
64
|
+
/** Label text displayed above the input. */
|
|
59
65
|
label?: string;
|
|
60
|
-
/**
|
|
66
|
+
/** Helper text displayed below the input. */
|
|
61
67
|
hint?: string;
|
|
62
68
|
/** Placeholder text shown when no date is selected. */
|
|
63
69
|
placeholder?: string;
|
|
64
|
-
/**
|
|
70
|
+
/** Side of the trigger the calendar popover opens on. @default 'bottom' */
|
|
65
71
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
66
72
|
/** Prevents the popover from overflowing viewport boundaries. @default true */
|
|
67
73
|
avoidCollisions?: boolean;
|
|
@@ -79,24 +85,48 @@ export type DatePickerProps = {
|
|
|
79
85
|
/** Replaces the default Input trigger with a custom rendered element. */
|
|
80
86
|
renderCustomTrigger?: () => ReactNode;
|
|
81
87
|
/**
|
|
82
|
-
* Controls reset button behavior. When true
|
|
83
|
-
* When false or omitted, reset reverts to the last confirmed value.
|
|
88
|
+
* Controls reset button behavior. When `true`, reset restores `defaultValue`.
|
|
89
|
+
* When `false` or omitted, reset reverts to the last confirmed value.
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* // Reset clears the field (defaultValue is undefined)
|
|
93
|
+
* <DatePicker shouldResetToDefaultValue defaultValue={undefined} />
|
|
84
94
|
*/
|
|
85
95
|
shouldResetToDefaultValue?: boolean;
|
|
86
|
-
/**
|
|
96
|
+
/**
|
|
97
|
+
* Calls `onChange` immediately on every calendar click instead of waiting for
|
|
98
|
+
* confirm. Bottom bar buttons remain visible unless {@link hideBottomBar} is true.
|
|
99
|
+
* Reset reverts to the value the popover was opened with.
|
|
100
|
+
*/
|
|
87
101
|
immediateCommit?: boolean;
|
|
88
|
-
/**
|
|
102
|
+
/**
|
|
103
|
+
* Range mode only. Replicates react-day-picker v8 same-day range behavior
|
|
104
|
+
* (no longer supported natively in v9): first click sets start, second click
|
|
105
|
+
* sets end (same day allowed). A third click on the same day cycles back:
|
|
106
|
+
* - `required={false}`: selected → one-day range → cleared → selected
|
|
107
|
+
* - otherwise: selected → one-day range → selected
|
|
108
|
+
*/
|
|
89
109
|
allowOneDayRange?: boolean;
|
|
90
|
-
/**
|
|
110
|
+
/**
|
|
111
|
+
* Marks the field as required and displays an asterisk on the label.
|
|
112
|
+
* Also forwarded to the underlying Calendar — when explicitly set to `false`,
|
|
113
|
+
* dates can be deselected by clicking the selected date again.
|
|
114
|
+
*/
|
|
91
115
|
required?: boolean;
|
|
92
116
|
/** Hides the required asterisk even when `required` is true. @default false */
|
|
93
117
|
disableRequiredAsterisk?: boolean;
|
|
94
|
-
/** Number of months
|
|
118
|
+
/** Number of months displayed side by side. @default 2 on desktop, 1 on mobile */
|
|
95
119
|
numberOfMonths?: 1 | 2;
|
|
96
|
-
/**
|
|
120
|
+
/**
|
|
121
|
+
* Hides the entire bottom bar (text, reset button, and confirm button).
|
|
122
|
+
* Only effective when `immediateCommit` is true. @default false
|
|
123
|
+
*/
|
|
97
124
|
hideBottomBar?: boolean;
|
|
98
125
|
} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter' | 'required'> & (DatePickerRangeProps | DatePickerSingleProps);
|
|
99
|
-
/**
|
|
126
|
+
/**
|
|
127
|
+
* Props for date range selection mode (`mode: 'range'`).
|
|
128
|
+
* Narrows `value`, `defaultValue`, `onChange`, and `dateFormatter` to `DateRange`.
|
|
129
|
+
*/
|
|
100
130
|
export type DatePickerRangeProps = {
|
|
101
131
|
/** Enables date range selection with start and end dates. */
|
|
102
132
|
mode: 'range';
|
|
@@ -104,12 +134,15 @@ export type DatePickerRangeProps = {
|
|
|
104
134
|
value?: DateRange | undefined;
|
|
105
135
|
/** Initial date range for uncontrolled usage. */
|
|
106
136
|
defaultValue?: DateRange | undefined;
|
|
107
|
-
/** Fires when a date range
|
|
137
|
+
/** Fires when a date range is confirmed, or `undefined` when deselected (`required={false}`). */
|
|
108
138
|
onChange?: (date: DateRange | undefined) => void;
|
|
109
|
-
/** Custom
|
|
139
|
+
/** Custom formatter for the date range displayed in the input trigger. */
|
|
110
140
|
dateFormatter?: (date: DateRange) => string;
|
|
111
141
|
};
|
|
112
|
-
/**
|
|
142
|
+
/**
|
|
143
|
+
* Props for single date selection mode (`mode: 'single'`).
|
|
144
|
+
* Narrows `value`, `defaultValue`, `onChange`, and `dateFormatter` to `Date`.
|
|
145
|
+
*/
|
|
113
146
|
export type DatePickerSingleProps = {
|
|
114
147
|
/** Enables single date selection. */
|
|
115
148
|
mode: 'single';
|
|
@@ -117,9 +150,9 @@ export type DatePickerSingleProps = {
|
|
|
117
150
|
value?: Date | undefined;
|
|
118
151
|
/** Initial date for uncontrolled usage. */
|
|
119
152
|
defaultValue?: Date | undefined;
|
|
120
|
-
/** Fires when a
|
|
153
|
+
/** Fires when a date is confirmed, or `undefined` when deselected (`required={false}`). */
|
|
121
154
|
onChange?: (date: Date | undefined) => void;
|
|
122
|
-
/** Custom
|
|
155
|
+
/** Custom formatter for the date displayed in the input trigger. */
|
|
123
156
|
dateFormatter?: (date: Date) => string;
|
|
124
157
|
};
|
|
125
158
|
export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,sBAAsB,CAAA;AAGjE
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,sBAAsB,CAAA;AAGjE;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACzC,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAA;IACtB,sDAAsD;IACtD,cAAc,EAAE,MAAM,CAAA;IACtB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAC1C;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;KAAE,EAAE,CAAA;IACnE,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;;;OASG;IACH,mBAAmB,CAAC,EAAE,IAAI,CACxB,mBAAmB,EACnB,OAAO,GAAG,MAAM,GAAG,iBAAiB,GAAG,WAAW,CACnD,CAAA;IACD,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,SAAS,CAAA;IACrC;;;;;;;OAOG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kFAAkF;IAClF,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GAAG,IAAI,CACN,iBAAiB,EACf,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,YAAY,GACZ,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,UAAU,CACb,GACC,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,CAAA;AAEhD;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,6DAA6D;IAC7D,IAAI,EAAE,OAAO,CAAA;IACb,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC7B,iDAAiD;IACjD,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,iGAAiG;IACjG,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IAChD,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAA;CAC5C,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,qCAAqC;IACrC,IAAI,EAAE,QAAQ,CAAA;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC/B,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3C,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,UAAU,8GA6PtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2KjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}
|
|
@@ -4,17 +4,13 @@ declare const edgeButtonVariants: (props?: ({
|
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
5
|
/**
|
|
6
6
|
* Props for the EdgeButton component.
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* rounded top-left corner design and primary brand styling.
|
|
7
|
+
* Extends standard button HTML attributes. `disabled` is re-declared on the
|
|
8
|
+
* interface so JSDoc flows into the generated `.d.ts` output.
|
|
10
9
|
*/
|
|
11
10
|
export interface EdgeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
12
|
-
/** Button text content displayed next to the icon. */
|
|
11
|
+
/** Button text content displayed next to the icon. Rendered with Typography (cta, medium, base). */
|
|
13
12
|
text?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Prevents user interaction and applies disabled styling with reduced opacity.
|
|
16
|
-
* @default false
|
|
17
|
-
*/
|
|
13
|
+
/** Prevents interaction and applies disabled styling. @default false */
|
|
18
14
|
disabled?: boolean;
|
|
19
15
|
/**
|
|
20
16
|
* When true, merges EdgeButton props/styles onto the single child element via
|
|
@@ -24,11 +20,14 @@ export interface EdgeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
|
|
|
24
20
|
* Note: `disabled` has no effect on non-`<button>` children — use
|
|
25
21
|
* `aria-disabled` on the child instead.
|
|
26
22
|
* @default false
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* <EdgeButton asChild text="Help">
|
|
26
|
+
* <a href="/help" />
|
|
27
|
+
* </EdgeButton>
|
|
27
28
|
*/
|
|
28
29
|
asChild?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Leading icon element positioned before the text.
|
|
31
|
-
*/
|
|
30
|
+
/** Leading icon node rendered before the text. Sized to `size-icon-medium`. */
|
|
32
31
|
icon?: React.ReactNode;
|
|
33
32
|
}
|
|
34
33
|
declare const EdgeButton: React.ForwardRefExoticComponent<EdgeButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,kBAAkB;;8EAwBvB,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,kBAAkB;;8EAwBvB,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,UAAU,2FAmFf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}
|