@voxel51/voodo 2.7.0 → 2.8.0-responsive.1
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/Button/Button.d.ts +15 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.d.ts +83 -0
- package/dist/components/DataTable/DataTable.d.ts.map +1 -0
- package/dist/components/DataTable/index.d.ts +2 -0
- package/dist/components/DataTable/index.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.d.ts +24 -8
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Dropdown/DropdownTrigger.d.ts +25 -9
- package/dist/components/Dropdown/DropdownTrigger.d.ts.map +1 -1
- package/dist/components/Icons/Icon.d.ts.map +1 -1
- package/dist/components/Icons/icons.d.ts +4 -0
- package/dist/components/Icons/icons.d.ts.map +1 -1
- package/dist/components/Menu/MenuIconTextItem.d.ts +14 -1
- package/dist/components/Menu/MenuIconTextItem.d.ts.map +1 -1
- package/dist/components/Menu/MenuSectionTitle.d.ts +13 -0
- package/dist/components/Menu/MenuSectionTitle.d.ts.map +1 -1
- package/dist/components/OverflowRow/OverflowRow.d.ts +49 -0
- package/dist/components/OverflowRow/OverflowRow.d.ts.map +1 -0
- package/dist/components/OverflowRow/index.d.ts +2 -0
- package/dist/components/OverflowRow/index.d.ts.map +1 -0
- package/dist/components/Popover/Popover.d.ts +7 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Sheet/Sheet.d.ts +6 -0
- package/dist/components/Sheet/Sheet.d.ts.map +1 -1
- package/dist/components/Stack/Stack.d.ts +15 -2
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Table/Table.d.ts +2 -1
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Text/Text.d.ts +7 -0
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/TextAction/TextAction.d.ts +18 -1
- package/dist/components/TextAction/TextAction.d.ts.map +1 -1
- package/dist/components/Tooltip/ActionTooltip.d.ts +17 -0
- package/dist/components/Tooltip/ActionTooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +3 -2
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/TooltipLabel.d.ts +28 -0
- package/dist/components/Tooltip/TooltipLabel.d.ts.map +1 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/Tooltip/index.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 +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5022 -4369
- package/dist/index.js.map +1 -1
- package/dist/styles/collapse.d.ts +13 -0
- package/dist/styles/collapse.d.ts.map +1 -0
- package/dist/types/icons.d.ts +2 -0
- package/dist/types/icons.d.ts.map +1 -1
- package/dist/util/breakpoints.d.ts +37 -0
- package/dist/util/breakpoints.d.ts.map +1 -0
- package/dist/util/compact.d.ts +31 -0
- package/dist/util/compact.d.ts.map +1 -0
- package/dist/util/useClippedItems.d.ts +31 -0
- package/dist/util/useClippedItems.d.ts.map +1 -0
- package/dist/util/useCompactRow.d.ts +40 -0
- package/dist/util/useCompactRow.d.ts.map +1 -0
- package/dist/util/useElementSize.d.ts.map +1 -1
- package/dist/util/useMediaQuery.d.ts +16 -0
- package/dist/util/useMediaQuery.d.ts.map +1 -0
- package/dist/util/useOverflowFit.d.ts +57 -0
- package/dist/util/useOverflowFit.d.ts.map +1 -0
- package/dist/voodo.css +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { Align, Justify, Orientation, Spacing } from '../../types';
|
|
3
3
|
export interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
align?: Align;
|
|
5
5
|
justify?: Justify;
|
|
6
6
|
orientation?: Orientation;
|
|
7
7
|
spacing?: Spacing;
|
|
8
|
+
/** Lets children flow onto further lines when they do not fit on one. */
|
|
9
|
+
wrap?: boolean;
|
|
10
|
+
/** Keeps children on one line that scrolls sideways, with no scrollbar; children keep their width. */
|
|
11
|
+
scroll?: boolean;
|
|
8
12
|
}
|
|
9
13
|
/**
|
|
10
14
|
* A layout component which organizes children into a vertical or horizontal stack.
|
|
@@ -29,6 +33,13 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
29
33
|
*
|
|
30
34
|
* @example
|
|
31
35
|
* ```tsx
|
|
36
|
+
* <Stack orientation="row" spacing="sm" scroll>
|
|
37
|
+
* <DropdownTrigger borderless>Status</DropdownTrigger>
|
|
38
|
+
* <DropdownTrigger borderless>Sort</DropdownTrigger>
|
|
39
|
+
* </Stack>
|
|
40
|
+
* ```
|
|
41
|
+
* @example
|
|
42
|
+
* ```tsx
|
|
32
43
|
* <Stack orientation="row" align="center" justify="between">
|
|
33
44
|
* <Text>Left</Text>
|
|
34
45
|
* <Text>Middle</Text>
|
|
@@ -40,9 +51,11 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
40
51
|
* @param justify Justification of children along the stack's primary axis. See {@link Justify}.
|
|
41
52
|
* @param orientation Orientation of the stack. See {@link Orientation}.
|
|
42
53
|
* @param spacing Spacing between child components in the stack. See {@link Spacing}.
|
|
54
|
+
* @param wrap If `true`, children flow onto further lines when they do not fit on one.
|
|
55
|
+
* @param scroll If `true`, children stay on one line that scrolls sideways with a hidden scrollbar, each at its own width (filter pill rows on a phone).
|
|
43
56
|
* @param children Content which is wrapped by this component.
|
|
44
57
|
* @param className `class` overrides to apply to the component.
|
|
45
58
|
* @param props Additional HTML properties to apply to the component.
|
|
46
59
|
*/
|
|
47
|
-
export declare const Stack:
|
|
60
|
+
export declare const Stack: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
48
61
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAG/D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,KAAK,uGAmCjB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
* A styled data table.
|
|
3
|
+
* A styled data table. It scrolls sideways inside its own box when the
|
|
4
|
+
* columns are wider than the space it has.
|
|
4
5
|
*
|
|
5
6
|
* Compose it from {@link TableHeader}, {@link TableBody}, {@link TableRow},
|
|
6
7
|
* {@link TableHead} and {@link TableCell}. Each renders its native table
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAiBf
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAiBf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAoBtD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAqB5D,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAiBnE,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAKjE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC"}
|
|
@@ -12,6 +12,8 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
12
12
|
color?: ThemeableColor | (string & {});
|
|
13
13
|
/** Fills the text with the expressive gradient, overriding `color`. */
|
|
14
14
|
gradient?: boolean;
|
|
15
|
+
/** Keeps the text on one line, cut with an ellipsis; a cut text shows in full in a tooltip. */
|
|
16
|
+
truncate?: boolean;
|
|
15
17
|
}
|
|
16
18
|
/**
|
|
17
19
|
* A basic text component.
|
|
@@ -25,6 +27,9 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
25
27
|
* <Text variant="body-secondary" color="text-secondary">
|
|
26
28
|
* Supporting detail
|
|
27
29
|
* </Text>
|
|
30
|
+
* <Text variant="heading-lg" truncate>
|
|
31
|
+
* A title that may not fit
|
|
32
|
+
* </Text>
|
|
28
33
|
* ```
|
|
29
34
|
*
|
|
30
35
|
* @param variant The text's role in the type tier, which sets its size, line
|
|
@@ -32,6 +37,8 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
32
37
|
* variants (`"xxs"` to `"xxl"`) are deprecated. See {@link TextVariant}.
|
|
33
38
|
* @param color The color of the text. See {@link TextProps.color}.
|
|
34
39
|
* @param gradient Fills the text with the expressive gradient, overriding `color`.
|
|
40
|
+
* @param truncate Keeps the text on one line, cut with an ellipsis; when cut,
|
|
41
|
+
* hovering or tapping it shows it in full in a tooltip.
|
|
35
42
|
* @param children The content wrapped by this component.
|
|
36
43
|
* @param className `class` overrides to apply to the component.
|
|
37
44
|
* @param props Additional HTML properties to apply to the component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,KAAK,cAAc,EAGnB,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAmD9B,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes, FC } from 'react';
|
|
1
|
+
import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
|
|
2
2
|
import { IconInput } from '../Icons';
|
|
3
|
+
import { Collapse } from '../../styles/collapse';
|
|
3
4
|
import { Size } from '../../types';
|
|
4
5
|
type TextActionSize = `${Size.Sm | Size.Md | Size.Lg}`;
|
|
5
6
|
export type TextActionTone = "default" | "danger";
|
|
@@ -8,10 +9,24 @@ export interface TextActionProps extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
8
9
|
tone?: TextActionTone;
|
|
9
10
|
leadingIcon?: IconInput;
|
|
10
11
|
trailingIcon?: IconInput;
|
|
12
|
+
/**
|
|
13
|
+
* Hides the label below a breakpoint, leaving the icons: `true` or `"lg"`
|
|
14
|
+
* below 1024px, `"sm"` below 640px, `"always"` at every width, `"auto"`
|
|
15
|
+
* while the enclosing row is compact. Give it an `aria-label`.
|
|
16
|
+
*/
|
|
17
|
+
collapse?: Collapse;
|
|
18
|
+
/**
|
|
19
|
+
* More about the action, such as why it is disabled: its tooltip, under its
|
|
20
|
+
* name while the label is collapsed.
|
|
21
|
+
*/
|
|
22
|
+
hint?: ReactNode;
|
|
11
23
|
}
|
|
12
24
|
/**
|
|
13
25
|
* A borderless pill for secondary actions: secondary text that fills on hover.
|
|
14
26
|
*
|
|
27
|
+
* As a toggle, pass `aria-pressed`: while it is `true` the pill keeps its
|
|
28
|
+
* hover fill and primary text.
|
|
29
|
+
*
|
|
15
30
|
* @example
|
|
16
31
|
* ```tsx
|
|
17
32
|
* <TextAction size="sm" trailingIcon={ArrowUpRightIcon} onClick={upgrade}>
|
|
@@ -23,6 +38,8 @@ export interface TextActionProps extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
23
38
|
* @param tone `"danger"` colors the label as a destructive action. Defaults to `"default"`.
|
|
24
39
|
* @param leadingIcon Optional icon before the label: a per-icon component.
|
|
25
40
|
* @param trailingIcon Optional icon after the label: a per-icon component.
|
|
41
|
+
* @param collapse Hides the label below a breakpoint, leaving the icons: `true` or `"lg"` below 1024px, `"sm"` below 640px, `"always"` at every width, `"auto"` while the enclosing row is compact (then its tooltip names it). Pass an `aria-label`, since the label no longer names the button.
|
|
42
|
+
* @param hint More about the action, such as why it is disabled: its tooltip, under its name while the label is collapsed.
|
|
26
43
|
* @param className Additional CSS class names to apply to the button.
|
|
27
44
|
* @param children The label.
|
|
28
45
|
* @param props Additional HTML button properties, such as `onClick`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAction.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/TextAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextAction.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/TextAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAuB,EACrB,KAAK,QAAQ,EAGd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAKL,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,cAAc,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAqCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwE1C,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC, ReactElement, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* The tooltip of an action that may drop or shorten its label: its name and
|
|
4
|
+
* hint while collapsed or while its label is cut short, its hint alone
|
|
5
|
+
* otherwise, nothing without either.
|
|
6
|
+
*
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export declare const ActionTooltip: FC<{
|
|
10
|
+
collapsed: boolean;
|
|
11
|
+
/** The label may be cut short by its row: check on hover or tap. */
|
|
12
|
+
truncatable?: boolean;
|
|
13
|
+
label?: ReactNode;
|
|
14
|
+
hint?: ReactNode;
|
|
15
|
+
children: ReactElement;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=ActionTooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/ActionTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAOf;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;CACxB,CAkBA,CAAC"}
|
|
@@ -12,7 +12,8 @@ export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "cont
|
|
|
12
12
|
wrapperClassName?: string;
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
|
-
* A tooltip which appears when hovering over the wrapped content
|
|
15
|
+
* A tooltip which appears when hovering over the wrapped content, or for a
|
|
16
|
+
* moment after a tap on a touch screen. It stays
|
|
16
17
|
* inside the viewport: it flips to the opposite side when its own side has no
|
|
17
18
|
* room, slides along that side near an edge with its arrow still on the
|
|
18
19
|
* content, and follows the content on scroll and resize.
|
|
@@ -27,7 +28,7 @@ export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "cont
|
|
|
27
28
|
* @param anchor Preferred position of the tooltip relative to its content: `"top"`, `"right"`, `"bottom"` or `"left"`. Defaults to `"top"`. See {@link TooltipAnchor}.
|
|
28
29
|
* @param avoidCollisions If `true` (the default), the tooltip flips and shifts to stay inside the viewport.
|
|
29
30
|
* @param collisionPadding Minimum distance, in pixels, kept between the tooltip and the viewport edge. Defaults to `8`.
|
|
30
|
-
* @param content The content of the tooltip.
|
|
31
|
+
* @param content The content of the tooltip. `null` shows none, leaving only the wrapped content.
|
|
31
32
|
* @param children The content which this component wraps; this acts as the element anchor and the hover trigger.
|
|
32
33
|
* @param className `class` overrides to apply to the tooltip panel.
|
|
33
34
|
* @param interactive If `true`, the tooltip stays open while the pointer moves from the content
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EACL,MAAM,EAIN,MAAM,EAMP,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,aAAa,GAAG,GAAG,OAAO,CACpC,MAAM,EACN,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CACxD,EAAE,CAAC;AAEJ,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EACL,MAAM,EAIN,MAAM,EAMP,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,aAAa,GAAG,GAAG,OAAO,CACpC,MAAM,EACN,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CACxD,EAAE,CAAC;AAEJ,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0HpC,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
export interface TooltipLabelProps {
|
|
3
|
+
/** What the control is, e.g. its label once only its icon shows. */
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
/** What else to know about it: why it is disabled, its value, a shortcut. */
|
|
6
|
+
detail?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Tooltip content naming a control, with an optional detail under it, so a
|
|
10
|
+
* control that drops its label (icon-only on a narrow screen) still says what
|
|
11
|
+
* it is and why it is disabled, or what it is set to.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Tooltip
|
|
16
|
+
* content={
|
|
17
|
+
* <TooltipLabel label="Show only selected" detail="No members in this scope" />
|
|
18
|
+
* }
|
|
19
|
+
* >
|
|
20
|
+
* <IconAction icon={FilterAltIcon} aria-label="Show only selected" disabled />
|
|
21
|
+
* </Tooltip>
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* @param label What the control is.
|
|
25
|
+
* @param detail What else to know about it: why it is disabled, its value, a shortcut.
|
|
26
|
+
*/
|
|
27
|
+
export declare const TooltipLabel: FC<TooltipLabelProps>;
|
|
28
|
+
//# sourceMappingURL=TooltipLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3C,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,KAAK,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAc9C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC"}
|
|
@@ -7,6 +7,7 @@ export * from './Clickable';
|
|
|
7
7
|
export * from './Collapsible';
|
|
8
8
|
export * from './Combobox';
|
|
9
9
|
export * from './ContextMenu';
|
|
10
|
+
export * from './DataTable';
|
|
10
11
|
export * from './Datepicker';
|
|
11
12
|
export * from './Divider';
|
|
12
13
|
export * from './Drawer';
|
|
@@ -25,6 +26,7 @@ export * from './Loader';
|
|
|
25
26
|
export * from './LoadingDots';
|
|
26
27
|
export * from './Menu';
|
|
27
28
|
export * from './Modal';
|
|
29
|
+
export * from './OverflowRow';
|
|
28
30
|
export * from './Pagination';
|
|
29
31
|
export * from './Pill';
|
|
30
32
|
export * from './Popover';
|
|
@@ -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,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,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,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,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,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,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,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|