@navikt/ds-react 6.10.1 → 6.12.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 (253) hide show
  1. package/cjs/alert/Alert.d.ts +5 -0
  2. package/cjs/alert/Alert.js +5 -3
  3. package/cjs/alert/Alert.js.map +1 -1
  4. package/cjs/collapsible/parts/Collapsible.Content.js +1 -1
  5. package/cjs/collapsible/parts/Collapsible.Trigger.js +1 -1
  6. package/cjs/date/datepicker/types.d.ts +1 -1
  7. package/cjs/date/monthpicker/types.d.ts +1 -1
  8. package/cjs/form/file-upload/parts/Trigger.js +1 -1
  9. package/cjs/form/file-upload/parts/item/Item.d.ts +5 -0
  10. package/cjs/form/file-upload/parts/item/Item.js +2 -2
  11. package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
  12. package/cjs/layout/base/BasePrimitive.d.ts +167 -0
  13. package/cjs/layout/base/BasePrimitive.js +70 -0
  14. package/cjs/layout/base/BasePrimitive.js.map +1 -0
  15. package/cjs/layout/base/PrimitiveAsChildProps.d.ts +41 -0
  16. package/cjs/layout/base/PrimitiveAsChildProps.js +3 -0
  17. package/cjs/layout/base/PrimitiveAsChildProps.js.map +1 -0
  18. package/cjs/layout/bleed/Bleed.js +1 -1
  19. package/cjs/layout/box/Box.d.ts +14 -35
  20. package/cjs/layout/box/Box.js +15 -4
  21. package/cjs/layout/box/Box.js.map +1 -1
  22. package/cjs/layout/grid/HGrid.d.ts +7 -5
  23. package/cjs/layout/grid/HGrid.js +7 -2
  24. package/cjs/layout/grid/HGrid.js.map +1 -1
  25. package/cjs/layout/page/Page.d.ts +4 -3
  26. package/cjs/layout/page/Page.js.map +1 -1
  27. package/cjs/layout/responsive/Responsive.js +1 -1
  28. package/cjs/layout/stack/HStack.d.ts +2 -1
  29. package/cjs/layout/stack/HStack.js.map +1 -1
  30. package/cjs/layout/stack/Stack.d.ts +8 -5
  31. package/cjs/layout/stack/Stack.js +10 -5
  32. package/cjs/layout/stack/Stack.js.map +1 -1
  33. package/cjs/layout/stack/VStack.d.ts +2 -1
  34. package/cjs/layout/stack/VStack.js.map +1 -1
  35. package/cjs/layout/utilities/css.js +3 -0
  36. package/cjs/layout/utilities/css.js.map +1 -1
  37. package/cjs/layout/utilities/types.d.ts +2 -1
  38. package/cjs/list/ListItem.js +2 -2
  39. package/cjs/list/ListItem.js.map +1 -1
  40. package/cjs/modal/dialog-polyfill.js +0 -3
  41. package/cjs/modal/dialog-polyfill.js.map +1 -1
  42. package/cjs/overlays/dismissablelayer/DismissableLayer.js +1 -1
  43. package/cjs/overlays/dismissablelayer/util/useFocusOutside.d.ts +2 -2
  44. package/cjs/overlays/dismissablelayer/util/useFocusOutside.js +6 -2
  45. package/cjs/overlays/dismissablelayer/util/useFocusOutside.js.map +1 -1
  46. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.d.ts +1 -1
  47. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js +3 -1
  48. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
  49. package/cjs/overlays/floating/Floating.js +1 -1
  50. package/cjs/pagination/Pagination.d.ts +7 -0
  51. package/cjs/pagination/Pagination.js +5 -2
  52. package/cjs/pagination/Pagination.js.map +1 -1
  53. package/cjs/pagination/PaginationItem.js +4 -2
  54. package/cjs/pagination/PaginationItem.js.map +1 -1
  55. package/cjs/portal/Portal.js +1 -1
  56. package/cjs/slot/Slot.d.ts +6 -0
  57. package/cjs/{util → slot}/Slot.js +6 -37
  58. package/cjs/slot/Slot.js.map +1 -0
  59. package/cjs/slot/merge-props.d.ts +4 -0
  60. package/cjs/slot/merge-props.js +37 -0
  61. package/cjs/slot/merge-props.js.map +1 -0
  62. package/cjs/toggle-group/ToggleGroup.d.ts +3 -3
  63. package/cjs/toggle-group/ToggleGroup.js +3 -3
  64. package/cjs/toggle-group/parts/ToggleItem.d.ts +32 -5
  65. package/cjs/toggle-group/parts/ToggleItem.js +4 -2
  66. package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
  67. package/cjs/toggle-group/parts/useToggleItem.js +1 -1
  68. package/cjs/toggle-group/parts/useToggleItem.js.map +1 -1
  69. package/cjs/util/hooks/descendants/useDescendant.js +1 -1
  70. package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
  71. package/cjs/util/hooks/descendants/utils.js +1 -1
  72. package/cjs/util/hooks/descendants/utils.js.map +1 -1
  73. package/cjs/util/i18n/get.js +3 -2
  74. package/cjs/util/i18n/get.js.map +1 -1
  75. package/cjs/util/types/AsChildProps.d.ts +1 -0
  76. package/esm/alert/Alert.d.ts +5 -0
  77. package/esm/alert/Alert.js +5 -3
  78. package/esm/alert/Alert.js.map +1 -1
  79. package/esm/collapsible/parts/Collapsible.Content.js +1 -1
  80. package/esm/collapsible/parts/Collapsible.Trigger.js +1 -1
  81. package/esm/date/datepicker/types.d.ts +1 -1
  82. package/esm/date/monthpicker/types.d.ts +1 -1
  83. package/esm/form/file-upload/parts/Trigger.js +1 -1
  84. package/esm/form/file-upload/parts/item/Item.d.ts +5 -0
  85. package/esm/form/file-upload/parts/item/Item.js +2 -2
  86. package/esm/form/file-upload/parts/item/Item.js.map +1 -1
  87. package/esm/layout/base/BasePrimitive.d.ts +167 -0
  88. package/esm/layout/base/BasePrimitive.js +63 -0
  89. package/esm/layout/base/BasePrimitive.js.map +1 -0
  90. package/esm/layout/base/PrimitiveAsChildProps.d.ts +41 -0
  91. package/esm/layout/base/PrimitiveAsChildProps.js +2 -0
  92. package/esm/layout/base/PrimitiveAsChildProps.js.map +1 -0
  93. package/esm/layout/bleed/Bleed.js +1 -1
  94. package/esm/layout/box/Box.d.ts +14 -35
  95. package/esm/layout/box/Box.js +15 -4
  96. package/esm/layout/box/Box.js.map +1 -1
  97. package/esm/layout/grid/HGrid.d.ts +7 -5
  98. package/esm/layout/grid/HGrid.js +7 -2
  99. package/esm/layout/grid/HGrid.js.map +1 -1
  100. package/esm/layout/page/Page.d.ts +4 -3
  101. package/esm/layout/page/Page.js.map +1 -1
  102. package/esm/layout/responsive/Responsive.js +1 -1
  103. package/esm/layout/stack/HStack.d.ts +2 -1
  104. package/esm/layout/stack/HStack.js.map +1 -1
  105. package/esm/layout/stack/Stack.d.ts +8 -5
  106. package/esm/layout/stack/Stack.js +10 -5
  107. package/esm/layout/stack/Stack.js.map +1 -1
  108. package/esm/layout/stack/VStack.d.ts +2 -1
  109. package/esm/layout/stack/VStack.js.map +1 -1
  110. package/esm/layout/utilities/css.js +3 -0
  111. package/esm/layout/utilities/css.js.map +1 -1
  112. package/esm/layout/utilities/types.d.ts +2 -1
  113. package/esm/list/ListItem.js +3 -3
  114. package/esm/list/ListItem.js.map +1 -1
  115. package/esm/modal/dialog-polyfill.js +0 -3
  116. package/esm/modal/dialog-polyfill.js.map +1 -1
  117. package/esm/overlays/dismissablelayer/DismissableLayer.js +1 -1
  118. package/esm/overlays/dismissablelayer/util/useFocusOutside.d.ts +2 -2
  119. package/esm/overlays/dismissablelayer/util/useFocusOutside.js +6 -2
  120. package/esm/overlays/dismissablelayer/util/useFocusOutside.js.map +1 -1
  121. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.d.ts +1 -1
  122. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js +3 -1
  123. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
  124. package/esm/overlays/floating/Floating.js +1 -1
  125. package/esm/pagination/Pagination.d.ts +7 -0
  126. package/esm/pagination/Pagination.js +6 -3
  127. package/esm/pagination/Pagination.js.map +1 -1
  128. package/esm/pagination/PaginationItem.js +4 -2
  129. package/esm/pagination/PaginationItem.js.map +1 -1
  130. package/esm/portal/Portal.js +1 -1
  131. package/esm/slot/Slot.d.ts +6 -0
  132. package/esm/slot/Slot.js +32 -0
  133. package/esm/slot/Slot.js.map +1 -0
  134. package/esm/slot/merge-props.d.ts +4 -0
  135. package/esm/slot/merge-props.js +34 -0
  136. package/esm/slot/merge-props.js.map +1 -0
  137. package/esm/toggle-group/ToggleGroup.d.ts +3 -3
  138. package/esm/toggle-group/ToggleGroup.js +3 -3
  139. package/esm/toggle-group/parts/ToggleItem.d.ts +32 -5
  140. package/esm/toggle-group/parts/ToggleItem.js +4 -2
  141. package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
  142. package/esm/toggle-group/parts/useToggleItem.js +1 -1
  143. package/esm/toggle-group/parts/useToggleItem.js.map +1 -1
  144. package/esm/util/hooks/descendants/useDescendant.js +1 -1
  145. package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
  146. package/esm/util/hooks/descendants/utils.js +1 -1
  147. package/esm/util/hooks/descendants/utils.js.map +1 -1
  148. package/esm/util/i18n/get.js +3 -2
  149. package/esm/util/i18n/get.js.map +1 -1
  150. package/esm/util/types/AsChildProps.d.ts +1 -0
  151. package/package.json +3 -3
  152. package/src/alert/Alert.tsx +23 -2
  153. package/src/collapsible/parts/Collapsible.Content.tsx +1 -1
  154. package/src/collapsible/parts/Collapsible.Trigger.tsx +1 -1
  155. package/src/date/datepicker/types.ts +1 -1
  156. package/src/date/monthpicker/types.ts +1 -1
  157. package/src/form/file-upload/parts/Trigger.tsx +1 -1
  158. package/src/form/file-upload/parts/item/Item.tsx +7 -1
  159. package/src/layout/base/BasePrimitive.tsx +314 -0
  160. package/src/layout/base/PrimitiveAsChildProps.ts +42 -0
  161. package/src/layout/bleed/Bleed.tsx +1 -1
  162. package/src/layout/box/Box.tsx +66 -76
  163. package/src/layout/grid/HGrid.tsx +73 -45
  164. package/src/layout/page/Page.tsx +4 -3
  165. package/src/layout/responsive/Responsive.tsx +1 -1
  166. package/src/layout/stack/HStack.tsx +2 -1
  167. package/src/layout/stack/Stack.tsx +80 -62
  168. package/src/layout/stack/VStack.tsx +3 -1
  169. package/src/layout/utilities/css.ts +3 -0
  170. package/src/layout/utilities/types.ts +2 -3
  171. package/src/list/ListItem.tsx +5 -5
  172. package/src/modal/dialog-polyfill.ts +0 -3
  173. package/src/overlays/dismissablelayer/DismissableLayer.tsx +1 -1
  174. package/src/overlays/dismissablelayer/util/useFocusOutside.ts +6 -2
  175. package/src/overlays/dismissablelayer/util/usePointerDownOutside.ts +3 -1
  176. package/src/overlays/floating/Floating.tsx +1 -1
  177. package/src/pagination/Pagination.tsx +26 -1
  178. package/src/pagination/PaginationItem.tsx +4 -0
  179. package/src/portal/Portal.tsx +1 -1
  180. package/src/slot/Slot.tsx +33 -0
  181. package/src/{util/Slot.tsx → slot/merge-props.ts} +2 -34
  182. package/src/slot/tests/merge-props.test.ts +49 -0
  183. package/src/toggle-group/ToggleGroup.test.tsx +3 -9
  184. package/src/toggle-group/ToggleGroup.tsx +3 -3
  185. package/src/toggle-group/parts/ToggleItem.tsx +54 -8
  186. package/src/toggle-group/parts/useToggleItem.ts +4 -1
  187. package/src/util/hooks/descendants/useDescendant.tsx +1 -1
  188. package/src/util/hooks/descendants/utils.ts +1 -1
  189. package/src/util/i18n/get.ts +4 -2
  190. package/src/util/types/AsChildProps.ts +1 -0
  191. package/cjs/layout/sidemal-test/AvatarPanel.d.ts +0 -4
  192. package/cjs/layout/sidemal-test/AvatarPanel.js +0 -19
  193. package/cjs/layout/sidemal-test/AvatarPanel.js.map +0 -1
  194. package/cjs/layout/sidemal-test/Content.d.ts +0 -2
  195. package/cjs/layout/sidemal-test/Content.js +0 -67
  196. package/cjs/layout/sidemal-test/Content.js.map +0 -1
  197. package/cjs/layout/sidemal-test/Filter.d.ts +0 -2
  198. package/cjs/layout/sidemal-test/Filter.js +0 -49
  199. package/cjs/layout/sidemal-test/Filter.js.map +0 -1
  200. package/cjs/layout/sidemal-test/Header.d.ts +0 -2
  201. package/cjs/layout/sidemal-test/Header.js +0 -49
  202. package/cjs/layout/sidemal-test/Header.js.map +0 -1
  203. package/cjs/layout/sidemal-test/Intro.d.ts +0 -2
  204. package/cjs/layout/sidemal-test/Intro.js +0 -37
  205. package/cjs/layout/sidemal-test/Intro.js.map +0 -1
  206. package/cjs/layout/sidemal-test/Sidebar.d.ts +0 -4
  207. package/cjs/layout/sidemal-test/Sidebar.js +0 -50
  208. package/cjs/layout/sidemal-test/Sidebar.js.map +0 -1
  209. package/cjs/layout/sidemal-test/content-box/ContentBox.d.ts +0 -8
  210. package/cjs/layout/sidemal-test/content-box/ContentBox.js +0 -66
  211. package/cjs/layout/sidemal-test/content-box/ContentBox.js.map +0 -1
  212. package/cjs/layout/sidemal-test/content-box/index.d.ts +0 -1
  213. package/cjs/layout/sidemal-test/content-box/index.js +0 -9
  214. package/cjs/layout/sidemal-test/content-box/index.js.map +0 -1
  215. package/cjs/util/Slot.d.ts +0 -6
  216. package/cjs/util/Slot.js.map +0 -1
  217. package/esm/layout/sidemal-test/AvatarPanel.d.ts +0 -4
  218. package/esm/layout/sidemal-test/AvatarPanel.js +0 -12
  219. package/esm/layout/sidemal-test/AvatarPanel.js.map +0 -1
  220. package/esm/layout/sidemal-test/Content.d.ts +0 -2
  221. package/esm/layout/sidemal-test/Content.js +0 -60
  222. package/esm/layout/sidemal-test/Content.js.map +0 -1
  223. package/esm/layout/sidemal-test/Filter.d.ts +0 -2
  224. package/esm/layout/sidemal-test/Filter.js +0 -22
  225. package/esm/layout/sidemal-test/Filter.js.map +0 -1
  226. package/esm/layout/sidemal-test/Header.d.ts +0 -2
  227. package/esm/layout/sidemal-test/Header.js +0 -42
  228. package/esm/layout/sidemal-test/Header.js.map +0 -1
  229. package/esm/layout/sidemal-test/Intro.d.ts +0 -2
  230. package/esm/layout/sidemal-test/Intro.js +0 -30
  231. package/esm/layout/sidemal-test/Intro.js.map +0 -1
  232. package/esm/layout/sidemal-test/Sidebar.d.ts +0 -4
  233. package/esm/layout/sidemal-test/Sidebar.js +0 -41
  234. package/esm/layout/sidemal-test/Sidebar.js.map +0 -1
  235. package/esm/layout/sidemal-test/content-box/ContentBox.d.ts +0 -8
  236. package/esm/layout/sidemal-test/content-box/ContentBox.js +0 -37
  237. package/esm/layout/sidemal-test/content-box/ContentBox.js.map +0 -1
  238. package/esm/layout/sidemal-test/content-box/index.d.ts +0 -1
  239. package/esm/layout/sidemal-test/content-box/index.js +0 -2
  240. package/esm/layout/sidemal-test/content-box/index.js.map +0 -1
  241. package/esm/util/Slot.d.ts +0 -6
  242. package/esm/util/Slot.js +0 -63
  243. package/esm/util/Slot.js.map +0 -1
  244. package/src/layout/sidemal-test/AvatarPanel.tsx +0 -27
  245. package/src/layout/sidemal-test/Content.tsx +0 -129
  246. package/src/layout/sidemal-test/Filter.tsx +0 -46
  247. package/src/layout/sidemal-test/Header.tsx +0 -96
  248. package/src/layout/sidemal-test/Intro.tsx +0 -91
  249. package/src/layout/sidemal-test/Sidebar.tsx +0 -77
  250. package/src/layout/sidemal-test/content-box/ContentBox.tsx +0 -46
  251. package/src/layout/sidemal-test/content-box/index.ts +0 -1
  252. package/src/layout/sidemal-test/styling.css +0 -43
  253. /package/src/{util/__tests__ → slot/tests}/Slot.test.tsx +0 -0
