@navikt/ds-react 6.10.0 → 6.11.0

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 (143) hide show
  1. package/cjs/collapsible/parts/Collapsible.Content.js +1 -1
  2. package/cjs/collapsible/parts/Collapsible.Trigger.js +1 -1
  3. package/cjs/date/datepicker/types.d.ts +1 -1
  4. package/cjs/date/monthpicker/types.d.ts +1 -1
  5. package/cjs/form/file-upload/parts/Trigger.js +1 -1
  6. package/cjs/form/file-upload/parts/item/Item.d.ts +5 -0
  7. package/cjs/form/file-upload/parts/item/Item.js +2 -2
  8. package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
  9. package/cjs/layout/base/BasePrimitive.d.ts +135 -0
  10. package/cjs/layout/base/BasePrimitive.js +40 -0
  11. package/cjs/layout/base/BasePrimitive.js.map +1 -0
  12. package/cjs/layout/bleed/Bleed.js +1 -1
  13. package/cjs/layout/box/Box.d.ts +10 -4
  14. package/cjs/layout/box/Box.js.map +1 -1
  15. package/cjs/layout/page/Page.d.ts +4 -3
  16. package/cjs/layout/page/Page.js.map +1 -1
  17. package/cjs/layout/responsive/Responsive.js +1 -1
  18. package/cjs/layout/utilities/types.d.ts +2 -1
  19. package/cjs/list/ListItem.js +2 -2
  20. package/cjs/list/ListItem.js.map +1 -1
  21. package/cjs/modal/dialog-polyfill.js +0 -3
  22. package/cjs/modal/dialog-polyfill.js.map +1 -1
  23. package/cjs/overlays/dismissablelayer/DismissableLayer.js +1 -1
  24. package/cjs/overlays/dismissablelayer/util/useFocusOutside.d.ts +2 -2
  25. package/cjs/overlays/dismissablelayer/util/useFocusOutside.js +6 -2
  26. package/cjs/overlays/dismissablelayer/util/useFocusOutside.js.map +1 -1
  27. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.d.ts +1 -1
  28. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js +3 -1
  29. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
  30. package/cjs/overlays/floating/Floating.js +1 -1
  31. package/cjs/pagination/Pagination.d.ts +12 -5
  32. package/cjs/pagination/Pagination.js +5 -2
  33. package/cjs/pagination/Pagination.js.map +1 -1
  34. package/cjs/pagination/PaginationItem.js +4 -2
  35. package/cjs/pagination/PaginationItem.js.map +1 -1
  36. package/cjs/portal/Portal.js +1 -1
  37. package/cjs/slot/Slot.d.ts +6 -0
  38. package/cjs/{util → slot}/Slot.js +6 -37
  39. package/cjs/slot/Slot.js.map +1 -0
  40. package/cjs/slot/merge-props.d.ts +4 -0
  41. package/cjs/slot/merge-props.js +37 -0
  42. package/cjs/slot/merge-props.js.map +1 -0
  43. package/cjs/toggle-group/ToggleGroup.d.ts +3 -3
  44. package/cjs/toggle-group/ToggleGroup.js +3 -3
  45. package/cjs/toggle-group/parts/ToggleItem.d.ts +32 -5
  46. package/cjs/toggle-group/parts/ToggleItem.js +4 -2
  47. package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
  48. package/cjs/util/hooks/descendants/useDescendant.js +1 -1
  49. package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
  50. package/cjs/util/hooks/descendants/utils.js +1 -1
  51. package/cjs/util/hooks/descendants/utils.js.map +1 -1
  52. package/cjs/util/i18n/get.js +3 -2
  53. package/cjs/util/i18n/get.js.map +1 -1
  54. package/esm/collapsible/parts/Collapsible.Content.js +1 -1
  55. package/esm/collapsible/parts/Collapsible.Trigger.js +1 -1
  56. package/esm/date/datepicker/types.d.ts +1 -1
  57. package/esm/date/monthpicker/types.d.ts +1 -1
  58. package/esm/form/file-upload/parts/Trigger.js +1 -1
  59. package/esm/form/file-upload/parts/item/Item.d.ts +5 -0
  60. package/esm/form/file-upload/parts/item/Item.js +2 -2
  61. package/esm/form/file-upload/parts/item/Item.js.map +1 -1
  62. package/esm/layout/base/BasePrimitive.d.ts +135 -0
  63. package/esm/layout/base/BasePrimitive.js +33 -0
  64. package/esm/layout/base/BasePrimitive.js.map +1 -0
  65. package/esm/layout/bleed/Bleed.js +1 -1
  66. package/esm/layout/box/Box.d.ts +10 -4
  67. package/esm/layout/box/Box.js.map +1 -1
  68. package/esm/layout/page/Page.d.ts +4 -3
  69. package/esm/layout/page/Page.js.map +1 -1
  70. package/esm/layout/responsive/Responsive.js +1 -1
  71. package/esm/layout/utilities/types.d.ts +2 -1
  72. package/esm/list/ListItem.js +3 -3
  73. package/esm/list/ListItem.js.map +1 -1
  74. package/esm/modal/dialog-polyfill.js +0 -3
  75. package/esm/modal/dialog-polyfill.js.map +1 -1
  76. package/esm/overlays/dismissablelayer/DismissableLayer.js +1 -1
  77. package/esm/overlays/dismissablelayer/util/useFocusOutside.d.ts +2 -2
  78. package/esm/overlays/dismissablelayer/util/useFocusOutside.js +6 -2
  79. package/esm/overlays/dismissablelayer/util/useFocusOutside.js.map +1 -1
  80. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.d.ts +1 -1
  81. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js +3 -1
  82. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
  83. package/esm/overlays/floating/Floating.js +1 -1
  84. package/esm/pagination/Pagination.d.ts +12 -5
  85. package/esm/pagination/Pagination.js +6 -3
  86. package/esm/pagination/Pagination.js.map +1 -1
  87. package/esm/pagination/PaginationItem.js +4 -2
  88. package/esm/pagination/PaginationItem.js.map +1 -1
  89. package/esm/portal/Portal.js +1 -1
  90. package/esm/slot/Slot.d.ts +6 -0
  91. package/esm/slot/Slot.js +32 -0
  92. package/esm/slot/Slot.js.map +1 -0
  93. package/esm/slot/merge-props.d.ts +4 -0
  94. package/esm/slot/merge-props.js +34 -0
  95. package/esm/slot/merge-props.js.map +1 -0
  96. package/esm/toggle-group/ToggleGroup.d.ts +3 -3
  97. package/esm/toggle-group/ToggleGroup.js +3 -3
  98. package/esm/toggle-group/parts/ToggleItem.d.ts +32 -5
  99. package/esm/toggle-group/parts/ToggleItem.js +4 -2
  100. package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
  101. package/esm/util/hooks/descendants/useDescendant.js +1 -1
  102. package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
  103. package/esm/util/hooks/descendants/utils.js +1 -1
  104. package/esm/util/hooks/descendants/utils.js.map +1 -1
  105. package/esm/util/i18n/get.js +3 -2
  106. package/esm/util/i18n/get.js.map +1 -1
  107. package/package.json +3 -3
  108. package/src/collapsible/parts/Collapsible.Content.tsx +1 -1
  109. package/src/collapsible/parts/Collapsible.Trigger.tsx +1 -1
  110. package/src/date/datepicker/types.ts +1 -1
  111. package/src/date/monthpicker/types.ts +1 -1
  112. package/src/form/file-upload/parts/Trigger.tsx +1 -1
  113. package/src/form/file-upload/parts/item/Item.tsx +7 -1
  114. package/src/layout/base/BasePrimitive.tsx +232 -0
  115. package/src/layout/bleed/Bleed.tsx +1 -1
  116. package/src/layout/box/Box.tsx +11 -4
  117. package/src/layout/page/Page.tsx +4 -3
  118. package/src/layout/responsive/Responsive.tsx +1 -1
  119. package/src/layout/utilities/types.ts +2 -3
  120. package/src/list/ListItem.tsx +5 -5
  121. package/src/modal/dialog-polyfill.ts +0 -3
  122. package/src/overlays/dismissablelayer/DismissableLayer.tsx +1 -1
  123. package/src/overlays/dismissablelayer/util/useFocusOutside.ts +6 -2
  124. package/src/overlays/dismissablelayer/util/usePointerDownOutside.ts +3 -1
  125. package/src/overlays/floating/Floating.tsx +1 -1
  126. package/src/pagination/Pagination.tsx +31 -6
  127. package/src/pagination/PaginationItem.tsx +4 -0
  128. package/src/portal/Portal.tsx +1 -1
  129. package/src/slot/Slot.tsx +33 -0
  130. package/src/{util/Slot.tsx → slot/merge-props.ts} +2 -34
  131. package/src/slot/tests/merge-props.test.ts +49 -0
  132. package/src/toggle-group/ToggleGroup.test.tsx +3 -9
  133. package/src/toggle-group/ToggleGroup.tsx +3 -3
  134. package/src/toggle-group/parts/ToggleItem.tsx +54 -8
  135. package/src/util/hooks/descendants/useDescendant.tsx +1 -1
  136. package/src/util/hooks/descendants/utils.ts +1 -1
  137. package/src/util/i18n/get.ts +4 -2
  138. package/cjs/util/Slot.d.ts +0 -6
  139. package/cjs/util/Slot.js.map +0 -1
  140. package/esm/util/Slot.d.ts +0 -6
  141. package/esm/util/Slot.js +0 -63
  142. package/esm/util/Slot.js.map +0 -1
  143. /package/src/{util/__tests__ → slot/tests}/Slot.test.tsx +0 -0
