@dnb/eufemia 10.37.0 → 10.38.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 (345) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/cjs/components/accordion/Accordion.d.ts +13 -3
  3. package/cjs/components/accordion/Accordion.js +14 -9
  4. package/cjs/components/accordion/Accordion.js.map +1 -1
  5. package/cjs/components/accordion/AccordionContext.d.ts +2 -0
  6. package/cjs/components/accordion/AccordionContext.js.map +1 -1
  7. package/cjs/components/accordion/AccordionDocs.js +5 -0
  8. package/cjs/components/accordion/AccordionDocs.js.map +1 -1
  9. package/cjs/components/accordion/AccordionGroup.js +6 -3
  10. package/cjs/components/accordion/AccordionGroup.js.map +1 -1
  11. package/cjs/components/accordion/AccordionProviderContext.d.ts +2 -0
  12. package/cjs/components/accordion/AccordionProviderContext.js.map +1 -1
  13. package/cjs/components/accordion/AccordionStore.d.ts +2 -0
  14. package/cjs/components/accordion/AccordionStore.js +1 -1
  15. package/cjs/components/accordion/AccordionStore.js.map +1 -1
  16. package/cjs/components/accordion/style/themes/dnb-accordion-theme-ui.css +1 -0
  17. package/cjs/components/accordion/style/themes/dnb-accordion-theme-ui.min.css +1 -1
  18. package/cjs/components/accordion/style/themes/dnb-accordion-theme-ui.scss +3 -0
  19. package/cjs/components/button/Button.d.ts +1 -1
  20. package/cjs/components/card/Card.js +4 -3
  21. package/cjs/components/card/Card.js.map +1 -1
  22. package/cjs/components/card/style/dnb-card.css +16 -0
  23. package/cjs/components/card/style/dnb-card.min.css +1 -1
  24. package/cjs/components/card/style/dnb-card.scss +17 -0
  25. package/cjs/components/card/style/themes/dnb-card-theme-sbanken.css +4 -4
  26. package/cjs/components/card/style/themes/dnb-card-theme-sbanken.min.css +1 -1
  27. package/cjs/components/card/style/themes/dnb-card-theme-sbanken.scss +3 -5
  28. package/cjs/components/card/style/themes/dnb-card-theme-ui.css +4 -7
  29. package/cjs/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
  30. package/cjs/components/card/style/themes/dnb-card-theme-ui.scss +3 -7
  31. package/cjs/components/checkbox/style/dnb-checkbox.scss +1 -1
  32. package/cjs/components/height-animation/HeightAnimation.d.ts +1 -1
  33. package/cjs/components/height-animation/HeightAnimation.js +6 -2
  34. package/cjs/components/height-animation/HeightAnimation.js.map +1 -1
  35. package/cjs/components/height-animation/HeightAnimationDocs.d.ts +3 -0
  36. package/cjs/components/height-animation/HeightAnimationDocs.js +83 -0
  37. package/cjs/components/height-animation/HeightAnimationDocs.js.map +1 -0
  38. package/cjs/components/height-animation/style/dnb-height-animation.css +3 -2
  39. package/cjs/components/height-animation/style/dnb-height-animation.min.css +1 -1
  40. package/cjs/components/height-animation/style/dnb-height-animation.scss +3 -2
  41. package/cjs/components/height-animation/useHeightAnimation.d.ts +6 -1
  42. package/cjs/components/height-animation/useHeightAnimation.js +36 -6
  43. package/cjs/components/height-animation/useHeightAnimation.js.map +1 -1
  44. package/cjs/components/radio/RadioGroup.js +4 -2
  45. package/cjs/components/radio/RadioGroup.js.map +1 -1
  46. package/cjs/components/radio/style/dnb-radio.css +8 -5
  47. package/cjs/components/radio/style/dnb-radio.min.css +1 -1
  48. package/cjs/components/radio/style/dnb-radio.scss +11 -13
  49. package/cjs/components/section/Section.js +3 -0
  50. package/cjs/components/section/Section.js.map +1 -1
  51. package/cjs/components/section/style/dnb-section.scss +2 -0
  52. package/cjs/components/toggle-button/ToggleButtonGroup.js +6 -3
  53. package/cjs/components/toggle-button/ToggleButtonGroup.js.map +1 -1
  54. package/cjs/components/toggle-button/style/dnb-toggle-button.css +3 -3
  55. package/cjs/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  56. package/cjs/components/toggle-button/style/dnb-toggle-button.scss +6 -2
  57. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +14 -0
  58. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +90 -31
  59. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  60. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -3
  61. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  62. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +14 -3
  63. package/cjs/extensions/forms/Field/Selection/Selection.d.ts +15 -3
  64. package/cjs/extensions/forms/Field/Selection/Selection.js +71 -42
  65. package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
  66. package/cjs/extensions/forms/Field/Selection/style/dnb-selection.css +9 -0
  67. package/cjs/extensions/forms/Field/Selection/style/dnb-selection.min.css +1 -1
  68. package/cjs/extensions/forms/Field/Selection/style/dnb-selection.scss +16 -0
  69. package/cjs/extensions/forms/Form/Visibility/Visibility.d.ts +3 -1
  70. package/cjs/extensions/forms/Form/Visibility/Visibility.js +4 -2
  71. package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
  72. package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js +5 -0
  73. package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
  74. package/cjs/extensions/forms/style/dnb-forms.css +21 -3
  75. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  76. package/cjs/extensions/forms/types.d.ts +1 -1
  77. package/cjs/extensions/forms/types.js.map +1 -1
  78. package/cjs/shared/Eufemia.d.ts +1 -1
  79. package/cjs/shared/Eufemia.js +2 -2
  80. package/cjs/shared/Eufemia.js.map +1 -1
  81. package/cjs/style/core/scopes.scss +1 -1
  82. package/cjs/style/dnb-ui-basis.css +1 -1
  83. package/cjs/style/dnb-ui-basis.min.css +1 -1
  84. package/cjs/style/dnb-ui-body.css +1 -1
  85. package/cjs/style/dnb-ui-body.min.css +1 -1
  86. package/cjs/style/dnb-ui-components.css +51 -13
  87. package/cjs/style/dnb-ui-components.min.css +3 -3
  88. package/cjs/style/dnb-ui-core.css +1 -1
  89. package/cjs/style/dnb-ui-core.min.css +1 -1
  90. package/cjs/style/dnb-ui-extensions.css +21 -3
  91. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  92. package/cjs/style/dnb-ui-forms.css +21 -3
  93. package/cjs/style/dnb-ui-forms.min.css +1 -1
  94. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +77 -23
  95. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
  96. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +21 -3
  97. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  98. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +21 -3
  99. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  100. package/cjs/style/themes/theme-sbanken/fonts.scss +1 -1
  101. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +76 -20
  102. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  103. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +21 -3
  104. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  105. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +21 -3
  106. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  107. package/cjs/style/themes/theme-ui/ui-theme-components.css +77 -23
  108. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +5 -5
  109. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +21 -3
  110. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  111. package/cjs/style/themes/theme-ui/ui-theme-forms.css +21 -3
  112. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  113. package/components/accordion/Accordion.d.ts +13 -3
  114. package/components/accordion/Accordion.js +15 -10
  115. package/components/accordion/Accordion.js.map +1 -1
  116. package/components/accordion/AccordionContext.d.ts +2 -0
  117. package/components/accordion/AccordionContext.js.map +1 -1
  118. package/components/accordion/AccordionDocs.js +5 -0
  119. package/components/accordion/AccordionDocs.js.map +1 -1
  120. package/components/accordion/AccordionGroup.js +6 -3
  121. package/components/accordion/AccordionGroup.js.map +1 -1
  122. package/components/accordion/AccordionProviderContext.d.ts +2 -0
  123. package/components/accordion/AccordionProviderContext.js.map +1 -1
  124. package/components/accordion/AccordionStore.d.ts +2 -0
  125. package/components/accordion/AccordionStore.js +1 -1
  126. package/components/accordion/AccordionStore.js.map +1 -1
  127. package/components/accordion/style/themes/dnb-accordion-theme-ui.css +1 -0
  128. package/components/accordion/style/themes/dnb-accordion-theme-ui.min.css +1 -1
  129. package/components/accordion/style/themes/dnb-accordion-theme-ui.scss +3 -0
  130. package/components/button/Button.d.ts +1 -1
  131. package/components/card/Card.js +4 -3
  132. package/components/card/Card.js.map +1 -1
  133. package/components/card/style/dnb-card.css +16 -0
  134. package/components/card/style/dnb-card.min.css +1 -1
  135. package/components/card/style/dnb-card.scss +17 -0
  136. package/components/card/style/themes/dnb-card-theme-sbanken.css +4 -4
  137. package/components/card/style/themes/dnb-card-theme-sbanken.min.css +1 -1
  138. package/components/card/style/themes/dnb-card-theme-sbanken.scss +3 -5
  139. package/components/card/style/themes/dnb-card-theme-ui.css +4 -7
  140. package/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
  141. package/components/card/style/themes/dnb-card-theme-ui.scss +3 -7
  142. package/components/checkbox/style/dnb-checkbox.scss +1 -1
  143. package/components/height-animation/HeightAnimation.d.ts +1 -1
  144. package/components/height-animation/HeightAnimation.js +6 -2
  145. package/components/height-animation/HeightAnimation.js.map +1 -1
  146. package/components/height-animation/HeightAnimationDocs.d.ts +3 -0
  147. package/components/height-animation/HeightAnimationDocs.js +75 -0
  148. package/components/height-animation/HeightAnimationDocs.js.map +1 -0
  149. package/components/height-animation/style/dnb-height-animation.css +3 -2
  150. package/components/height-animation/style/dnb-height-animation.min.css +1 -1
  151. package/components/height-animation/style/dnb-height-animation.scss +3 -2
  152. package/components/height-animation/useHeightAnimation.d.ts +6 -1
  153. package/components/height-animation/useHeightAnimation.js +37 -7
  154. package/components/height-animation/useHeightAnimation.js.map +1 -1
  155. package/components/radio/RadioGroup.js +4 -2
  156. package/components/radio/RadioGroup.js.map +1 -1
  157. package/components/radio/style/dnb-radio.css +8 -5
  158. package/components/radio/style/dnb-radio.min.css +1 -1
  159. package/components/radio/style/dnb-radio.scss +11 -13
  160. package/components/section/Section.js +3 -0
  161. package/components/section/Section.js.map +1 -1
  162. package/components/section/style/dnb-section.scss +2 -0
  163. package/components/toggle-button/ToggleButtonGroup.js +6 -3
  164. package/components/toggle-button/ToggleButtonGroup.js.map +1 -1
  165. package/components/toggle-button/style/dnb-toggle-button.css +3 -3
  166. package/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  167. package/components/toggle-button/style/dnb-toggle-button.scss +6 -2
  168. package/es/components/accordion/Accordion.d.ts +13 -3
  169. package/es/components/accordion/Accordion.js +15 -10
  170. package/es/components/accordion/Accordion.js.map +1 -1
  171. package/es/components/accordion/AccordionContext.d.ts +2 -0
  172. package/es/components/accordion/AccordionContext.js.map +1 -1
  173. package/es/components/accordion/AccordionDocs.js +5 -0
  174. package/es/components/accordion/AccordionDocs.js.map +1 -1
  175. package/es/components/accordion/AccordionGroup.js +6 -3
  176. package/es/components/accordion/AccordionGroup.js.map +1 -1
  177. package/es/components/accordion/AccordionProviderContext.d.ts +2 -0
  178. package/es/components/accordion/AccordionProviderContext.js.map +1 -1
  179. package/es/components/accordion/AccordionStore.d.ts +2 -0
  180. package/es/components/accordion/AccordionStore.js +1 -1
  181. package/es/components/accordion/AccordionStore.js.map +1 -1
  182. package/es/components/accordion/style/themes/dnb-accordion-theme-ui.css +1 -0
  183. package/es/components/accordion/style/themes/dnb-accordion-theme-ui.min.css +1 -1
  184. package/es/components/accordion/style/themes/dnb-accordion-theme-ui.scss +3 -0
  185. package/es/components/button/Button.d.ts +1 -1
  186. package/es/components/card/Card.js +4 -3
  187. package/es/components/card/Card.js.map +1 -1
  188. package/es/components/card/style/dnb-card.css +16 -0
  189. package/es/components/card/style/dnb-card.min.css +1 -1
  190. package/es/components/card/style/dnb-card.scss +17 -0
  191. package/es/components/card/style/themes/dnb-card-theme-sbanken.css +4 -4
  192. package/es/components/card/style/themes/dnb-card-theme-sbanken.min.css +1 -1
  193. package/es/components/card/style/themes/dnb-card-theme-sbanken.scss +3 -5
  194. package/es/components/card/style/themes/dnb-card-theme-ui.css +4 -7
  195. package/es/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
  196. package/es/components/card/style/themes/dnb-card-theme-ui.scss +3 -7
  197. package/es/components/checkbox/style/dnb-checkbox.scss +1 -1
  198. package/es/components/height-animation/HeightAnimation.d.ts +1 -1
  199. package/es/components/height-animation/HeightAnimation.js +6 -2
  200. package/es/components/height-animation/HeightAnimation.js.map +1 -1
  201. package/es/components/height-animation/HeightAnimationDocs.d.ts +3 -0
  202. package/es/components/height-animation/HeightAnimationDocs.js +75 -0
  203. package/es/components/height-animation/HeightAnimationDocs.js.map +1 -0
  204. package/es/components/height-animation/style/dnb-height-animation.css +3 -2
  205. package/es/components/height-animation/style/dnb-height-animation.min.css +1 -1
  206. package/es/components/height-animation/style/dnb-height-animation.scss +3 -2
  207. package/es/components/height-animation/useHeightAnimation.d.ts +6 -1
  208. package/es/components/height-animation/useHeightAnimation.js +37 -7
  209. package/es/components/height-animation/useHeightAnimation.js.map +1 -1
  210. package/es/components/radio/RadioGroup.js +4 -2
  211. package/es/components/radio/RadioGroup.js.map +1 -1
  212. package/es/components/radio/style/dnb-radio.css +8 -5
  213. package/es/components/radio/style/dnb-radio.min.css +1 -1
  214. package/es/components/radio/style/dnb-radio.scss +11 -13
  215. package/es/components/section/Section.js +3 -0
  216. package/es/components/section/Section.js.map +1 -1
  217. package/es/components/section/style/dnb-section.scss +2 -0
  218. package/es/components/toggle-button/ToggleButtonGroup.js +6 -3
  219. package/es/components/toggle-button/ToggleButtonGroup.js.map +1 -1
  220. package/es/components/toggle-button/style/dnb-toggle-button.css +3 -3
  221. package/es/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  222. package/es/components/toggle-button/style/dnb-toggle-button.scss +6 -2
  223. package/es/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +14 -0
  224. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +87 -29
  225. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  226. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -3
  227. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  228. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +14 -3
  229. package/es/extensions/forms/Field/Selection/Selection.d.ts +15 -3
  230. package/es/extensions/forms/Field/Selection/Selection.js +68 -42
  231. package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
  232. package/es/extensions/forms/Field/Selection/style/dnb-selection.css +9 -0
  233. package/es/extensions/forms/Field/Selection/style/dnb-selection.min.css +1 -1
  234. package/es/extensions/forms/Field/Selection/style/dnb-selection.scss +16 -0
  235. package/es/extensions/forms/Form/Visibility/Visibility.d.ts +3 -1
  236. package/es/extensions/forms/Form/Visibility/Visibility.js +4 -2
  237. package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
  238. package/es/extensions/forms/Form/Visibility/VisibilityDocs.js +5 -0
  239. package/es/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
  240. package/es/extensions/forms/style/dnb-forms.css +21 -3
  241. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  242. package/es/extensions/forms/types.d.ts +1 -1
  243. package/es/extensions/forms/types.js.map +1 -1
  244. package/es/shared/Eufemia.d.ts +1 -1
  245. package/es/shared/Eufemia.js +2 -2
  246. package/es/shared/Eufemia.js.map +1 -1
  247. package/es/style/core/scopes.scss +1 -1
  248. package/es/style/dnb-ui-basis.css +1 -1
  249. package/es/style/dnb-ui-basis.min.css +1 -1
  250. package/es/style/dnb-ui-body.css +1 -1
  251. package/es/style/dnb-ui-body.min.css +1 -1
  252. package/es/style/dnb-ui-components.css +51 -13
  253. package/es/style/dnb-ui-components.min.css +3 -3
  254. package/es/style/dnb-ui-core.css +1 -1
  255. package/es/style/dnb-ui-core.min.css +1 -1
  256. package/es/style/dnb-ui-extensions.css +21 -3
  257. package/es/style/dnb-ui-extensions.min.css +1 -1
  258. package/es/style/dnb-ui-forms.css +21 -3
  259. package/es/style/dnb-ui-forms.min.css +1 -1
  260. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +77 -23
  261. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
  262. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +21 -3
  263. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  264. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +21 -3
  265. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  266. package/es/style/themes/theme-sbanken/fonts.scss +1 -1
  267. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +76 -20
  268. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  269. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +21 -3
  270. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  271. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +21 -3
  272. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  273. package/es/style/themes/theme-ui/ui-theme-components.css +77 -23
  274. package/es/style/themes/theme-ui/ui-theme-components.min.css +5 -5
  275. package/es/style/themes/theme-ui/ui-theme-extensions.css +21 -3
  276. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  277. package/es/style/themes/theme-ui/ui-theme-forms.css +21 -3
  278. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  279. package/esm/dnb-ui-basis.min.mjs +1 -1
  280. package/esm/dnb-ui-components.min.mjs +1 -1
  281. package/esm/dnb-ui-elements.min.mjs +1 -1
  282. package/esm/dnb-ui-extensions.min.mjs +2 -2
  283. package/esm/dnb-ui-lib.min.mjs +1 -1
  284. package/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +14 -0
  285. package/extensions/forms/Field/ArraySelection/ArraySelection.js +88 -29
  286. package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  287. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -3
  288. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  289. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +14 -3
  290. package/extensions/forms/Field/Selection/Selection.d.ts +15 -3
  291. package/extensions/forms/Field/Selection/Selection.js +69 -42
  292. package/extensions/forms/Field/Selection/Selection.js.map +1 -1
  293. package/extensions/forms/Field/Selection/style/dnb-selection.css +9 -0
  294. package/extensions/forms/Field/Selection/style/dnb-selection.min.css +1 -1
  295. package/extensions/forms/Field/Selection/style/dnb-selection.scss +16 -0
  296. package/extensions/forms/Form/Visibility/Visibility.d.ts +3 -1
  297. package/extensions/forms/Form/Visibility/Visibility.js +4 -2
  298. package/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
  299. package/extensions/forms/Form/Visibility/VisibilityDocs.js +5 -0
  300. package/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
  301. package/extensions/forms/style/dnb-forms.css +21 -3
  302. package/extensions/forms/style/dnb-forms.min.css +1 -1
  303. package/extensions/forms/types.d.ts +1 -1
  304. package/extensions/forms/types.js.map +1 -1
  305. package/package.json +1 -1
  306. package/shared/Eufemia.d.ts +1 -1
  307. package/shared/Eufemia.js +2 -2
  308. package/shared/Eufemia.js.map +1 -1
  309. package/style/core/scopes.scss +1 -1
  310. package/style/dnb-ui-basis.css +1 -1
  311. package/style/dnb-ui-basis.min.css +1 -1
  312. package/style/dnb-ui-body.css +1 -1
  313. package/style/dnb-ui-body.min.css +1 -1
  314. package/style/dnb-ui-components.css +51 -13
  315. package/style/dnb-ui-components.min.css +3 -3
  316. package/style/dnb-ui-core.css +1 -1
  317. package/style/dnb-ui-core.min.css +1 -1
  318. package/style/dnb-ui-extensions.css +21 -3
  319. package/style/dnb-ui-extensions.min.css +1 -1
  320. package/style/dnb-ui-forms.css +21 -3
  321. package/style/dnb-ui-forms.min.css +1 -1
  322. package/style/themes/theme-eiendom/eiendom-theme-components.css +77 -23
  323. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
  324. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +21 -3
  325. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  326. package/style/themes/theme-eiendom/eiendom-theme-forms.css +21 -3
  327. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  328. package/style/themes/theme-sbanken/fonts.scss +1 -1
  329. package/style/themes/theme-sbanken/sbanken-theme-components.css +76 -20
  330. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  331. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +21 -3
  332. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  333. package/style/themes/theme-sbanken/sbanken-theme-forms.css +21 -3
  334. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  335. package/style/themes/theme-ui/ui-theme-components.css +77 -23
  336. package/style/themes/theme-ui/ui-theme-components.min.css +5 -5
  337. package/style/themes/theme-ui/ui-theme-extensions.css +21 -3
  338. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  339. package/style/themes/theme-ui/ui-theme-forms.css +21 -3
  340. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  341. package/umd/dnb-ui-basis.min.js +1 -1
  342. package/umd/dnb-ui-components.min.js +1 -1
  343. package/umd/dnb-ui-elements.min.js +1 -1
  344. package/umd/dnb-ui-extensions.min.js +3 -3
  345. package/umd/dnb-ui-lib.min.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,27 @@