@@ -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"}
@@ -67,7 +67,7 @@ function useToggleItem({ value, disabled = false, onFocus: _onFocus, onClick, on
67
67
  ref: (0, useMergeRefs_1.mergeRefs)([register, ref]),
68
68
  isSelected,
69
69
  isFocused: focusedValue === value,
70
- onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setSelectedValue(value)),
70
+ onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => selectedValue !== value && setSelectedValue(value)),
71
71
  onFocus: disabled ? undefined : (0, composeEventHandlers_1.composeEventHandlers)(_onFocus, onFocus),
72
72
  onKeyDown: (0, composeEventHandlers_1.composeEventHandlers)(_onKeyDown, onKeyDown),
73
73
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/useToggleItem.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AACpC,0EAAuE;AACvE,gEAA0D;AAC1D,gEAGgC;AAchC,SAAgB,aAAa,CAC3B,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,EAAE,QAAQ,EACjB,OAAO,EACP,SAAS,EAAE,UAAU,GACnB,EACJ,GAA0C;IAE1C,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,GACtE,IAAA,2CAAqB,GAAE,CAAC;IAE1B,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,8CAAwB,EAAC;QACzD,QAAQ;QACR,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC;IAE3C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAE7C;;OAEG;IACH,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,KAA0B,EAAE,EAAE;QAC7B;;;WAGG;QACH,MAAM,GAAG,GAAG,WAAW;aACpB,MAAM,EAAE;aACR,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;QAE9C,MAAM,OAAO,GAAG,GAAG,EAAE;;YACnB,MAAM,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACjD,IAAI,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC7B,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,GAAG,EAAE;;YACnB,MAAM,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACjD,IAAI,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC7B,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,GAAG,EAAE;;YACpB,MAAM,KAAK,GAAG,WAAW,CAAC,YAAY,EAAE,CAAC;YACzC,KAAK,KAAI,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC/B,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,GAAG,EAAE;;YACnB,MAAM,IAAI,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;YACvC,IAAI,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC7B,CAAC,CAAC;QAEF,MAAM,MAAM,GAA+C;YACzD,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE,OAAO;YACnB,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,OAAO;SACb,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEjC,IAAI,MAAM,EAAE,CAAC;YACX,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC/B;;;eAGG;YACH,aAAa,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,CAAC,CAC5D,CAAC;IAEF,OAAO;QACL,GAAG,EAAE,IAAA,wBAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC/B,UAAU;QACV,SAAS,EAAE,YAAY,KAAK,KAAK;QACjC,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,2CAAoB,EAAC,QAAQ,EAAE,OAAO,CAAC;QACvE,SAAS,EAAE,IAAA,2CAAoB,EAAC,UAAU,EAAE,SAAS,CAAC;KACvD,CAAC;AACJ,CAAC;AAnFD,sCAmFC"}
1
+ {"version":3,"file":"useToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/useToggleItem.ts"],"names":[],"mappings":"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"}
@@ -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"}
@@ -16,6 +16,7 @@ export type AsChildProps = {
16
16
  * ```
17
17
  */
18
18
  asChild: true;
19
+ as?: never;
19
20
  } | {
20
21
  children: React.ReactNode;
21
22
  /**
@@ -18,6 +18,11 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
18
18
  * @default false
19
19
  */
20
20
  fullWidth?: boolean;
21
+ /**
22
+ * Sets max-width on the content to 43.5rem.
23
+ * @default true
24
+ */
25
+ contentMaxWidth?: boolean;
21
26
  /**
22
27
  * Removes background from Alert.
23
28
  * @default false
@@ -39,16 +39,18 @@ const Icon = (_a) => {
39
39
  * ```
40
40
  */
41
41
  export const Alert = forwardRef((_a, ref) => {
42
- var { children, className, variant, size = "medium", fullWidth = false, inline = false, closeButton = false, onClose } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "inline", "closeButton", "onClose"]);
42
+ var { children, className, variant, size = "medium", fullWidth = false, contentMaxWidth = true, inline = false, closeButton = false, onClose } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "contentMaxWidth", "inline", "closeButton", "onClose"]);
43
43
  return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, {
44
44
  "navds-alert--full-width": fullWidth,
45
45
  "navds-alert--inline": inline,
46
46
  "navds-alert--close-button": closeButton,
47
47
  }) }),
