@voxel51/voodo 2.8.0 → 2.9.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.
Files changed (70) hide show
  1. package/dist/components/Button/Button.d.ts +15 -1
  2. package/dist/components/Button/Button.d.ts.map +1 -1
  3. package/dist/components/DataTable/DataTable.d.ts +115 -0
  4. package/dist/components/DataTable/DataTable.d.ts.map +1 -0
  5. package/dist/components/DataTable/index.d.ts +2 -0
  6. package/dist/components/DataTable/index.d.ts.map +1 -0
  7. package/dist/components/Drawer/Drawer.d.ts +24 -8
  8. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  9. package/dist/components/Drawer/index.d.ts +1 -1
  10. package/dist/components/Drawer/index.d.ts.map +1 -1
  11. package/dist/components/Dropdown/DropdownTrigger.d.ts +25 -9
  12. package/dist/components/Dropdown/DropdownTrigger.d.ts.map +1 -1
  13. package/dist/components/Icons/Icon.d.ts.map +1 -1
  14. package/dist/components/Icons/icons.d.ts +1 -0
  15. package/dist/components/Icons/icons.d.ts.map +1 -1
  16. package/dist/components/Modal/Modal.d.ts.map +1 -1
  17. package/dist/components/OverflowRow/OverflowRow.d.ts +49 -0
  18. package/dist/components/OverflowRow/OverflowRow.d.ts.map +1 -0
  19. package/dist/components/OverflowRow/index.d.ts +2 -0
  20. package/dist/components/OverflowRow/index.d.ts.map +1 -0
  21. package/dist/components/Popover/Popover.d.ts +7 -0
  22. package/dist/components/Popover/Popover.d.ts.map +1 -1
  23. package/dist/components/Select/Select.d.ts.map +1 -1
  24. package/dist/components/Sheet/Sheet.d.ts +6 -0
  25. package/dist/components/Sheet/Sheet.d.ts.map +1 -1
  26. package/dist/components/Stack/Stack.d.ts +15 -2
  27. package/dist/components/Stack/Stack.d.ts.map +1 -1
  28. package/dist/components/Table/Table.d.ts +6 -2
  29. package/dist/components/Table/Table.d.ts.map +1 -1
  30. package/dist/components/Text/Text.d.ts +9 -0
  31. package/dist/components/Text/Text.d.ts.map +1 -1
  32. package/dist/components/TextAction/TextAction.d.ts +18 -1
  33. package/dist/components/TextAction/TextAction.d.ts.map +1 -1
  34. package/dist/components/Tooltip/ActionTooltip.d.ts +17 -0
  35. package/dist/components/Tooltip/ActionTooltip.d.ts.map +1 -0
  36. package/dist/components/Tooltip/Tooltip.d.ts +3 -2
  37. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  38. package/dist/components/Tooltip/TooltipLabel.d.ts +28 -0
  39. package/dist/components/Tooltip/TooltipLabel.d.ts.map +1 -0
  40. package/dist/components/Tooltip/index.d.ts +1 -0
  41. package/dist/components/Tooltip/index.d.ts.map +1 -1
  42. package/dist/components/index.d.ts +2 -0
  43. package/dist/components/index.d.ts.map +1 -1
  44. package/dist/index.cjs +1 -1
  45. package/dist/index.cjs.map +1 -1
  46. package/dist/index.d.ts +9 -0
  47. package/dist/index.d.ts.map +1 -1
  48. package/dist/index.js +5125 -4383
  49. package/dist/index.js.map +1 -1
  50. package/dist/styles/collapse.d.ts +13 -0
  51. package/dist/styles/collapse.d.ts.map +1 -0
  52. package/dist/types/icons.d.ts +2 -0
  53. package/dist/types/icons.d.ts.map +1 -1
  54. package/dist/util/breakpoints.d.ts +37 -0
  55. package/dist/util/breakpoints.d.ts.map +1 -0
  56. package/dist/util/compact.d.ts +31 -0
  57. package/dist/util/compact.d.ts.map +1 -0
  58. package/dist/util/useClippedItems.d.ts +31 -0
  59. package/dist/util/useClippedItems.d.ts.map +1 -0
  60. package/dist/util/useCompactRow.d.ts +40 -0
  61. package/dist/util/useCompactRow.d.ts.map +1 -0
  62. package/dist/util/useElementSize.d.ts.map +1 -1
  63. package/dist/util/useMediaQuery.d.ts +17 -0
  64. package/dist/util/useMediaQuery.d.ts.map +1 -0
  65. package/dist/util/useOverflowFit.d.ts +57 -0
  66. package/dist/util/useOverflowFit.d.ts.map +1 -0
  67. package/dist/util/useScrollEdges.d.ts +12 -0
  68. package/dist/util/useScrollEdges.d.ts.map +1 -0
  69. package/dist/voodo.css +1 -1
  70. package/package.json +1 -1
@@ -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
@@ -25,10 +26,13 @@ import { FC, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
25
26
  * ```
26
27
  *
27
28
  * @param className Additional CSS class names to apply to the table.
29
+ * @param wrapperClassName Additional CSS class names to apply to the scroll box around the table.
28
30
  * @param children The table sections.
29
31
  * @param props Additional HTML properties to apply to the table.
30
32
  */
31
- export declare const Table: FC<HTMLAttributes<HTMLTableElement>>;
33
+ export declare const Table: FC<HTMLAttributes<HTMLTableElement> & {
34
+ wrapperClassName?: string;
35
+ }>;
32
36
  /**
33
37
  * A table row. A row with an `onClick` gets a pointer cursor and a hover
34
38
  * highlight; a row without one stays static.
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAkBtD,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"}
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;AAef;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CACpB,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBjE,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,CAanE,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,10 @@ 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. The text is then
42
+ * wrapped in a block `div`: `className` lands on the inner `span`, not on the
43
+ * wrapper, so size it from the parent, and do not nest it inside a `p`.
35
44
  * @param children The content wrapped by this component.
36
45
  * @param className `class` overrides to apply to the component.
37
46
  * @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,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,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;CACpB;AAKD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAiC9B,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;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;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EAKL,IAAI,EAIL,MAAM,SAAS,CAAC;AAEjB,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;CAC1B;AAiBD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwC1C,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. It stays
15
+ * A tooltip which appears when hovering over the wrapped content, or for a
16
+ * moment after a long press on a touch screen (a tap does not show it). 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;AAkBD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA+GpC,CAAC"}
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;AAwBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAiKpC,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,2 +1,3 @@
1
1
  export * from './Tooltip';
2
+ export * from './TooltipLabel';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -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"}