@@ -38,7 +38,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
38
38
  exports.Floating = exports.useFloatingContext = exports.FloatingProvider = void 0;
39
39
  const react_dom_1 = require("@floating-ui/react-dom");
40
40
  const react_1 = __importStar(require("react"));
41
- const Slot_1 = require("../../util/Slot");
41
+ const Slot_1 = require("../../slot/Slot");
42
42
  const create_context_1 = require("../../util/create-context");
43
43
  const hooks_1 = require("../../util/hooks");
44
44
  const Floating_utils_1 = require("./Floating.utils");
@@ -18,28 +18,35 @@ export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
18
18
  */
19
19
  boundaryCount?: number;
20
20
  /**
21
- * Callback when current page changes
21
+ * Callback when current page changes.
22
22
  */
23
23
  onPageChange?: (page: number) => void;
24
24
  /**
25
- * Total number of pages
25
+ * Total number of pages.
26
26
  */
27
27
  count: number;
28
28
  /**
29
- * Changes padding, height and font-size
29
+ * Changes padding, height and font-size.
30
30
  * @default "medium"
31
31
  */
32
32
  size?: "medium" | "small" | "xsmall";
33
33
  /**
34
- * Display text alongside "previous" and "next" icons
34
+ * Display text alongside "previous" and "next" icons.
35
35
  * @default false
36
36
  */
37
37
  prevNextTexts?: boolean;
38
38
  /**
39
- * Override pagination item rendering
39
+ * Override pagination item rendering.
40
40
  * @default (item: PaginationItemProps) => <PaginationItem {...item} />
41
41
  */
42
42
  renderItem?: (item: PaginationItemProps) => ReturnType<React.FC>;