48
48
  React.createElement(Icon, { variant: variant, className: "navds-alert__icon" }),
49
- React.createElement(BodyLong, { as: "div", size: size, className: "navds-alert__wrapper" }, children),
49
+ React.createElement(BodyLong, { as: "div", size: size, className: cl("navds-alert__wrapper", contentMaxWidth && "navds-alert__wrapper--maxwidth") }, children),
50
50
  closeButton && !inline && (React.createElement("div", { className: "navds-alert__button-wrapper" },
51
- React.createElement(Button, { className: "navds-alert__button", size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: "Lukk Alert" }) })))));
51
+ React.createElement(Button, { className: "navds-alert__button", size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: ["error", "warning"].includes(variant)
52
+ ? "Lukk varsel"
53
+ : "Lukk melding" }) })))));
52
54
  });
53
55
  export default Alert;
54
56
  //# sourceMappingURL=Alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,SAAS,EACT,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAyCzC,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,oBAAC,oBAAoB,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QAC1D,KAAK,SAAS;YACZ,OAAO,oBAAC,+BAA+B,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACzE,KAAK,MAAM;YACT,OAAO,oBAAC,yBAAyB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QACtE,KAAK,SAAS;YACZ,OAAO,oBAAC,uBAAuB,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QAChE;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAMF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cATT,6FAUC,CADQ;IAIT,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,MAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAC,YAAY,GAAG,GACtC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,SAAS,EACT,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA8CzC,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,oBAAC,oBAAoB,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QAC1D,KAAK,SAAS;YACZ,OAAO,oBAAC,+BAA+B,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACzE,KAAK,MAAM;YACT,OAAO,oBAAC,yBAAyB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QACtE,KAAK,SAAS;YACZ,OAAO,oBAAC,uBAAuB,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QAChE;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAMF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,MAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EACF,oBAAC,SAAS,IACR,KAAK,EACH,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;wBACpC,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,cAAc,GAEpB,GAEJ,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,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":";;;;;;;;;;;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;AAqD1D,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAYsB,EACtB,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,EACZ,WAAW,OAES,EADjB,IAAI,cAXT,8GAYC,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,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,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"}