3
3
  All notable changes to @dnb/eufemia will be documented in this file. See
4
4
  [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [10.38.0](https://github.com/dnbexperience/eufemia/compare/v10.37.0...v10.38.0) (2024-06-26)
7
+
8
+
9
+ ### :bug: Bug Fixes
10
+
11
+ * **Accordion:** add missing bottom border on hover ([#3723](https://github.com/dnbexperience/eufemia/issues/3723)) ([41fb027](https://github.com/dnbexperience/eufemia/commit/41fb0275a8a1661afd5c5fd279b5a4c54a23d661))
12
+
13
+
14
+ ### :memo: Documentation
15
+
16
+ * **Button:** add 'small' button size as supported ([#3735](https://github.com/dnbexperience/eufemia/issues/3735)) ([686cb90](https://github.com/dnbexperience/eufemia/commit/686cb908c1de1ac4c31eabfe6c859a35b69ecb46))
17
+
18
+
19
+ ### :sparkles: Features
20
+
21
+ * **Accordion:** allow multiple accordions inside a group to be expanded at the same time ([#3726](https://github.com/dnbexperience/eufemia/issues/3726)) ([68d3b0b](https://github.com/dnbexperience/eufemia/commit/68d3b0b8c7a8d56dff1fa67b1df0aebb9292e355))
22
+ * **Card:** add support for nesting a Section with breakout until edge of card ([#3728](https://github.com/dnbexperience/eufemia/issues/3728)) ([97e92c2](https://github.com/dnbexperience/eufemia/commit/97e92c257cf4e0a3a4a16ad336bc5151bc8d66b4))
23
+ * **forms:** add property compensateForGap to Visibility ([#3733](https://github.com/dnbexperience/eufemia/issues/3733)) ([3094b18](https://github.com/dnbexperience/eufemia/commit/3094b1889457205ae6cc5fb2d74e0e9dbcfa2976)), closes [#3732](https://github.com/dnbexperience/eufemia/issues/3732)
24
+ * **forms:** add support for nested `Section` and `ArraySelection` fields ([#3734](https://github.com/dnbexperience/eufemia/issues/3734)) ([d4b3bb4](https://github.com/dnbexperience/eufemia/commit/d4b3bb4c6a1ad2a5acd860acd42d24e04ca9f4b9)), closes [#3733](https://github.com/dnbexperience/eufemia/issues/3733)
25
+ * **HeightAnimation:** add property `compensateForGap` ([#3732](https://github.com/dnbexperience/eufemia/issues/3732)) ([b0c4199](https://github.com/dnbexperience/eufemia/commit/b0c4199515e5642ac8bb3dd068ea1d2022dbdec0))
26
+
6
27
  ## [10.37.0](https://github.com/dnbexperience/eufemia/compare/v10.36.0...v10.37.0) (2024-06-18)
7
28
 
8
29
 
@@ -225,13 +225,18 @@ declare namespace Accordion {
225
225
  on_state_update?: (...args: any[]) => any;
226
226
  } & {
227
227
  allow_close_all?: boolean;
228
+ /**
229
+ * Determines how many accordions can be expanded at once.
230
+ * Default: `single`
231
+ */
232
+ expandBehaviour?: "multiple" | "single";
228
233
  /**
229
234
  * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.
230
235
  *
231
236
  * Default: `undefined`
232
237
  */
233
- collapseAllHandleRef?: React.MutableRefObject<() => void>;
234
238
  expanded_id?: string;
239
+ collapseAllHandleRef?: React.MutableRefObject<() => void>;
235
240
  };
236
241
  var Provider: {
237
242
  (props: import("./AccordionGroup").AccordionGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -247,7 +252,7 @@ declare namespace Accordion {
247
252
  };
248
253
  var Content: typeof AccordionContent;
249
254
  var Group: {
250
- (props: GroupProps): import("react/jsx-runtime").JSX.Element;
255
+ ({ expandBehaviour, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
251
256
  Store(group: string, id?: string): Store;
252
257
  };
253
258
  var Store: (id: string) => Store;
@@ -255,12 +260,17 @@ declare namespace Accordion {
255
260
  }
256
261
  export type GroupProps = AccordionProps & {
257
262
  allow_close_all?: boolean;
263
+ /**
264
+ * Determines how many accordions can be expanded at once.
265
+ * Default: `single`
266
+ */
267
+ expandBehaviour?: 'single' | 'multiple';
258
268
  /**
259
269
  * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.
260
270
  *
261
271
  * Default: `undefined`
262
272
  */
263
- collapseAllHandleRef?: React.MutableRefObject<() => void>;
264
273
  expanded_id?: string;
274
+ collapseAllHandleRef?: React.MutableRefObject<() => void>;
265
275
  };
266
276
  export default Accordion;
@@ -19,7 +19,8 @@ var _AccordionStore = require("./AccordionStore");
19
19
  var _defaultProps = require("./defaultProps");
20
20
  var _AccordionHeader;
21
21
  const _excluded = ["variant", "icon_size"],
22
- _excluded2 = ["variant", "className", "prerender", "prevent_rerender", "prevent_rerender_conditional", "single_container", "remember_state", "disabled", "skeleton", "no_animation", "expanded_ssr", "children", "id", "group", "title", "description", "left_component", "icon", "icon_position", "icon_size", "on_change", "on_state_update", "contentRef"];
22
+ _excluded2 = ["variant", "className", "prerender", "prevent_rerender", "prevent_rerender_conditional", "single_container", "remember_state", "disabled", "skeleton", "no_animation", "expanded_ssr", "children", "id", "group", "title", "description", "left_component", "icon", "icon_position", "icon_size", "on_change", "on_state_update", "contentRef"],
23
+ _excluded3 = ["expandBehaviour"];
23
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
25
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -94,10 +95,10 @@ function Accordion(_ref) {
94
95
  if (context !== null && context !== void 0 && context.expanded_id && context.expanded_id === props.id) {
95
96
  setExpanded(true);
96
97
  }
97
- }, [context.flush_remembered_state, context.expanded_id]);
98
+ }, [context.flush_remembered_state, context.expanded_id, props.expanded, props.id, store]);
98
99
  if (context !== null && context !== void 0 && context.collapseAllHandleRef && !hasAddedCallbackRef.current) {
99
100
  var _context$collapseAcco;
100
- context === null || context === void 0 ? void 0 : (_context$collapseAcco = context.collapseAccordionCallbacks) === null || _context$collapseAcco === void 0 ? void 0 : _context$collapseAcco.current.push(() => changeOpened(false));
101
+ context === null || context === void 0 ? void 0 : (_context$collapseAcco = context.collapseAccordionCallbacks) === null || _context$collapseAcco === void 0 ? void 0 : _context$collapseAcco.current.push(close);
101
102
  hasAddedCallbackRef.current = true;
102
103
  }
103
104
  function getInitialExpandedState() {
@@ -155,7 +156,6 @@ function Accordion(_ref) {
155
156
  event
156
157
  });
157
158
  }
158
- console.log('context', context);
159
159
  return _react.default.createElement(_Context.default.Consumer, null, globalContext => _react.default.createElement(_AccordionContext.default.Consumer, null, nestedContext => {
160
160
  let expandedState = expanded;
161
161
  const extendedProps = (0, _componentHelper.extendPropsWithContext)(props, _defaultProps.accordionDefaultProps, context, nestedContext, {
@@ -223,16 +223,20 @@ function Accordion(_ref) {
223
223
  }));
224
224
  }
225
225
  Accordion.defaultProps = _defaultProps.accordionDefaultProps;
226
- const Group = props => {
226
+ const Group = _ref2 => {
227
+ let {
228
+ expandBehaviour = 'single'
229
+ } = _ref2,
230
+ props = _objectWithoutProperties(_ref2, _excluded3);
227
231
  if (props.remember_state && !props.id) {
228
232
  (0, _AccordionStore.rememberWarning)('accordion group');
229
233
  }
230
234
  const [expandedId, setExpandedId] = (0, _react.useState)(null);
231
235
  const instanceIDs = (0, _react.useRef)([]);
232
236
  const group = props !== null && props !== void 0 && props.id ? props.id : !props.group ? '#' + (0, _componentHelper.makeUniqueId)() : undefined;
233
- const store = new _AccordionStore.Store({
237
+ const store = (0, _react.useMemo)(() => new _AccordionStore.Store({
234
238
  group
235
- });
239
+ }), [group]);
236
240
  (0, _react.useEffect)(() => {
237
241
  const storedData = store.getData();
238
242
  const currentIDs = instanceIDs === null || instanceIDs === void 0 ? void 0 : instanceIDs.current;
@@ -247,14 +251,14 @@ const Group = props => {
247
251
  return;
248
252
  }
249
253
  setExpandedId(fallbackId);
250
- }, []);
254
+ }, [store]);
251
255
  (0, _react.useEffect)(() => {
252
256
  if (!expandedId) {
253
257
  return;
254
258
  }
255
259
  store.saveState(true, expandedId);
256
260
  setExpandedId(null);
257
- }, [expandedId]);
261
+ }, [expandedId, store]);
258
262
  function onInit(instance) {
259
263
  if (instance.props.id && !instanceIDs.current.includes(instance.props.id)) {
260
264
  instanceIDs.current.push(instance.props.id);
@@ -264,6 +268,7 @@ const Group = props => {
264
268
  onInit: onInit
265
269
  }, props, {
266
270
  group: group,
271
+ expandBehaviour: expandBehaviour,
267
272
  expanded_id: expandedId || props.expanded_id
268
273
  }));
269
274
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_AccordionGroup","_AccordionHeader2","_AccordionContent","_AccordionContext","_AccordionProviderContext","_Context","_AccordionStore","_defaultProps","_AccordionHeader","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Accordion","_ref","variant","icon_size","restOfProps","props","context","useContext","AccordionProviderContext","group","id","useRef","makeUniqueId","current","store","Store","previousExpanded","setPreviousExpanded","useState","expanded","setExpanded","getInitialExpandedState","hasAddedCallbackRef","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","useEffect","window","AccordionStore","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","collapseAllHandleRef","_context$collapseAcco","collapseAccordionCallbacks","changeOpened","expanded_ssr","remember_state","storedExpanded","getState","saveState","e","preventDefault","_len","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","dispatchCustomElementEvent","console","log","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","extendPropsWithContext","accordionDefaultProps","skeleton","translation","className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","mainParams","classnames","createSpacingClasses","onClick","validateDOMAttributes","extendedPropsForContext","accordionContext","Provider","findElementInChildren","cur","type","AccordionHeader","AccordionContent","defaultProps","Group","rememberWarning","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","AccordionGroup","Header","Content","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n useContext,\n useState,\n useEffect,\n useRef,\n HTMLProps,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n makeUniqueId,\n findElementInChildren,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n | IconIcon\n | {\n closed?: IconIcon\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: IconIcon\n }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n SpacingProps & {\n /**\n * A title as a string or React element. It will be used as the button text.\n */\n title?: React.ReactNode\n description?: React.ReactNode\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: boolean\n /**\n * If set to `true`, the open and close animation will be omitted.\n */\n no_animation?: boolean\n /**\n * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n */\n expanded_ssr?: boolean\n /**\n */\n prerender?: boolean\n /**\n * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n */\n prevent_rerender?: boolean\n /**\n * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n */\n prevent_rerender_conditional?: boolean\n /**\n * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n */\n remember_state?: boolean\n /**\n * Send along a custom React Ref for `.dnb-accordion__content`.\n */\n contentRef?: React.MutableRefObject<unknown>\n /**\n * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n */\n flush_remembered_state?: boolean\n /**\n * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n */\n single_container?: boolean\n /**\n * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n */\n variant?: AccordionVariant\n /**\n * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n */\n left_component?: React.ReactNode\n /**\n * If set to `true`, the accordion button will be disabled (dimmed).\n */\n disabled?: boolean\n /**\n * If set to `true`, an overlaying skeleton with animation will be shown.\n */\n skeleton?: SkeletonShow\n /**\n * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n */\n id?: string\n group?: string\n /**\n * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n */\n element?: React.ReactNode\n /**\n * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n */\n heading?: AccordionHeading\n /**\n * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n */\n heading_level?: HeadingLevel\n /**\n * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n */\n icon?: AccordionIcon\n /**\n * Will set the placement of the icon. Defaults to `left`.\n */\n icon_position?: AccordionIconPosition\n /**\n * Define a different icon size. Defaults to `medium` (1.5rem).\n */\n icon_size?: IconSize\n attributes?: AccordionAttributes\n className?: string\n children?: React.ReactNode\n /**\n * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n */\n on_change?: (...args: any[]) => any\n on_state_update?: (...args: any[]) => any\n }\n\nfunction Accordion({\n variant = 'outlined',\n icon_size = 'medium',\n ...restOfProps\n}: AccordionProps) {\n const props = { variant, icon_size, ...restOfProps }\n\n const context = useContext(AccordionProviderContext)\n\n const group = props.group || context?.group\n const id = useRef(props.id || makeUniqueId()).current\n\n const store = new Store({ id: props.id, group })\n\n // States ordered last here to make sure that the getInitialExpandedState have access to the store\n const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n const [expanded, setExpanded] = useState<boolean>(\n getInitialExpandedState()\n )\n const hasAddedCallbackRef = useRef<boolean>(false)\n\n // replacement for getDerivedStateFromProps\n if (props.expanded !== previousExpanded) {\n setExpanded(props.expanded !== undefined ? props.expanded : false)\n setPreviousExpanded(props.expanded)\n }\n\n const thisInstance = {\n _id: id,\n context,\n handleDisabledClick,\n callOnChange,\n callOnChangeHandler,\n close,\n setExpandedState,\n state: { expanded, group },\n props,\n store,\n }\n\n // Constructor\n useEffect(() => {\n if (group && typeof window !== 'undefined') {\n window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n window['__dnbAccordion'][group] =\n window['__dnbAccordion'][group] || new AccordionStore(group)\n\n window['__dnbAccordion'][group].addInstance(thisInstance)\n }\n\n if (context && typeof context?.onInit === 'function') {\n context.onInit(thisInstance)\n }\n\n return () => {\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n }\n }\n }, [])\n\n // componentDidUpdate\n useEffect(() => {\n if (context.flush_remembered_state) {\n store.flush()\n setExpanded(props.expanded)\n }\n\n if (context?.expanded_id && context.expanded_id === props.id) {\n setExpanded(true)\n }\n }, [context.flush_remembered_state, context.expanded_id])\n\n // Add callback for closing all accordions inside a group if collapseAllHandleRef is defined\n if (context?.collapseAllHandleRef && !hasAddedCallbackRef.current) {\n context?.collapseAccordionCallbacks?.current.push(() =>\n changeOpened(false)\n )\n hasAddedCallbackRef.current = true\n }\n\n // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n // Since useEffect runs after every render\n function getInitialExpandedState() {\n if (props.expanded_ssr || context?.expanded_ssr) {\n return typeof window === 'undefined'\n }\n\n if (props.remember_state || context.remember_state) {\n const storedExpanded = store.getState()\n\n if (props.expanded && storedExpanded === false) {\n return false\n }\n\n if (storedExpanded) {\n return true\n }\n }\n\n return props.expanded !== undefined\n ? props.expanded\n : context?.expanded !== undefined\n ? context.expanded\n : false\n }\n\n function setExpandedState(expanded: boolean) {\n setExpanded(expanded)\n }\n\n function close() {\n changeOpened(false)\n }\n\n function changeOpened(expanded: boolean) {\n setExpanded(expanded)\n\n // check if a event exists, because, then it's a user click\n if (props.remember_state || context.remember_state) {\n store.saveState(expanded)\n }\n }\n\n function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n e.preventDefault()\n return false\n }\n\n function callOnChangeHandler(...params: any[]) {\n callOnChange(...params)\n if (context?.onChange) {\n context?.onChange(...params)\n }\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.onChange(...params)\n }\n }\n\n function callOnChange(...params: any[]) {\n const { expanded, event } = params[0]\n\n changeOpened(expanded)\n\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n expanded,\n event,\n })\n }\n console.log('context', context)\n return (\n <Context.Consumer>\n {(globalContext) => (\n <AccordionContext.Consumer>\n {(nestedContext) => {\n // use only the props from context, who are available here anyway\n let expandedState = expanded\n\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context, // group context\n nestedContext as Record<string, unknown>, // internal context\n { skeleton: globalContext?.skeleton },\n globalContext.Accordion, // global context\n globalContext.translation['Accordion']\n )\n\n if (expandedState === undefined && globalContext.Accordion) {\n if (globalContext.Accordion.expanded) {\n expandedState = extendedProps.expanded\n }\n }\n\n const {\n variant,\n className,\n prerender,\n prevent_rerender,\n prevent_rerender_conditional,\n single_container,\n remember_state,\n disabled,\n skeleton,\n no_animation,\n expanded_ssr: _expanded_ssr, // eslint-disable-line\n children,\n\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n // expanded: _expanded, // eslint-disable-line\n\n title, // eslint-disable-line\n description, // eslint-disable-line\n left_component, // eslint-disable-line\n icon, // eslint-disable-line\n icon_position, // eslint-disable-line\n icon_size, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n\n contentRef, // eslint-disable-line\n\n ...restOfExtendedProps\n } = extendedProps\n\n const mainParams = {\n id,\n className: classnames(\n 'dnb-accordion',\n expandedState && 'dnb-accordion--expanded',\n variant && `dnb-accordion__variant--${variant}`,\n prerender && 'dnb-accordion--prerender',\n createSpacingClasses(extendedProps),\n className\n ),\n } as HTMLProps<HTMLDivElement>\n\n if (disabled) {\n mainParams.onClick = handleDisabledClick\n }\n\n // to remove spacing props\n validateDOMAttributes(props, restOfExtendedProps)\n\n const extendedPropsForContext = extendPropsWithContext(\n props,\n accordionDefaultProps,\n { expanded, group },\n context\n )\n\n const accordionContext = {\n ...extendedPropsForContext,\n id,\n expanded: expandedState,\n prerender: prerender,\n prevent_rerender: prevent_rerender,\n prevent_rerender_conditional: prevent_rerender_conditional,\n single_container: single_container,\n remember_state: remember_state,\n disabled: disabled,\n skeleton: skeleton,\n no_animation: no_animation,\n callOnChange: callOnChangeHandler,\n }\n\n return (\n <AccordionContext.Provider value={accordionContext}>\n <div {...mainParams}>\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionHeader\n ) ? null : (\n <AccordionHeader />\n )}\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionContent\n ) ? (\n children\n ) : (\n <AccordionContent>{children}</AccordionContent>\n )}\n </div>\n </AccordionContext.Provider>\n )\n }}\n </AccordionContext.Consumer>\n )}\n </Context.Consumer>\n )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n allow_close_all?: boolean\n /**\n * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.\n *\n * Default: `undefined`\n */\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n expanded_id?: string\n}\n\nconst Group = (props: GroupProps) => {\n if (props.remember_state && !props.id) {\n rememberWarning('accordion group')\n }\n\n const [expandedId, setExpandedId] = useState<string | null>(null)\n\n const instanceIDs = useRef<string[]>([])\n\n const group = props?.id\n ? props.id\n : !props.group\n ? '#' + makeUniqueId()\n : undefined\n\n const store = new Store({ group })\n\n // Set stored expanded_id on mount\n useEffect(() => {\n const storedData = store.getData()\n const currentIDs = instanceIDs?.current\n\n if (!storedData?.id) {\n return\n }\n\n if (currentIDs.includes(storedData?.id)) {\n return\n }\n\n // 1. get the fallback id\n const fallbackId = currentIDs[0]\n\n if (!fallbackId) {\n return\n }\n\n // 2. set the fallback ids\n setExpandedId(fallbackId)\n }, [])\n\n // Store and reset fallback id\n useEffect(() => {\n if (!expandedId) {\n return\n }\n\n // 3. save the fallback id\n store.saveState(true, expandedId)\n\n // 4. and reset the fallback id\n setExpandedId(null)\n }, [expandedId])\n\n function onInit(instance) {\n if (\n instance.props.id &&\n !instanceIDs.current.includes(instance.props.id)\n ) {\n instanceIDs.current.push(instance.props.id)\n }\n }\n\n return (\n <AccordionGroup\n onInit={onInit}\n {...props}\n group={group}\n expanded_id={expandedId || props.expanded_id}\n />\n )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}
1
+ {"version":3,"file":"Accordion.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_AccordionGroup","_AccordionHeader2","_AccordionContent","_AccordionContext","_AccordionProviderContext","_Context","_AccordionStore","_defaultProps","_AccordionHeader","_excluded","_excluded2","_excluded3","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Accordion","_ref","variant","icon_size","restOfProps","props","context","useContext","AccordionProviderContext","group","id","useRef","makeUniqueId","current","store","Store","previousExpanded","setPreviousExpanded","useState","expanded","setExpanded","getInitialExpandedState","hasAddedCallbackRef","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","useEffect","window","AccordionStore","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","collapseAllHandleRef","_context$collapseAcco","collapseAccordionCallbacks","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","_len","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","dispatchCustomElementEvent","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","extendPropsWithContext","accordionDefaultProps","skeleton","translation","className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","mainParams","classnames","createSpacingClasses","onClick","validateDOMAttributes","extendedPropsForContext","accordionContext","Provider","findElementInChildren","cur","type","AccordionHeader","AccordionContent","defaultProps","Group","_ref2","expandBehaviour","rememberWarning","expandedId","setExpandedId","instanceIDs","useMemo","storedData","getData","currentIDs","includes","fallbackId","instance","AccordionGroup","Header","Content","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n useContext,\n useState,\n useEffect,\n useRef,\n HTMLProps,\n useMemo,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n makeUniqueId,\n findElementInChildren,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n | IconIcon\n | {\n closed?: IconIcon\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: IconIcon\n }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n SpacingProps & {\n /**\n * A title as a string or React element. It will be used as the button text.\n */\n title?: React.ReactNode\n description?: React.ReactNode\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: boolean\n /**\n * If set to `true`, the open and close animation will be omitted.\n */\n no_animation?: boolean\n /**\n * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n */\n expanded_ssr?: boolean\n /**\n */\n prerender?: boolean\n /**\n * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n */\n prevent_rerender?: boolean\n /**\n * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n */\n prevent_rerender_conditional?: boolean\n /**\n * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n */\n remember_state?: boolean\n /**\n * Send along a custom React Ref for `.dnb-accordion__content`.\n */\n contentRef?: React.MutableRefObject<unknown>\n /**\n * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n */\n flush_remembered_state?: boolean\n /**\n * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n */\n single_container?: boolean\n /**\n * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n */\n variant?: AccordionVariant\n /**\n * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n */\n left_component?: React.ReactNode\n /**\n * If set to `true`, the accordion button will be disabled (dimmed).\n */\n disabled?: boolean\n /**\n * If set to `true`, an overlaying skeleton with animation will be shown.\n */\n skeleton?: SkeletonShow\n /**\n * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n */\n id?: string\n group?: string\n /**\n * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n */\n element?: React.ReactNode\n /**\n * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n */\n heading?: AccordionHeading\n /**\n * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n */\n heading_level?: HeadingLevel\n /**\n * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n */\n icon?: AccordionIcon\n /**\n * Will set the placement of the icon. Defaults to `left`.\n */\n icon_position?: AccordionIconPosition\n /**\n * Define a different icon size. Defaults to `medium` (1.5rem).\n */\n icon_size?: IconSize\n attributes?: AccordionAttributes\n className?: string\n children?: React.ReactNode\n /**\n * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n */\n on_change?: (...args: any[]) => any\n on_state_update?: (...args: any[]) => any\n }\n\nfunction Accordion({\n variant = 'outlined',\n icon_size = 'medium',\n ...restOfProps\n}: AccordionProps) {\n const props = { variant, icon_size, ...restOfProps }\n\n const context = useContext(AccordionProviderContext)\n\n const group = props.group || context?.group\n const id = useRef(props.id || makeUniqueId()).current\n\n const store = new Store({ id: props.id, group })\n\n // States ordered last here to make sure that the getInitialExpandedState have access to the store\n const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n const [expanded, setExpanded] = useState<boolean>(\n getInitialExpandedState()\n )\n const hasAddedCallbackRef = useRef<boolean>(false)\n\n // replacement for getDerivedStateFromProps\n if (props.expanded !== previousExpanded) {\n setExpanded(props.expanded !== undefined ? props.expanded : false)\n setPreviousExpanded(props.expanded)\n }\n\n const thisInstance = {\n _id: id,\n context,\n handleDisabledClick,\n callOnChange,\n callOnChangeHandler,\n close,\n setExpandedState,\n state: { expanded, group },\n props,\n store,\n }\n\n // Constructor\n useEffect(() => {\n if (group && typeof window !== 'undefined') {\n window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n window['__dnbAccordion'][group] =\n window['__dnbAccordion'][group] || new AccordionStore(group)\n\n window['__dnbAccordion'][group].addInstance(thisInstance)\n }\n\n if (context && typeof context?.onInit === 'function') {\n context.onInit(thisInstance)\n }\n\n return () => {\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n }\n }\n }, [])\n\n // componentDidUpdate\n useEffect(() => {\n if (context.flush_remembered_state) {\n store.flush()\n setExpanded(props.expanded)\n }\n\n if (context?.expanded_id && context.expanded_id === props.id) {\n setExpanded(true)\n }\n }, [\n context.flush_remembered_state,\n context.expanded_id,\n props.expanded,\n props.id,\n store,\n ])\n\n // Add callback for closing all accordions inside a group if collapseAllHandleRef is defined\n if (context?.collapseAllHandleRef && !hasAddedCallbackRef.current) {\n context?.collapseAccordionCallbacks?.current.push(close)\n hasAddedCallbackRef.current = true\n }\n\n // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n // Since useEffect runs after every render\n function getInitialExpandedState() {\n if (props.expanded_ssr || context?.expanded_ssr) {\n return typeof window === 'undefined'\n }\n\n if (props.remember_state || context.remember_state) {\n const storedExpanded = store.getState()\n\n if (props.expanded && storedExpanded === false) {\n return false\n }\n\n if (storedExpanded) {\n return true\n }\n }\n\n return props.expanded !== undefined\n ? props.expanded\n : context?.expanded !== undefined\n ? context.expanded\n : false\n }\n\n function setExpandedState(expanded: boolean) {\n setExpanded(expanded)\n }\n\n function close() {\n changeOpened(false)\n }\n\n function changeOpened(expanded: boolean) {\n setExpanded(expanded)\n\n // check if a event exists, because, then it's a user click\n if (props.remember_state || context.remember_state) {\n store.saveState(expanded)\n }\n }\n\n function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n e.preventDefault()\n return false\n }\n\n function callOnChangeHandler(...params: any[]) {\n callOnChange(...params)\n if (context?.onChange) {\n context?.onChange(...params)\n }\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.onChange(...params)\n }\n }\n\n function callOnChange(...params: any[]) {\n const { expanded, event } = params[0]\n\n changeOpened(expanded)\n\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n expanded,\n event,\n })\n }\n\n return (\n <Context.Consumer>\n {(globalContext) => (\n <AccordionContext.Consumer>\n {(nestedContext) => {\n // use only the props from context, who are available here anyway\n let expandedState = expanded\n\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context, // group context\n nestedContext as Record<string, unknown>, // internal context\n { skeleton: globalContext?.skeleton },\n globalContext.Accordion, // global context\n globalContext.translation['Accordion']\n )\n\n if (expandedState === undefined && globalContext.Accordion) {\n if (globalContext.Accordion.expanded) {\n expandedState = extendedProps.expanded\n }\n }\n\n const {\n variant,\n className,\n prerender,\n prevent_rerender,\n prevent_rerender_conditional,\n single_container,\n remember_state,\n disabled,\n skeleton,\n no_animation,\n expanded_ssr: _expanded_ssr, // eslint-disable-line\n children,\n\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n // expanded: _expanded, // eslint-disable-line\n\n title, // eslint-disable-line\n description, // eslint-disable-line\n left_component, // eslint-disable-line\n icon, // eslint-disable-line\n icon_position, // eslint-disable-line\n icon_size, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n\n contentRef, // eslint-disable-line\n\n ...restOfExtendedProps\n } = extendedProps\n\n const mainParams = {\n id,\n className: classnames(\n 'dnb-accordion',\n expandedState && 'dnb-accordion--expanded',\n variant && `dnb-accordion__variant--${variant}`,\n prerender && 'dnb-accordion--prerender',\n createSpacingClasses(extendedProps),\n className\n ),\n } as HTMLProps<HTMLDivElement>\n\n if (disabled) {\n mainParams.onClick = handleDisabledClick\n }\n\n // to remove spacing props\n validateDOMAttributes(props, restOfExtendedProps)\n\n const extendedPropsForContext = extendPropsWithContext(\n props,\n accordionDefaultProps,\n { expanded, group },\n context\n )\n\n const accordionContext = {\n ...extendedPropsForContext,\n id,\n expanded: expandedState,\n prerender: prerender,\n prevent_rerender: prevent_rerender,\n prevent_rerender_conditional: prevent_rerender_conditional,\n single_container: single_container,\n remember_state: remember_state,\n disabled: disabled,\n skeleton: skeleton,\n no_animation: no_animation,\n callOnChange: callOnChangeHandler,\n }\n\n return (\n <AccordionContext.Provider value={accordionContext}>\n <div {...mainParams}>\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionHeader\n ) ? null : (\n <AccordionHeader />\n )}\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionContent\n ) ? (\n children\n ) : (\n <AccordionContent>{children}</AccordionContent>\n )}\n </div>\n </AccordionContext.Provider>\n )\n }}\n </AccordionContext.Consumer>\n )}\n </Context.Consumer>\n )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n allow_close_all?: boolean\n /**\n * Determines how many accordions can be expanded at once.\n * Default: `single`\n */\n expandBehaviour?: 'single' | 'multiple'\n /**\n * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.\n *\n * Default: `undefined`\n */\n expanded_id?: string\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n}\n\nconst Group = ({ expandBehaviour = 'single', ...props }: GroupProps) => {\n if (props.remember_state && !props.id) {\n rememberWarning('accordion group')\n }\n\n const [expandedId, setExpandedId] = useState<string | null>(null)\n\n const instanceIDs = useRef<string[]>([])\n\n const group = props?.id\n ? props.id\n : !props.group\n ? '#' + makeUniqueId()\n : undefined\n\n const store = useMemo(() => new Store({ group }), [group])\n\n // Set stored expanded_id on mount\n useEffect(() => {\n const storedData = store.getData()\n const currentIDs = instanceIDs?.current\n\n if (!storedData?.id) {\n return\n }\n\n if (currentIDs.includes(storedData?.id)) {\n return\n }\n\n // 1. get the fallback id\n const fallbackId = currentIDs[0]\n\n if (!fallbackId) {\n return\n }\n\n // 2. set the fallback ids\n setExpandedId(fallbackId)\n }, [store])\n\n // Store and reset fallback id\n useEffect(() => {\n if (!expandedId) {\n return\n }\n\n // 3. save the fallback id\n store.saveState(true, expandedId)\n\n // 4. and reset the fallback id\n setExpandedId(null)\n }, [expandedId, store])\n\n function onInit(instance) {\n if (\n instance.props.id &&\n !instanceIDs.current.includes(instance.props.id)\n ) {\n instanceIDs.current.push(instance.props.id)\n }\n }\n\n return (\n <AccordionGroup\n onInit={onInit}\n {...props}\n group={group}\n expandBehaviour={expandBehaviour}\n expanded_id={expandedId || props.expanded_id}\n />\n )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}
@@ -5,8 +5,10 @@
5
5
  import React from 'react';
6
6
  import { SkeletonContextProps } from '../skeleton/SkeletonHelper';
7
7
  import { AccordionProps } from './Accordion';
8
+ import { AccordionGroupProps } from './AccordionGroup';
8
9
  export type AccordionContextProps = AccordionProps & SkeletonContextProps & {
9
10
  allow_close_all?: boolean;
11
+ expandBehaviour: AccordionGroupProps['expandBehaviour'];
10
12
  callOnChange?: (parameters: {
11
13
  id: string;
12
14
  group: string;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","AccordionContext","React","createContext","_default","exports"],"sources":["../../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { SkeletonContextProps } from '../skeleton/SkeletonHelper'\nimport { AccordionProps } from './Accordion'\n\nexport type AccordionContextProps = AccordionProps &\n SkeletonContextProps & {\n allow_close_all?: boolean\n callOnChange?: (parameters: {\n id: string\n group: string\n expanded: boolean\n event:\n | React.MouseEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n }) => void\n }\n\nconst AccordionContext = React.createContext<AccordionContextProps>({})\n\nexport default AccordionContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiBzB,MAAMG,gBAAgB,GAAGC,cAAK,CAACC,aAAa,CAAwB,CAAC,CAAC,CAAC;AAAA,IAAAC,QAAA,GAExDH,gBAAgB;AAAAI,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
1
+ {"version":3,"file":"AccordionContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","AccordionContext","React","createContext","_default","exports"],"sources":["../../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { SkeletonContextProps } from '../skeleton/SkeletonHelper'\nimport { AccordionProps } from './Accordion'\nimport { AccordionGroupProps } from './AccordionGroup'\n\nexport type AccordionContextProps = AccordionProps &\n SkeletonContextProps & {\n allow_close_all?: boolean\n expandBehaviour: AccordionGroupProps['expandBehaviour']\n callOnChange?: (parameters: {\n id: string\n group: string\n expanded: boolean\n event:\n | React.MouseEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n }) => void\n }\n\nconst AccordionContext = React.createContext<AccordionContextProps>({})\n\nexport default AccordionContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAmBzB,MAAMG,gBAAgB,GAAGC,cAAK,CAACC,aAAa,CAAwB,CAAC,CAAC,CAAC;AAAA,IAAAC,QAAA,GAExDH,gBAAgB;AAAAI,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
@@ -138,6 +138,11 @@ const AccordionProviderGroupProperties = {
138
138
  type: 'boolean',
139
139
  status: 'optional'
140
140
  },
141
+ expandBehaviour: {
142
+ doc: 'Determines how many accordions can be expanded at once. Defaults to `single`',
143
+ type: ['single', 'multiple'],
144
+ status: 'optional'
145
+ },
141
146
  expanded_id: {
142
147
  doc: 'Define an `id` of a nested accordion that will get expanded.',
143
148
  type: 'string',
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionDocs.js","names":["AccordionProperties","id","doc","type","status","title","expanded","expanded_ssr","remember_state","flush_remembered_state","no_animation","variant","icon","icon_position","icon_size","left_component","prerender","prevent_rerender","prevent_rerender_conditional","single_container","element","heading","heading_level","disabled","skeleton","contentRef","collapseAllHandleRef","space","exports","AccordionProviderGroupProperties","group","allow_close_all","expanded_id","AccordionEvents","on_change"],"sources":["../../../../src/components/accordion/AccordionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AccordionProperties: PropertiesTableProps = {\n id: {\n doc: 'A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.',\n type: 'string',\n status: 'optional',\n },\n title: {\n doc: 'A title as a string or React element. It will be used as the button text.',\n type: 'string',\n status: 'optional',\n },\n expanded: {\n doc: 'If set to `true` the accordion will be expanded as its initial state.',\n type: 'boolean',\n status: 'optional',\n },\n expanded_ssr: {\n doc: \"If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.\",\n type: 'boolean',\n status: 'optional',\n },\n remember_state: {\n doc: 'If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the state in the local storage.',\n type: 'boolean',\n status: 'optional',\n },\n flush_remembered_state: {\n doc: 'If set to `true`, the saved (remembered) state will be removed and the initial component state will be used and set.',\n type: 'boolean',\n status: 'optional',\n },\n no_animation: {\n doc: 'If set to `true`, the open and close animation will be omitted.',\n type: 'boolean',\n status: 'optional',\n },\n variant: {\n doc: 'Defines the used styling. `Outlined`, `filled`, or `plain` (no styling). Defaults to `outlined`.',\n type: ['outlined', 'filled', 'plain'],\n status: 'optional',\n },\n icon: {\n doc: 'Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n icon_position: {\n doc: 'Will set the placement of the icon. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n icon_size: {\n doc: 'Define a different icon size. Defaults to `medium` (1.5rem).',\n type: 'string',\n status: 'optional',\n },\n left_component: {\n doc: 'Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n prerender: {\n doc: 'If set to `true` the content will be present, even the accordion is not expanded. Can be useful for assistive technology or SEO.',\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender: {\n doc: \"If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.\",\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender_conditional: {\n doc: 'Use this prop together with `prevent_rerender` – and if it is set to `true`, the accordion component will re-render if the children are a new React element and do not match the previous one anymore.',\n type: 'boolean',\n status: 'optional',\n },\n single_container: {\n doc: 'If set to `true`, a group of accordions will be wrapped to a sidebar looking menu for medium and larger screens.',\n type: 'boolean',\n status: 'optional',\n },\n element: {\n doc: 'Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n heading: {\n doc: 'If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.',\n type: 'boolean',\n status: 'optional',\n },\n heading_level: {\n doc: 'If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.',\n type: 'boolean',\n status: 'optional',\n },\n disabled: {\n doc: 'If set to `true`, the accordion button will be disabled (dimmed).',\n type: 'boolean',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n contentRef: {\n doc: 'Send along a custom React Ref for `.dnb-accordion__content`.',\n type: 'function',\n status: 'optional',\n },\n collapseAllHandleRef: {\n doc: 'Ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions. Default: `undefined`.',\n type: 'React.MutableRefObject<() => void>',\n status: 'optional',\n },\n space: {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const AccordionProviderGroupProperties: PropertiesTableProps = {\n group: {\n doc: \"Define a unique id, it will be used to 'group' several accordions into one.\",\n type: 'string',\n status: 'optional',\n },\n allow_close_all: {\n doc: 'If set to `true`, the group of accordions will allow all to close.',\n type: 'boolean',\n status: 'optional',\n },\n expanded_id: {\n doc: 'Define an `id` of a nested accordion that will get expanded.',\n type: 'string',\n status: 'optional',\n },\n space: {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const AccordionEvents: PropertiesTableProps = {\n on_change: {\n doc: 'Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"AccordionDocs.js","names":["AccordionProperties","id","doc","type","status","title","expanded","expanded_ssr","remember_state","flush_remembered_state","no_animation","variant","icon","icon_position","icon_size","left_component","prerender","prevent_rerender","prevent_rerender_conditional","single_container","element","heading","heading_level","disabled","skeleton","contentRef","collapseAllHandleRef","space","exports","AccordionProviderGroupProperties","group","allow_close_all","expandBehaviour","expanded_id","AccordionEvents","on_change"],"sources":["../../../../src/components/accordion/AccordionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AccordionProperties: PropertiesTableProps = {\n id: {\n doc: 'A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.',\n type: 'string',\n status: 'optional',\n },\n title: {\n doc: 'A title as a string or React element. It will be used as the button text.',\n type: 'string',\n status: 'optional',\n },\n expanded: {\n doc: 'If set to `true` the accordion will be expanded as its initial state.',\n type: 'boolean',\n status: 'optional',\n },\n expanded_ssr: {\n doc: \"If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.\",\n type: 'boolean',\n status: 'optional',\n },\n remember_state: {\n doc: 'If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the state in the local storage.',\n type: 'boolean',\n status: 'optional',\n },\n flush_remembered_state: {\n doc: 'If set to `true`, the saved (remembered) state will be removed and the initial component state will be used and set.',\n type: 'boolean',\n status: 'optional',\n },\n no_animation: {\n doc: 'If set to `true`, the open and close animation will be omitted.',\n type: 'boolean',\n status: 'optional',\n },\n variant: {\n doc: 'Defines the used styling. `Outlined`, `filled`, or `plain` (no styling). Defaults to `outlined`.',\n type: ['outlined', 'filled', 'plain'],\n status: 'optional',\n },\n icon: {\n doc: 'Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n icon_position: {\n doc: 'Will set the placement of the icon. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n icon_size: {\n doc: 'Define a different icon size. Defaults to `medium` (1.5rem).',\n type: 'string',\n status: 'optional',\n },\n left_component: {\n doc: 'Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n prerender: {\n doc: 'If set to `true` the content will be present, even the accordion is not expanded. Can be useful for assistive technology or SEO.',\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender: {\n doc: \"If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.\",\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender_conditional: {\n doc: 'Use this prop together with `prevent_rerender` – and if it is set to `true`, the accordion component will re-render if the children are a new React element and do not match the previous one anymore.',\n type: 'boolean',\n status: 'optional',\n },\n single_container: {\n doc: 'If set to `true`, a group of accordions will be wrapped to a sidebar looking menu for medium and larger screens.',\n type: 'boolean',\n status: 'optional',\n },\n element: {\n doc: 'Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n heading: {\n doc: 'If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.',\n type: 'boolean',\n status: 'optional',\n },\n heading_level: {\n doc: 'If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.',\n type: 'boolean',\n status: 'optional',\n },\n disabled: {\n doc: 'If set to `true`, the accordion button will be disabled (dimmed).',\n type: 'boolean',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n contentRef: {\n doc: 'Send along a custom React Ref for `.dnb-accordion__content`.',\n type: 'function',\n status: 'optional',\n },\n collapseAllHandleRef: {\n doc: 'Ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions. Default: `undefined`.',\n type: 'React.MutableRefObject<() => void>',\n status: 'optional',\n },\n space: {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const AccordionProviderGroupProperties: PropertiesTableProps = {\n group: {\n doc: \"Define a unique id, it will be used to 'group' several accordions into one.\",\n type: 'string',\n status: 'optional',\n },\n allow_close_all: {\n doc: 'If set to `true`, the group of accordions will allow all to close.',\n type: 'boolean',\n status: 'optional',\n },\n\n expandBehaviour: {\n doc: 'Determines how many accordions can be expanded at once. Defaults to `single`',\n type: ['single', 'multiple'],\n status: 'optional',\n },\n expanded_id: {\n doc: 'Define an `id` of a nested accordion that will get expanded.',\n type: 'string',\n status: 'optional',\n },\n space: {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const AccordionEvents: PropertiesTableProps = {\n on_change: {\n doc: 'Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":"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"}
@@ -12,7 +12,7 @@ var _SpacingHelper = require("../space/SpacingHelper");
12
12
  var _Context = _interopRequireDefault(require("../../shared/Context"));
13
13
  var _AccordionProviderContext = _interopRequireDefault(require("./AccordionProviderContext"));
14
14
  var _defaultProps = require("./defaultProps");
15
- const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "id", "children", "collapseAllHandleRef"];
15
+ const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "id", "children", "collapseAllHandleRef", "expandBehaviour"];
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -57,7 +57,8 @@ const AccordionGroup = props => {
57
57
  className,
58
58
  id: _id,
59
59
  children,
60
- collapseAllHandleRef
60
+ collapseAllHandleRef,
61
+ expandBehaviour
61
62
  } = extendedProps,
62
63
  restOfExtendedProps = _objectWithoutProperties(extendedProps, _excluded);
63
64
  const collapseAccordionCallbacks = (0, _react.useRef)([]);
@@ -77,7 +78,9 @@ const AccordionGroup = props => {
77
78
  const contextForProvider = _objectSpread(_objectSpread({}, extendedProps), {}, {
78
79
  id,
79
80
  onChange: onChangeHandler,
80
- collapseAccordionCallbacks
81
+ collapseAllHandleRef,
82
+ collapseAccordionCallbacks,
83
+ expandBehaviour
81
84
  });
82
85
  return _react.default.createElement(_AccordionProviderContext.default.Provider, {
83
86
  value: contextForProvider
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_Context","_AccordionProviderContext","_defaultProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AccordionGroup","props","context","useContext","Context","id","makeUniqueId","thisInstance","_id","onChangeHandler","event","dispatchCustomElementEvent","expanded","extendedProps","extendPropsWithContext","accordionDefaultProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","children","collapseAllHandleRef","restOfExtendedProps","collapseAccordionCallbacks","useRef","useEffect","current","callback","classes","classnames","createSpacingClasses","isTrue","params","validateDOMAttributes","contextForProvider","onChange","createElement","Provider","role","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext, useEffect, useRef } from 'react'\n\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n GroupProps & {\n onInit?: (...args: any[]) => any\n }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n const context = useContext(Context)\n const id = props.id || makeUniqueId()\n\n const thisInstance = {\n _id: id,\n props,\n context,\n onChangeHandler,\n }\n\n function onChangeHandler(event) {\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n id: event.id,\n expanded: event.expanded,\n event,\n })\n }\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context.Accordion,\n context.getTranslation(props)['Accordion']\n )\n\n const {\n expanded, // eslint-disable-line\n expanded_id, // eslint-disable-line\n prerender, // eslint-disable-line\n prevent_rerender, // eslint-disable-line\n single_container, // eslint-disable-line\n contentRef, // eslint-disable-line\n allow_close_all, // eslint-disable-line\n remember_state, // eslint-disable-line\n flush_remembered_state, // eslint-disable-line\n disabled, // eslint-disable-line\n group, // eslint-disable-line\n onInit, // eslint-disable-line\n className,\n\n id: _id, // eslint-disable-line\n children, // eslint-disable-line\n collapseAllHandleRef,\n\n ...restOfExtendedProps\n } = extendedProps\n\n const collapseAccordionCallbacks = useRef<(() => void)[]>([])\n\n useEffect(() => {\n if (collapseAllHandleRef) {\n collapseAllHandleRef.current = () => {\n collapseAccordionCallbacks.current.forEach((callback) =>\n callback()\n )\n }\n }\n }, [collapseAllHandleRef])\n\n const classes = classnames(\n 'dnb-accordion-group',\n isTrue(single_container) && 'dnb-accordion-group--single-container',\n createSpacingClasses(extendedProps),\n className\n )\n\n const params = {\n ...restOfExtendedProps,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(props, params)\n\n if (!extendedProps?.group && isTrue(props.single_container)) {\n extendedProps.group = makeUniqueId()\n }\n\n const contextForProvider = {\n ...extendedProps,\n id,\n onChange: onChangeHandler,\n collapseAccordionCallbacks,\n }\n\n return (\n <AccordionGroupContext.Provider value={contextForProvider}>\n <div className={classes}>\n <span\n id={id}\n className=\"dnb-accordion-group__shell\"\n role=\"group\"\n {...params}\n >\n <span className=\"dnb-accordion-group__children\">{children}</span>\n </span>\n </div>\n </AccordionGroupContext.Provider>\n )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":"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"}
1
+ {"version":3,"file":"AccordionGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_Context","_AccordionProviderContext","_defaultProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AccordionGroup","props","context","useContext","Context","id","makeUniqueId","thisInstance","_id","onChangeHandler","event","dispatchCustomElementEvent","expanded","extendedProps","extendPropsWithContext","accordionDefaultProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","children","collapseAllHandleRef","expandBehaviour","restOfExtendedProps","collapseAccordionCallbacks","useRef","useEffect","current","callback","classes","classnames","createSpacingClasses","isTrue","params","validateDOMAttributes","contextForProvider","onChange","createElement","Provider","role","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext, useEffect, useRef } from 'react'\n\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n GroupProps & {\n onInit?: (...args: any[]) => any\n }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n const context = useContext(Context)\n const id = props.id || makeUniqueId()\n\n const thisInstance = {\n _id: id,\n props,\n context,\n onChangeHandler,\n }\n\n function onChangeHandler(event) {\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n id: event.id,\n expanded: event.expanded,\n event,\n })\n }\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context.Accordion,\n context.getTranslation(props)['Accordion']\n )\n\n const {\n expanded, // eslint-disable-line\n expanded_id, // eslint-disable-line\n prerender, // eslint-disable-line\n prevent_rerender, // eslint-disable-line\n single_container, // eslint-disable-line\n contentRef, // eslint-disable-line\n allow_close_all, // eslint-disable-line\n remember_state, // eslint-disable-line\n flush_remembered_state, // eslint-disable-line\n disabled, // eslint-disable-line\n group, // eslint-disable-line\n onInit, // eslint-disable-line\n className,\n\n id: _id, // eslint-disable-line\n children, // eslint-disable-line\n collapseAllHandleRef,\n expandBehaviour,\n\n ...restOfExtendedProps\n } = extendedProps\n\n const collapseAccordionCallbacks = useRef<(() => void)[]>([])\n\n useEffect(() => {\n if (collapseAllHandleRef) {\n collapseAllHandleRef.current = () => {\n collapseAccordionCallbacks.current.forEach((callback) =>\n callback()\n )\n }\n }\n }, [collapseAllHandleRef])\n\n const classes = classnames(\n 'dnb-accordion-group',\n isTrue(single_container) && 'dnb-accordion-group--single-container',\n createSpacingClasses(extendedProps),\n className\n )\n\n const params = {\n ...restOfExtendedProps,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(props, params)\n\n if (!extendedProps?.group && isTrue(props.single_container)) {\n extendedProps.group = makeUniqueId()\n }\n\n const contextForProvider = {\n ...extendedProps,\n id,\n onChange: onChangeHandler,\n collapseAllHandleRef,\n collapseAccordionCallbacks,\n expandBehaviour,\n }\n\n return (\n <AccordionGroupContext.Provider value={contextForProvider}>\n <div className={classes}>\n <span\n id={id}\n className=\"dnb-accordion-group__shell\"\n role=\"group\"\n {...params}\n >\n <span className=\"dnb-accordion-group__children\">{children}</span>\n </span>\n </div>\n </AccordionGroupContext.Provider>\n )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":"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"}
@@ -3,6 +3,7 @@
3
3
  *
4
4
  */
5
5
  import React from 'react';
6
+ import { AccordionGroupProps } from './AccordionGroup';
6
7
  type AccordionGroupContextProps = {
7
8
  expanded?: boolean;
8
9
  group?: string;
@@ -14,6 +15,7 @@ type AccordionGroupContextProps = {
14
15
  onInit?: (...args: any[]) => any;
15
16
  collapseAccordionCallbacks?: React.MutableRefObject<(() => void)[]>;
16
17
  collapseAllHandleRef?: React.MutableRefObject<() => void>;
18
+ expandBehaviour?: AccordionGroupProps['expandBehaviour'];
17
19
  };
18
20
  declare const AccordionGroupContext: React.Context<AccordionGroupContextProps>;
19
21
  export default AccordionGroupContext;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionProviderContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","AccordionGroupContext","React","createContext","_default","exports"],"sources":["../../../../src/components/accordion/AccordionProviderContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\n\ntype AccordionGroupContextProps = {\n expanded?: boolean\n group?: string\n expanded_ssr?: boolean\n remember_state?: boolean\n flush_remembered_state?: boolean\n expanded_id?: string\n onChange?: (...params: unknown[]) => void\n onInit?: (...args: any[]) => any\n collapseAccordionCallbacks?: React.MutableRefObject<(() => void)[]>\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n}\n\nconst AccordionGroupContext =\n React.createContext<AccordionGroupContextProps>({})\n\nexport default AccordionGroupContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAezB,MAAMG,qBAAqB,GACzBC,cAAK,CAACC,aAAa,CAA6B,CAAC,CAAC,CAAC;AAAA,IAAAC,QAAA,GAEtCH,qBAAqB;AAAAI,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
1
+ {"version":3,"file":"AccordionProviderContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","AccordionGroupContext","React","createContext","_default","exports"],"sources":["../../../../src/components/accordion/AccordionProviderContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { AccordionGroupProps } from './AccordionGroup'\n\ntype AccordionGroupContextProps = {\n expanded?: boolean\n group?: string\n expanded_ssr?: boolean\n remember_state?: boolean\n flush_remembered_state?: boolean\n expanded_id?: string\n onChange?: (...params: unknown[]) => void\n onInit?: (...args: any[]) => any\n collapseAccordionCallbacks?: React.MutableRefObject<(() => void)[]>\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n expandBehaviour?: AccordionGroupProps['expandBehaviour']\n}\n\nconst AccordionGroupContext =\n React.createContext<AccordionGroupContextProps>({})\n\nexport default AccordionGroupContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiBzB,MAAMG,qBAAqB,GACzBC,cAAK,CAACC,aAAa,CAA6B,CAAC,CAAC,CAAC;AAAA,IAAAC,QAAA,GAEtCH,qBAAqB;AAAAI,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
@@ -1,4 +1,6 @@
1
+ import { AccordionContextProps } from './AccordionContext';
1
2
  type AccordionStoreInstance = {
3
+ context: AccordionContextProps;
2
4
  _id: string;
3
5
  close: () => void;
4
6
  };
@@ -21,7 +21,7 @@ class AccordionStore {
21
21
  id
22
22
  } = _ref;
23
23
  this._instances.forEach(inst => {
24
- if (inst._id !== id) {
24
+ if (inst.context.expandBehaviour === 'single' && inst._id !== id) {
25
25
  inst.close();
26
26
  }
27
27
  });