43
+ /**
44
+ * Pagination heading. We recommend adding heading instead of `aria-label` to help assistive technologies with an extra navigation-stop.
45
+ */
46
+ srHeading?: {
47
+ tag: "h2" | "h3" | "h4" | "h5" | "h6";
48
+ text: string;
49
+ };
43
50
  }
44
51
  interface PaginationType extends React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>> {
45
52
  Item: PaginationItemType;
@@ -42,6 +42,7 @@ const clsx_1 = __importDefault(require("clsx"));
42
42
  const react_1 = __importStar(require("react"));
43
43
  const aksel_icons_1 = require("@navikt/aksel-icons");
44
44
  const typography_1 = require("../typography");
45
+ const util_1 = require("../util");
45
46
  const PaginationItem_1 = __importDefault(require("./PaginationItem"));
46
47
  const getSteps = ({ page, count, boundaryCount = 1, siblingCount = 1, }) => {
47
48
  var _a, _b;
@@ -83,7 +84,8 @@ exports.getSteps = getSteps;
83
84
  * ```
84
85
  */
85
86
  exports.Pagination = (0, react_1.forwardRef)((_a, ref) => {
86
- var { page, onPageChange, count, boundaryCount = 1, siblingCount = 1, className, size = "medium", prevNextTexts = false, renderItem: Item = (item) => (react_1.default.createElement(PaginationItem_1.default, Object.assign({}, item))) } = _a, rest = __rest(_a, ["page", "onPageChange", "count", "boundaryCount", "siblingCount", "className", "size", "prevNextTexts", "renderItem"]);
87
+ var { page, onPageChange, count, boundaryCount = 1, siblingCount = 1, className, size = "medium", prevNextTexts = false, srHeading, "aria-labelledby": ariaLabelledBy, renderItem: Item = (item) => (react_1.default.createElement(PaginationItem_1.default, Object.assign({}, item))) } = _a, rest = __rest(_a, ["page", "onPageChange", "count", "boundaryCount", "siblingCount", "className", "size", "prevNextTexts", "srHeading", "aria-labelledby", "renderItem"]);
88
+ const headingId = (0, util_1.useId)();
87
89
  if (page < 1) {
88
90
  console.error("page cannot be less than 1");
89
91
  return null;
@@ -100,7 +102,8 @@ exports.Pagination = (0, react_1.forwardRef)((_a, ref) => {
100
102
  console.error("siblingCount cannot be less than 0");
101
103
  return null;
102
104
  }
103
- return (react_1.default.createElement("nav", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-pagination", `navds-pagination--${size}`, className) }),
105
+ return (react_1.default.createElement("nav", Object.assign({ ref: ref }, rest, { "aria-labelledby": srHeading ? (0, clsx_1.default)(headingId, ariaLabelledBy) : ariaLabelledBy, className: (0, clsx_1.default)("navds-pagination", `navds-pagination--${size}`, className) }),
106
+ srHeading && (react_1.default.createElement(typography_1.Heading, { size: "xsmall", visuallyHidden: true, as: srHeading.tag, id: headingId }, srHeading.text)),
104
107
  react_1.default.createElement("ul", { className: "navds-pagination__list" },
105
108
  react_1.default.createElement("li", null,
106
109
  react_1.default.createElement(Item, { className: (0, clsx_1.default)("navds-pagination__prev-next", {
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/pagination/Pagination.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/pagination/Pagination.tsx"],"names":[],"mappings":"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"}
@@ -42,10 +42,12 @@ const clsx_1 = __importDefault(require("clsx"));
42
42
  const react_1 = __importStar(require("react"));
43
43
  const button_1 = require("../button");
44
44
  exports.Item = (0, react_1.forwardRef)((_a, ref) => {
45
- var { children, as: Component = "button", selected = false, className } = _a, rest = __rest(_a, ["children", "as", "selected", "className"]);
45
+ var { children, as: Component = "button", selected = false, className, page } = _a, rest = __rest(_a, ["children", "as", "selected", "className", "page"]);
46
46
  return (react_1.default.createElement(button_1.Button, Object.assign({ as: Component, variant: "tertiary", "aria-current": selected, ref: ref, className: (0, clsx_1.default)("navds-pagination__item", className, {
47
47
  "navds-pagination__item--selected": selected,
48
- }) }, (Component === "button" && { type: "button" }), rest), children));
48
+ }), "data-page": page,
49
+ /* TODO: Breaking change to remove. Add to future major version. */
50
+ page: page }, (Component === "button" && { type: "button" }), rest), children));
49
51
  });
50
52
  exports.default = exports.Item;
51
53
  //# sourceMappingURL=PaginationItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/pagination/PaginationItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,sCAAgD;AA0BnC,QAAA,IAAI,GAAuB,IAAA,kBAAU,EAChD,CACE,EAMC,EACD,GAAG,EACH,EAAE;QARF,EACE,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,QAAQ,GAAG,KAAK,EAChB,SAAS,OAEV,EADI,IAAI,cALT,2CAMC,CADQ;IAIT,OAAO,CACL,8BAAC,eAAM,kBACL,EAAE,EAAE,SAAS,EACb,OAAO,EAAC,UAAU,kBACJ,QAAQ,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,wBAAwB,EAAE,SAAS,EAAE;YACjD,kCAAkC,EAAE,QAAQ;SAC7C,CAAC,IACE,CAAC,SAAS,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC9C,IAAI,GAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAI,CAAC"}
1
+ {"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/pagination/PaginationItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,sCAAgD;AA0BnC,QAAA,IAAI,GAAuB,IAAA,kBAAU,EAChD,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,OAEL,EADI,IAAI,cANT,mDAOC,CADQ;IAIT,OAAO,CACL,8BAAC,eAAM,kBACL,EAAE,EAAE,SAAS,EACb,OAAO,EAAC,UAAU,kBACJ,QAAQ,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,wBAAwB,EAAE,SAAS,EAAE;YACjD,kCAAkC,EAAE,QAAQ;SAC7C,CAAC,eACS,IAAI;QACf,mEAAmE;QACnE,IAAI,EAAE,IAAI,IACN,CAAC,SAAS,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC9C,IAAI,GAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAI,CAAC"}
@@ -41,7 +41,7 @@ exports.Portal = void 0;
41
41
  const react_1 = __importStar(require("react"));
42
42
  const react_dom_1 = __importDefault(require("react-dom"));
43
43
  const Provider_1 = require("../provider/Provider");
44
- const Slot_1 = require("../util/Slot");
44
+ const Slot_1 = require("../slot/Slot");
45
45
  exports.Portal = (0, react_1.forwardRef)((_a, ref) => {
46
46
  var _b, _c, _d;
47
47
  var { rootElement, asChild } = _a, rest = __rest(_a, ["rootElement", "asChild"]);
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ interface SlotProps extends React.HTMLAttributes<HTMLElement> {
3
+ children?: React.ReactNode;
4
+ }
5
+ declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
6
+ export { Slot, type SlotProps };
@@ -35,55 +35,24 @@ var __rest = (this && this.__rest) || function (s, e) {
35
35
  };
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  exports.Slot = void 0;
38
- // https://github.com/radix-ui/primitives/blob/main/packages/react/slot/src/Slot.tsx
39
38
  const React = __importStar(require("react"));
40
- const useMergeRefs_1 = require("./hooks/useMergeRefs");
41
- exports.Slot = React.forwardRef((props, forwardedRef) => {
39
+ const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
40
+ const merge_props_1 = require("./merge-props");
41
+ const Slot = React.forwardRef((props, forwardedRef) => {
42
42
  var _a;
43
43
  const { children } = props, slotProps = __rest(props, ["children"]);
44
44
  if (React.isValidElement(children)) {
45
- return React.cloneElement(children, Object.assign(Object.assign({}, mergeProps(slotProps, children.props)), { ref: forwardedRef
45
+ return React.cloneElement(children, Object.assign(Object.assign({}, (0, merge_props_1.mergeProps)(slotProps, children.props)), { ref: forwardedRef
46
46
  ? (0, useMergeRefs_1.mergeRefs)([forwardedRef, children.ref])
47
47
  : children.ref }));
48
48
  }
49
49
  if (React.Children.count(children) > 1) {
50
50
  const error = new Error("Aksel: Components using 'asChild' expects to recieve a single React element child.");
51
51
  error.name = "SlotError";
52
- (_a = Error.captureStackTrace) === null || _a === void 0 ? void 0 : _a.call(Error, error, exports.Slot);
52
+ (_a = Error.captureStackTrace) === null || _a === void 0 ? void 0 : _a.call(Error, error, Slot);
53
53
  throw error;
54
54
  }
55
55
  return null;
56
56
  });
57
- function mergeProps(slotProps, childProps) {
58
- // all child props should override
59
- const overrideProps = Object.assign({}, childProps);
60
- for (const propName in childProps) {
61
- const slotPropValue = slotProps[propName];
62
- const childPropValue = childProps[propName];
63
- const isHandler = /^on[A-Z]/.test(propName);
64
- if (isHandler) {
65
- // if the handler exists on both, we compose them
66
- if (slotPropValue && childPropValue) {
67
- overrideProps[propName] = (...args) => {
68
- childPropValue(...args);
69
- slotPropValue(...args);
70
- };
71
- }
72
- // but if it exists only on the slot, we use only this one
73
- else if (slotPropValue) {
74
- overrideProps[propName] = slotPropValue;
75
- }
76
- }
77
- // if it's `style`, we merge them
78
- else if (propName === "style") {
79
- overrideProps[propName] = Object.assign(Object.assign({}, slotPropValue), childPropValue);
80
- }
81
- else if (propName === "className") {
82
- overrideProps[propName] = [slotPropValue, childPropValue]
83
- .filter(Boolean)
84
- .join(" ");
85
- }
86
- }
87
- return Object.assign(Object.assign({}, slotProps), overrideProps);
88
- }
57
+ exports.Slot = Slot;
89
58
  //# sourceMappingURL=Slot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../src/slot/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6DAAuD;AACvD,+CAA2C;AAM3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;;IAC5E,MAAM,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlC,YAA0B,CAAQ,CAAC;IAEzC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,OAAO,KAAK,CAAC,YAAY,CAAM,QAAQ,kCAClC,IAAA,wBAAU,EAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,KACxC,GAAG,EAAE,YAAY;gBACf,CAAC,CAAC,IAAA,wBAAS,EAAC,CAAC,YAAY,EAAG,QAAgB,CAAC,GAAG,CAAC,CAAC;gBAClD,CAAC,CAAE,QAAgB,CAAC,GAAG,IACzB,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,oFAAoF,CACrF,CAAC;QACF,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;QACzB,MAAA,KAAK,CAAC,iBAAiB,sDAAG,KAAK,EAAE,IAAI,CAAC,CAAC;QACvC,MAAM,KAAK,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEM,oBAAI"}
@@ -0,0 +1,4 @@
1
+ declare function mergeProps(slotProps: Record<string, any>, childProps: Record<string, any>): {
2
+ [x: string]: any;
3
+ };
4
+ export { mergeProps };
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.mergeProps = void 0;
4
+ function mergeProps(slotProps, childProps) {
5
+ // all child props should override
6
+ const overrideProps = Object.assign({}, childProps);
7
+ for (const propName in childProps) {
8
+ const slotPropValue = slotProps[propName];
9
+ const childPropValue = childProps[propName];
10
+ const isHandler = /^on[A-Z]/.test(propName);
11
+ if (isHandler) {
12
+ // if the handler exists on both, we compose them
13
+ if (slotPropValue && childPropValue) {
14
+ overrideProps[propName] = (...args) => {
15
+ childPropValue(...args);
16
+ slotPropValue(...args);
17
+ };
18
+ }
19
+ // but if it exists only on the slot, we use only this one
20
+ else if (slotPropValue) {
21
+ overrideProps[propName] = slotPropValue;
22
+ }
23
+ }
24
+ // if it's `style`, we merge them
25
+ else if (propName === "style") {
26
+ overrideProps[propName] = Object.assign(Object.assign({}, slotPropValue), childPropValue);
27
+ }
28
+ else if (propName === "className") {
29
+ overrideProps[propName] = [slotPropValue, childPropValue]
30
+ .filter(Boolean)
31
+ .join(" ");
32
+ }
33
+ }
34
+ return Object.assign(Object.assign({}, slotProps), overrideProps);
35
+ }
36
+ exports.mergeProps = mergeProps;
37
+ //# sourceMappingURL=merge-props.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"merge-props.js","sourceRoot":"","sources":["../../src/slot/merge-props.ts"],"names":[],"mappings":";;;AAAA,SAAS,UAAU,CACjB,SAA8B,EAC9B,UAA+B;IAE/B,kCAAkC;IAClC,MAAM,aAAa,qBAAQ,UAAU,CAAE,CAAC;IAExC,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;QAClC,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,cAAc,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QAE5C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5C,IAAI,SAAS,EAAE,CAAC;YACd,iDAAiD;YACjD,IAAI,aAAa,IAAI,cAAc,EAAE,CAAC;gBACpC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAe,EAAE,EAAE;oBAC/C,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;oBACxB,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC;gBACzB,CAAC,CAAC;YACJ,CAAC;YACD,0DAA0D;iBACrD,IAAI,aAAa,EAAE,CAAC;gBACvB,aAAa,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC;YAC1C,CAAC;QACH,CAAC;QACD,iCAAiC;aAC5B,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;YAC9B,aAAa,CAAC,QAAQ,CAAC,mCAAQ,aAAa,GAAK,cAAc,CAAE,CAAC;QACpE,CAAC;aAAM,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YACpC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC;iBACtD,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,CAAC;IACH,CAAC;IAED,uCAAY,SAAS,GAAK,aAAa,EAAG;AAC5C,CAAC;AAEQ,gCAAU"}
@@ -16,9 +16,9 @@ interface ToggleGroupComponent extends React.ForwardRefExoticComponent<ToggleGro
16
16
  * @example
17
17
  * ```jsx
18
18
  * <ToggleGroup defaultValue="lest" onChange={console.log} size="small">
19
- * <ToggleGroup.Item value="ulest">Ulest</ToggleGroup.Item>
20
- * <ToggleGroup.Item value="lest">Leste</ToggleGroup.Item>
21
- * <ToggleGroup.Item value="sendt">Sendt</ToggleGroup.Item>
19
+ * <ToggleGroup.Item value="ulest" label="Ulest" />
20
+ * <ToggleGroup.Item value="lest" label="Leste" />
21
+ * <ToggleGroup.Item value="sendt" label="Sendt" />
22
22
  * </ToggleGroup>
23
23
  * ```
24
24
  */
@@ -54,9 +54,9 @@ const useToggleGroup_1 = require("./useToggleGroup");
54
54
  * @example
55
55
  * ```jsx
56
56
  * <ToggleGroup defaultValue="lest" onChange={console.log} size="small">
57
- * <ToggleGroup.Item value="ulest">Ulest</ToggleGroup.Item>
58
- * <ToggleGroup.Item value="lest">Leste</ToggleGroup.Item>
59
- * <ToggleGroup.Item value="sendt">Sendt</ToggleGroup.Item>
57
+ * <ToggleGroup.Item value="ulest" label="Ulest" />
58
+ * <ToggleGroup.Item value="lest" label="Leste" />
59
+ * <ToggleGroup.Item value="sendt" label="Sendt" />
60
60
  * </ToggleGroup>
61
61
  * ```
62
62
  */
@@ -1,13 +1,40 @@
1
1
  import React from "react";
2
- export interface ToggleGroupItemProps extends React.HTMLAttributes<HTMLButtonElement> {
2
+ type BaseProps = Omit<React.HTMLAttributes<HTMLButtonElement>, "children"> & {
3
3
  /**
4
- * Content.
4
+ * Value for state-handling.
5
+ */
6
+ value: string;
7
+ };
8
+ type ChildrenProps = {
9
+ /**
10
+ * @deprecated Use `label` and/or `icon` as replacement.
5
11
  */
6
12
  children: React.ReactNode;
13
+ label?: never;
14
+ icon?: never;
15
+ };
16
+ type LabelProps = {
17
+ children?: never;
7
18
  /**
8
- * Value for state-handling.
19
+ * Item label.
9
20
  */
10
- value: string;
11
- }
21
+ label: React.ReactNode;
22
+ /**
23
+ * Item Icon.
24
+ */
25
+ icon?: React.ReactNode;
26
+ };
27
+ type IconProps = {
28
+ children?: never;
29
+ /**
30
+ * Item label.
31
+ */
32
+ label?: React.ReactNode;
33
+ /**
34
+ * Item Icon.
35
+ */
36
+ icon: React.ReactNode;
37
+ };
38
+ export type ToggleGroupItemProps = BaseProps & (ChildrenProps | LabelProps | IconProps);
12
39
  declare const ToggleItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
13
40
  export default ToggleItem;
@@ -43,11 +43,13 @@ const BodyShort_1 = require("../../typography/BodyShort");
43
43
  const ToggleGroup_context_1 = require("../ToggleGroup.context");
44
44
  const useToggleItem_1 = require("./useToggleItem");
45
45
  const ToggleItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
46
- var { className, children, value, onClick, onFocus, onKeyDown } = _a, rest = __rest(_a, ["className", "children", "value", "onClick", "onFocus", "onKeyDown"]);
46
+ var { className, children, icon, label, value, onClick, onFocus, onKeyDown } = _a, rest = __rest(_a, ["className", "children", "icon", "label", "value", "onClick", "onFocus", "onKeyDown"]);
47
47
  const itemCtx = (0, useToggleItem_1.useToggleItem)({ value, onClick, onFocus, disabled: false, onKeyDown }, forwardedRef);
48
48
  const ctx = (0, ToggleGroup_context_1.useToggleGroupContext)();
49
49
  return (react_1.default.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className: (0, clsx_1.default)("navds-toggle-group__button", className), type: "button", role: "radio", "aria-checked": itemCtx.isSelected, tabIndex: itemCtx.isFocused ? 0 : -1, onClick: itemCtx.onClick, onFocus: itemCtx.onFocus, onKeyDown: itemCtx.onKeyDown }),
50
- react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: "navds-toggle-group__button-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children)));
50
+ react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: "navds-toggle-group__button-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
51
+ icon,
52
+ label)))));
51
53
  });
52
54
  exports.default = ToggleItem;
53
55
  //# sourceMappingURL=ToggleItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,0DAAuD;AACvD,gEAA+D;AAC/D,mDAAgD;AAchD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAAoE,EACpE,YAAY,EACZ,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,OAAW,EAAN,IAAI,cAAlE,qEAAoE,CAAF;IAGlE,MAAM,OAAO,GAAG,IAAA,6BAAa,EAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EACvD,YAAY,CACb,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,2CAAqB,GAAE,CAAC;IAEpC,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,CAAC,UAAU,EAChC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAE5B,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,IAEd,QAAQ,CACC,CACL,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,0DAAuD;AACvD,gEAA+D;AAC/D,mDAAgD;AA6ChD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAUC,EACD,YAAY,EACZ,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,OAEV,EADI,IAAI,cATT,sFAUC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,6BAAa,EAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EACvD,YAAY,CACb,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,2CAAqB,GAAE,CAAC;IAEpC,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,CAAC,UAAU,EAChC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAE5B,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,IAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX;YACG,IAAI;YACJ,KAAK,CACL,CACJ,CACS,CACL,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
@@ -64,7 +64,7 @@ function createDescendantContext() {
64
64
  if (!ref.current)
65
65
  return;
66
66
  const dataIndex = Number(ref.current.dataset["index"]);
67
- if (index != dataIndex && !Number.isNaN(dataIndex)) {
67
+ if (index !== dataIndex && !Number.isNaN(dataIndex)) {
68
68
  setIndex(dataIndex);
69
69
  }
70
70
  });
@@ -1 +1 @@
1
- {"version":3,"file":"useDescendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/useDescendant.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;GAEG;AACH,+CAAgD;AAChD,yDAAqD;AACrD,oEAAiE;AACjE,kDAA4C;AAC5C,6CAAqE;AACrE,mCAA+B;AAE/B;;GAEG;AACH,SAAgB,uBAAuB;IAIrC,MAAM,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,GAAG,IAAA,8BAAa,EAEvE;QACA,IAAI,EAAE,qBAAqB;QAC3B,YAAY,EACV,+DAA+D;KAClE,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,IAAA,YAAI,EAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,8BAAC,0BAA0B,oBAAK,KAAK,CAAC,KAAK,GACxC,KAAK,CAAC,QAAQ,CACY,CAC9B,CACF,CAAC;IAEF;;;;;;OAMG;IACH,SAAS,cAAc,CAAC,OAA8B;QACpD,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;QAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;QAE5B,IAAA,6CAAqB,EAAC,GAAG,EAAE;YACzB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,GAAG,CAAC,OAAO;oBAAE,OAAO;gBACzB,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,IAAA,6CAAqB,EAAC,GAAG,EAAE;YACzB,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAO;YACzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YACvD,IAAI,KAAK,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBACnD,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,OAAO;YACzB,CAAC,CAAC,IAAA,YAAI,EAAuB,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC3D,CAAC,CAAC,IAAA,YAAI,EAAuB,WAAW,CAAC,QAAQ,CAAC,CAAC;QAErD,OAAO;YACL,WAAW;YACX,KAAK;YACL,YAAY,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;YACrD,QAAQ,EAAE,IAAA,wBAAS,EAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;SACxC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,SAAS,eAAe;QACtB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,+BAAkB,EAAQ,CAAC,CAAC,OAAO,CAAC;QAEnE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,+CAA+C;QAC/C,qBAAqB;QACrB,8EAA8E;QAC9E,eAAe;QACf,+BAA+B;QAC/B,cAAc;KACN,CAAC;AACb,CAAC;AA/ED,0DA+EC"}
1
+ {"version":3,"file":"useDescendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/useDescendant.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;GAEG;AACH,+CAAgD;AAChD,yDAAqD;AACrD,oEAAiE;AACjE,kDAA4C;AAC5C,6CAAqE;AACrE,mCAA+B;AAE/B;;GAEG;AACH,SAAgB,uBAAuB;IAIrC,MAAM,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,GAAG,IAAA,8BAAa,EAEvE;QACA,IAAI,EAAE,qBAAqB;QAC3B,YAAY,EACV,+DAA+D;KAClE,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,IAAA,YAAI,EAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,8BAAC,0BAA0B,oBAAK,KAAK,CAAC,KAAK,GACxC,KAAK,CAAC,QAAQ,CACY,CAC9B,CACF,CAAC;IAEF;;;;;;OAMG;IACH,SAAS,cAAc,CAAC,OAA8B;QACpD,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;QAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;QAE5B,IAAA,6CAAqB,EAAC,GAAG,EAAE;YACzB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,GAAG,CAAC,OAAO;oBAAE,OAAO;gBACzB,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,IAAA,6CAAqB,EAAC,GAAG,EAAE;YACzB,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAO;YACzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YACvD,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBACpD,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,OAAO;YACzB,CAAC,CAAC,IAAA,YAAI,EAAuB,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC3D,CAAC,CAAC,IAAA,YAAI,EAAuB,WAAW,CAAC,QAAQ,CAAC,CAAC;QAErD,OAAO;YACL,WAAW;YACX,KAAK;YACL,YAAY,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;YACrD,QAAQ,EAAE,IAAA,wBAAS,EAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;SACxC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,SAAS,eAAe;QACtB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,+BAAkB,EAAQ,CAAC,CAAC,OAAO,CAAC;QAEnE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,+CAA+C;QAC/C,qBAAqB;QACrB,8EAA8E;QAC9E,eAAe;QACf,+BAA+B;QAC/B,cAAc;KACN,CAAC;AACb,CAAC;AA/ED,0DA+EC"}
@@ -29,7 +29,7 @@ function sortNodes(nodes) {
29
29
  });
30
30
  }
31
31
  exports.sortNodes = sortNodes;
32
- const isElement = (el) => typeof el == "object" &&
32
+ const isElement = (el) => typeof el === "object" &&
33
33
  "nodeType" in el &&
34
34
  el.nodeType === Node.ELEMENT_NODE;
35
35
  exports.isElement = isElement;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/utils.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACH,SAAgB,SAAS,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAE7C,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,8BAA8B,EAC7C,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,0BAA0B,EACzC,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC;QACX,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,8BAA8B;YAC7C,OAAO,GAAG,IAAI,CAAC,yCAAyC,EACxD,CAAC;YACD,MAAM,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC;AA7BD,8BA6BC;AAEM,MAAM,SAAS,GAAG,CAAC,EAAO,EAAqB,EAAE,CACtD,OAAO,EAAE,IAAI,QAAQ;IACrB,UAAU,IAAI,EAAE;IAChB,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;AAHvB,QAAA,SAAS,aAGc;AAEpC,SAAgB,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;QAAE,IAAI,GAAG,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACd,CAAC;AAJD,oCAIC;AAED,SAAgB,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,GAAG,CAAC;IACjC,OAAO,IAAI,CAAC;AACd,CAAC;AAJD,oCAIC;AAEM,MAAM,IAAI,GAAG,CAAI,KAAU,EAAE,EAAE,CAAC,KAAU,CAAC;AAArC,QAAA,IAAI,QAAiC"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/utils.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACH,SAAgB,SAAS,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAE7C,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,8BAA8B,EAC7C,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,0BAA0B,EACzC,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC;QACX,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,8BAA8B;YAC7C,OAAO,GAAG,IAAI,CAAC,yCAAyC,EACxD,CAAC;YACD,MAAM,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC;AA7BD,8BA6BC;AAEM,MAAM,SAAS,GAAG,CAAC,EAAO,EAAqB,EAAE,CACtD,OAAO,EAAE,KAAK,QAAQ;IACtB,UAAU,IAAI,EAAE;IAChB,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;AAHvB,QAAA,SAAS,aAGc;AAEpC,SAAgB,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;QAAE,IAAI,GAAG,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACd,CAAC;AAJD,oCAIC;AAED,SAAgB,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,GAAG,CAAC;IACjC,OAAO,IAAI,CAAC;AACd,CAAC;AAJD,oCAIC;AAEM,MAAM,IAAI,GAAG,CAAI,KAAU,EAAE,EAAE,CAAC,KAAU,CAAC;AAArC,QAAA,IAAI,QAAiC"}
@@ -28,10 +28,11 @@ function get(keypath, ...objs) {
28
28
  exports.get = get;
29
29
  function getKeypath(str) {
30
30
  const path = [];
31
- let result;
32
- while ((result = OBJECT_NOTATION_MATCHER.exec(str))) {
31
+ let result = OBJECT_NOTATION_MATCHER.exec(str);
32
+ while (result) {
33
33
  const [, first, second] = result;
34
34
  path.push(first || second);
35
+ result = OBJECT_NOTATION_MATCHER.exec(str);
35
36
  }
36
37
  return path;
37
38
  }
@@ -1 +1 @@
1
- {"version":3,"file":"get.js","sourceRoot":"","sources":["../../../src/util/i18n/get.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAEzC,SAAgB,GAAG,CACjB,OAA0B,EAC1B,GAAG,IAAuC;IAE1C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpE,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,SAAS;QACX,CAAC;QAED,IAAI,GAAG,GAA+B,GAAG,CAAC;QAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,GAAG,GAAG,GAAG,CAAC;QACZ,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;AACJ,CAAC;AA7BD,kBA6BC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,MAAM,IAAI,GAAa,EAAE,CAAC;IAC1B,IAAI,MAA8B,CAAC;IACnC,OAAO,CAAC,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QACpD,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
1
+ {"version":3,"file":"get.js","sourceRoot":"","sources":["../../../src/util/i18n/get.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAEzC,SAAgB,GAAG,CACjB,OAA0B,EAC1B,GAAG,IAAuC;IAE1C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpE,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,SAAS;QACX,CAAC;QAED,IAAI,GAAG,GAA+B,GAAG,CAAC;QAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,GAAG,GAAG,GAAG,CAAC;QACZ,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;AACJ,CAAC;AA7BD,kBA6BC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,MAAM,IAAI,GAAa,EAAE,CAAC;IAC1B,IAAI,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE/C,OAAO,MAAM,EAAE,CAAC;QACd,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;QAC3B,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { Slot } from "../../util/Slot.js";
13
+ import { Slot } from "../../slot/Slot.js";
14
14
  import { useCollapsibleContext } from "../Collapsible.context.js";
15
15
  export const CollapsibleContent = forwardRef((_a, ref) => {
16
16
  var { children, asChild } = _a, rest = __rest(_a, ["children", "asChild"]);
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { Slot } from "../../util/Slot.js";
13
+ import { Slot } from "../../slot/Slot.js";
14
14
  import { composeEventHandlers } from "../../util/composeEventHandlers.js";
15
15
  import { useCollapsibleContext } from "../Collapsible.context.js";
16
16
  export const CollapsibleTrigger = forwardRef((_a, ref) => {
@@ -62,7 +62,7 @@ export interface DatePickerDefaultProps extends Omit<React.HTMLAttributes<HTMLDi
62
62
  dropdownCaption?: boolean;
63
63
  /**
64
64
  * Apply the disabled modifier to the matching days.
65
- * https://react-day-picker.js.org/api/types/Matcher
65
+ * https://react-day-picker.js.org/api/type-aliases/Matcher
66
66
  */
67
67
  disabled?: Matcher[];
68
68
  /**
@@ -33,7 +33,7 @@ export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
33
33
  */
34
34
  dropdownCaption?: boolean;
35
35
  /**
36
- * Apply the disabled modifier to the matching months. Uses a subset of React Day Picker Matcher type. https://react-day-picker.js.org/api/types/Matcher
36
+ * Apply the disabled modifier to the matching months. Uses a subset of React Day Picker Matcher type. https://react-day-picker.js.org/api/type-aliases/Matcher
37
37
  */
38
38
  disabled?: Matcher[];
39
39
  /**
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef } from "react";
2
- import { Slot } from "../../../util/Slot.js";
2
+ import { Slot } from "../../../slot/Slot.js";
3
3
  import { useFileUpload } from "../useFileUpload.js";
4
4
  const Trigger = forwardRef(({ children, multiple = true, accept, onSelect, validator, maxSizeInBytes, }, ref) => {
5
5
  const { onChange, inputRef, mergedRef } = useFileUpload({
@@ -33,6 +33,11 @@ export interface FileUploadItemProps extends React.HTMLAttributes<HTMLDivElement
33
33
  * @default "idle"
34
34
  */
35
35
  status?: "downloading" | "uploading" | "idle";
36
+ /**
37
+ * File description. Replaces file size when status is "idle".
38
+ * This is useful for displaying upload date. Should not act as a replacement for error messages.
39
+ */
40
+ description?: string;
36
41
  /**
37
42
  * Props for the action button.
38
43
  */
@@ -20,7 +20,7 @@ import ItemIcon from "./ItemIcon.js";
20
20
  import ItemName from "./ItemName.js";
21
21
  import { formatFileSize } from "./utils/format-file-size.js";
22
22
  export const Item = forwardRef((_a, ref) => {
23
- var { as: Component = "div", file, status = "idle", error, className, href, onFileClick, button, translations } = _a, rest = __rest(_a, ["as", "file", "status", "error", "className", "href", "onFileClick", "button", "translations"]);
23
+ var { as: Component = "div", file, status = "idle", error, className, href, onFileClick, button, translations, description } = _a, rest = __rest(_a, ["as", "file", "status", "error", "className", "href", "onFileClick", "button", "translations", "description"]);
24
24
  const context = useFileUploadTranslation(false);
25
25
  const translate = useI18n("FileUpload", { item: translations }, context === null || context === void 0 ? void 0 : context.translations);
26
26
  const showError = !!error && status === "idle";
@@ -31,7 +31,7 @@ export const Item = forwardRef((_a, ref) => {
31
31
  if (status === "downloading") {
32
32
  return translate("item.downloading");
33
33
  }
34
- return formatFileSize(file);
34
+ return description !== null && description !== void 0 ? description : formatFileSize(file);
35
35
  }
36
36
  return (React.createElement(Component, Object.assign({ ref: ref }, rest, { className: cl("navds-file-item", className, {
37
37
  "navds-file-item--error": showError,
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAc,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAgD1D,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAWsB,EACtB,GAAG,EACH,EAAE;QAbF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,OAEQ,EADjB,IAAI,cAVT,+FAWC,CADQ;IAIT,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,OAAO,CACvB,YAAY,EACZ,EAAE,IAAI,EAAE,YAAY,EAAE,EACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC;IAE/C,SAAS,aAAa;QACpB,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,wBAAwB,EAAE,SAAS;SACpC,CAAC;QAEF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,QAAQ,IACP,SAAS,EAAE,MAAM,KAAK,MAAM,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB;YACF,6BAAK,SAAS,EAAC,4BAA4B;gBACzC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;gBAC1D,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC7B,aAAa,EAAE,CACN;gBACZ,6BACE,SAAS,EAAC,wBAAwB,mBACpB,oBAAoB,eACxB,QAAQ,IAEjB,SAAS,IAAI,CACZ,oBAAC,SAAS,IACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,gCAAgC;oBAE1C,oBAAC,2BAA2B,0BAAe;oBAC1C,KAAK,CACI,CACb,CACG,CACF;YAEL,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAC9B,oBAAC,UAAU,oBACL,MAAM,IACV,KAAK,EAAE,SAAS,CACd,MAAM,CAAC,MAAM,KAAK,OAAO;oBACvB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,wBAAwB,CAC7B,IACD,CACH,CACG,CACI,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":"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"}