@dnb/eufemia 10.7.0 → 10.9.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 (1468) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/cjs/components/accordion/Accordion.d.ts +1 -1
  3. package/cjs/components/accordion/AccordionHeader.d.ts +4 -4
  4. package/cjs/components/accordion/AccordionHeader.js +18 -5
  5. package/cjs/components/accordion/AccordionHeader.js.map +1 -1
  6. package/cjs/components/accordion/style/dnb-accordion.css +22 -17
  7. package/cjs/components/accordion/style/dnb-accordion.min.css +1 -1
  8. package/cjs/components/accordion/style/dnb-accordion.scss +40 -18
  9. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  10. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  11. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  12. package/cjs/components/anchor/Anchor.js +1 -1
  13. package/cjs/components/anchor/Anchor.js.map +1 -1
  14. package/cjs/components/anchor/style/anchor-mixins.scss +9 -3
  15. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  16. package/cjs/components/autocomplete/Autocomplete.js +4 -2
  17. package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
  18. package/cjs/components/avatar/style/index.d.ts +1 -1
  19. package/cjs/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  20. package/cjs/components/breadcrumb/Breadcrumb.js +2 -2
  21. package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
  22. package/cjs/components/breadcrumb/BreadcrumbItem.js +24 -2
  23. package/cjs/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  24. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  25. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  26. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  27. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  28. package/cjs/components/checkbox/Checkbox.d.ts +4 -0
  29. package/cjs/components/checkbox/Checkbox.js +6 -4
  30. package/cjs/components/checkbox/Checkbox.js.map +1 -1
  31. package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  32. package/cjs/components/date-picker/DatePickerInput.js.map +1 -1
  33. package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  34. package/cjs/components/drawer/Drawer.d.ts +1 -1
  35. package/cjs/components/drawer/Drawer.js +3 -1
  36. package/cjs/components/drawer/Drawer.js.map +1 -1
  37. package/cjs/components/form-status/FormStatus.d.ts +2 -0
  38. package/cjs/components/form-status/FormStatus.js +70 -53
  39. package/cjs/components/form-status/FormStatus.js.map +1 -1
  40. package/cjs/components/form-status/style/dnb-form-status.scss +4 -2
  41. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  42. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  43. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  44. package/cjs/components/global-status/GlobalStatus.d.ts +1 -1
  45. package/cjs/components/global-status/GlobalStatus.js +17 -7
  46. package/cjs/components/global-status/GlobalStatus.js.map +1 -1
  47. package/cjs/components/global-status/style/dnb-global-status.scss +2 -1
  48. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  49. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  50. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  51. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  52. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  53. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  54. package/cjs/components/heading/Heading.d.ts +8 -8
  55. package/cjs/components/heading/Heading.js +8 -16
  56. package/cjs/components/heading/Heading.js.map +1 -1
  57. package/cjs/components/heading/HeadingHelpers.d.ts +5 -1
  58. package/cjs/components/heading/HeadingHelpers.js +42 -1
  59. package/cjs/components/heading/HeadingHelpers.js.map +1 -1
  60. package/cjs/components/info-card/index.js.map +1 -1
  61. package/cjs/components/info-card/style.js.map +1 -1
  62. package/cjs/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  63. package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  64. package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  65. package/cjs/components/input-masked/InputMaskedHooks.js +1 -1
  66. package/cjs/components/input-masked/InputMaskedHooks.js.map +1 -1
  67. package/cjs/components/input-masked/InputMaskedUtils.js +1 -1
  68. package/cjs/components/input-masked/InputMaskedUtils.js.map +1 -1
  69. package/cjs/components/modal/Modal.js.map +1 -1
  70. package/cjs/components/modal/ModalContent.js +3 -1
  71. package/cjs/components/modal/ModalContent.js.map +1 -1
  72. package/cjs/components/modal/parts/ModalHeaderBar.js +0 -4
  73. package/cjs/components/modal/parts/ModalHeaderBar.js.map +1 -1
  74. package/cjs/components/pagination/Pagination.js.map +1 -1
  75. package/cjs/components/progress-indicator/style/dnb-progress-indicator.css +59 -2
  76. package/cjs/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  77. package/cjs/components/progress-indicator/style/dnb-progress-indicator.scss +70 -2
  78. package/cjs/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.css +18 -0
  79. package/cjs/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.min.css +9 -0
  80. package/cjs/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.scss +19 -0
  81. package/cjs/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.css +5 -64
  82. package/cjs/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.min.css +1 -1
  83. package/cjs/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.scss +4 -86
  84. package/cjs/components/radio/Radio.d.ts +4 -0
  85. package/cjs/components/radio/Radio.js +6 -4
  86. package/cjs/components/radio/Radio.js.map +1 -1
  87. package/cjs/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  88. package/cjs/components/section/Section.d.ts +21 -1
  89. package/cjs/components/section/Section.js +1 -1
  90. package/cjs/components/section/Section.js.map +1 -1
  91. package/cjs/components/section/style/dnb-section.css +1 -1
  92. package/cjs/components/section/style/dnb-section.scss +8 -3
  93. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.scss +3 -4
  94. package/cjs/components/section/style/themes/dnb-section-theme-ui.css +9 -0
  95. package/cjs/components/section/style/themes/dnb-section-theme-ui.scss +28 -14
  96. package/cjs/components/skeleton/style/dnb-skeleton.css +50 -0
  97. package/cjs/components/skeleton/style/dnb-skeleton.min.css +1 -1
  98. package/cjs/components/skeleton/style/dnb-skeleton.scss +74 -5
  99. package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.css +7 -0
  100. package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.min.css +0 -0
  101. package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.scss +7 -0
  102. package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-ui.css +5 -60
  103. package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-ui.min.css +0 -1
  104. package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-ui.scss +4 -86
  105. package/cjs/components/slider/style/dnb-slider.scss +4 -2
  106. package/cjs/components/space/SpacingUtils.js.map +1 -1
  107. package/cjs/components/step-indicator/StepIndicator.d.ts +89 -75
  108. package/cjs/components/step-indicator/StepIndicator.js +31 -26
  109. package/cjs/components/step-indicator/StepIndicator.js.map +1 -1
  110. package/cjs/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  111. package/cjs/components/step-indicator/StepIndicatorContext.js +102 -121
  112. package/cjs/components/step-indicator/StepIndicatorContext.js.map +1 -1
  113. package/cjs/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  114. package/cjs/components/step-indicator/StepIndicatorItem.js +183 -231
  115. package/cjs/components/step-indicator/StepIndicatorItem.js.map +1 -1
  116. package/cjs/components/step-indicator/StepIndicatorList.d.ts +6 -8
  117. package/cjs/components/step-indicator/StepIndicatorList.js +45 -50
  118. package/cjs/components/step-indicator/StepIndicatorList.js.map +1 -1
  119. package/cjs/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  120. package/cjs/components/step-indicator/StepIndicatorModal.js +41 -53
  121. package/cjs/components/step-indicator/StepIndicatorModal.js.map +1 -1
  122. package/cjs/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  123. package/cjs/components/step-indicator/StepIndicatorProps.js +4 -50
  124. package/cjs/components/step-indicator/StepIndicatorProps.js.map +1 -1
  125. package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  126. package/cjs/components/step-indicator/StepIndicatorSidebar.js +41 -51
  127. package/cjs/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  128. package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  129. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +65 -78
  130. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  131. package/cjs/components/switch/Switch.d.ts +4 -0
  132. package/cjs/components/switch/Switch.js +6 -4
  133. package/cjs/components/switch/Switch.js.map +1 -1
  134. package/cjs/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  135. package/cjs/components/table/TableContainer.js.map +1 -1
  136. package/cjs/components/table/style/table-accordion.scss +18 -6
  137. package/cjs/components/table/style/table-header-buttons.scss +3 -1
  138. package/cjs/components/table/style/table-tr.scss +6 -2
  139. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  140. package/cjs/components/timeline/TimelineItem.d.ts +3 -2
  141. package/cjs/components/timeline/TimelineItem.js +96 -62
  142. package/cjs/components/timeline/TimelineItem.js.map +1 -1
  143. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  144. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  145. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  146. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  147. package/cjs/components/tooltip/style/dnb-tooltip.css +10 -0
  148. package/cjs/components/tooltip/style/dnb-tooltip.min.css +1 -1
  149. package/cjs/components/tooltip/style/dnb-tooltip.scss +14 -0
  150. package/cjs/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.css +9 -0
  151. package/cjs/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.min.css +1 -0
  152. package/cjs/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss +10 -0
  153. package/cjs/components/tooltip/style/themes/dnb-tooltip-theme-ui.css +3 -11
  154. package/cjs/components/tooltip/style/themes/dnb-tooltip-theme-ui.min.css +1 -1
  155. package/cjs/components/tooltip/style/themes/dnb-tooltip-theme-ui.scss +3 -15
  156. package/cjs/elements/blockquote/style/blockquote-mixins.scss +22 -11
  157. package/cjs/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +20 -11
  158. package/cjs/elements/lib.d.ts +1 -1
  159. package/cjs/elements/typography/H.d.ts +5 -3
  160. package/cjs/elements/typography/H.js +7 -3
  161. package/cjs/elements/typography/H.js.map +1 -1
  162. package/cjs/elements/typography/H1.js +2 -2
  163. package/cjs/elements/typography/H1.js.map +1 -1
  164. package/cjs/elements/typography/H2.js +2 -2
  165. package/cjs/elements/typography/H2.js.map +1 -1
  166. package/cjs/elements/typography/H3.js +2 -2
  167. package/cjs/elements/typography/H3.js.map +1 -1
  168. package/cjs/elements/typography/H4.js +2 -2
  169. package/cjs/elements/typography/H4.js.map +1 -1
  170. package/cjs/elements/typography/H5.js +2 -2
  171. package/cjs/elements/typography/H5.js.map +1 -1
  172. package/cjs/elements/typography/H6.js +2 -2
  173. package/cjs/elements/typography/H6.js.map +1 -1
  174. package/cjs/elements/typography/style/dnb-typography.scss +3 -0
  175. package/cjs/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +13 -2
  176. package/cjs/elements/typography/style/typography-mixins.scss +5 -0
  177. package/cjs/extensions/forms/DataContext/At.d.ts +1 -1
  178. package/cjs/extensions/forms/DataContext/At.js.map +1 -1
  179. package/cjs/extensions/forms/DataContext/Context.d.ts +1 -0
  180. package/cjs/extensions/forms/DataContext/Context.js +2 -1
  181. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  182. package/cjs/extensions/forms/DataContext/Provider.js +7 -3
  183. package/cjs/extensions/forms/DataContext/Provider.js.map +1 -1
  184. package/cjs/extensions/forms/DataContext/index.d.ts +0 -2
  185. package/cjs/extensions/forms/DataContext/index.js +0 -2
  186. package/cjs/extensions/forms/DataContext/index.js.map +1 -1
  187. package/cjs/extensions/forms/Field/ArraySelection.d.ts +4 -4
  188. package/cjs/extensions/forms/Field/ArraySelection.js +55 -35
  189. package/cjs/extensions/forms/Field/ArraySelection.js.map +1 -1
  190. package/cjs/extensions/forms/Field/CountryCode.d.ts +9 -0
  191. package/cjs/extensions/forms/Field/CountryCode.js +77 -0
  192. package/cjs/extensions/forms/Field/CountryCode.js.map +1 -0
  193. package/cjs/extensions/forms/Field/Currency.d.ts +2 -3
  194. package/cjs/extensions/forms/Field/Currency.js +6 -38
  195. package/cjs/extensions/forms/Field/Currency.js.map +1 -1
  196. package/cjs/extensions/forms/Field/Date.d.ts +2 -3
  197. package/cjs/extensions/forms/Field/Date.js +14 -10
  198. package/cjs/extensions/forms/Field/Date.js.map +1 -1
  199. package/cjs/extensions/forms/Field/Number.d.ts +7 -4
  200. package/cjs/extensions/forms/Field/Number.js +48 -23
  201. package/cjs/extensions/forms/Field/Number.js.map +1 -1
  202. package/cjs/extensions/forms/Field/Option.d.ts +2 -3
  203. package/cjs/extensions/forms/Field/Option.js.map +1 -1
  204. package/cjs/extensions/forms/Field/PhoneNumber.d.ts +8 -4
  205. package/cjs/extensions/forms/Field/PhoneNumber.js +45 -44
  206. package/cjs/extensions/forms/Field/PhoneNumber.js.map +1 -1
  207. package/cjs/extensions/forms/Field/PostalCodeAndCity.d.ts +3 -3
  208. package/cjs/extensions/forms/Field/PostalCodeAndCity.js +4 -4
  209. package/cjs/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  210. package/cjs/extensions/forms/Field/Selection.d.ts +6 -5
  211. package/cjs/extensions/forms/Field/Selection.js +90 -40
  212. package/cjs/extensions/forms/Field/Selection.js.map +1 -1
  213. package/cjs/extensions/forms/Field/String.d.ts +3 -4
  214. package/cjs/extensions/forms/Field/String.js +28 -16
  215. package/cjs/extensions/forms/Field/String.js.map +1 -1
  216. package/cjs/extensions/forms/Field/Toggle.d.ts +2 -3
  217. package/cjs/extensions/forms/Field/Toggle.js +16 -14
  218. package/cjs/extensions/forms/Field/Toggle.js.map +1 -1
  219. package/cjs/extensions/forms/Field/fields.scss +2 -2
  220. package/cjs/extensions/forms/Field/index.d.ts +2 -4
  221. package/cjs/extensions/forms/Field/index.js +3 -5
  222. package/cjs/extensions/forms/Field/index.js.map +1 -1
  223. package/cjs/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  224. package/cjs/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  225. package/cjs/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  226. package/cjs/extensions/forms/Field/style/dnb-country-code.css +12 -0
  227. package/cjs/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  228. package/cjs/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  229. package/cjs/extensions/forms/Field/style/dnb-phone-number.css +3 -7
  230. package/cjs/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  231. package/cjs/extensions/forms/Field/style/dnb-phone-number.scss +3 -8
  232. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  233. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  234. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  235. package/cjs/extensions/forms/Field/style/dnb-selection.css +5 -2
  236. package/cjs/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  237. package/cjs/extensions/forms/Field/style/dnb-selection.scss +7 -1
  238. package/cjs/extensions/forms/Field/style/index.scss +2 -0
  239. package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -5
  240. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +88 -15
  241. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  242. package/cjs/extensions/forms/FieldBlock/FieldBlockContext.d.ts +8 -0
  243. package/cjs/extensions/forms/FieldBlock/FieldBlockContext.js +12 -0
  244. package/cjs/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -0
  245. package/cjs/extensions/forms/FieldBlock/index.d.ts +1 -0
  246. package/cjs/extensions/forms/FieldBlock/index.js +15 -2
  247. package/cjs/extensions/forms/FieldBlock/index.js.map +1 -1
  248. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +31 -8
  249. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  250. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +46 -13
  251. package/cjs/extensions/forms/Form/FormElement.d.ts +4 -0
  252. package/cjs/extensions/forms/Form/FormElement.js +39 -0
  253. package/cjs/extensions/forms/Form/FormElement.js.map +1 -0
  254. package/cjs/extensions/forms/Form/FormHandler.d.ts +6 -0
  255. package/cjs/extensions/forms/Form/FormHandler.js +41 -0
  256. package/cjs/extensions/forms/Form/FormHandler.js.map +1 -0
  257. package/cjs/extensions/forms/{DataContext → Form}/SubmitButton.d.ts +3 -4
  258. package/cjs/extensions/forms/Form/SubmitButton.js +36 -0
  259. package/cjs/extensions/forms/Form/SubmitButton.js.map +1 -0
  260. package/cjs/extensions/forms/Form/index.d.ts +9 -0
  261. package/cjs/extensions/forms/Form/index.js +18 -0
  262. package/cjs/extensions/forms/Form/index.js.map +1 -0
  263. package/cjs/extensions/forms/Iterate/Array.d.ts +17 -0
  264. package/cjs/extensions/forms/Iterate/Array.js +91 -0
  265. package/cjs/extensions/forms/Iterate/Array.js.map +1 -0
  266. package/cjs/extensions/forms/Iterate/ArrayPushButton.d.ts +10 -0
  267. package/cjs/extensions/forms/Iterate/ArrayPushButton.js +53 -0
  268. package/cjs/extensions/forms/Iterate/ArrayPushButton.js.map +1 -0
  269. package/cjs/extensions/forms/Iterate/ArrayRemoveElementButton.d.ts +8 -0
  270. package/cjs/extensions/forms/{DataContext/SubmitButton.js → Iterate/ArrayRemoveElementButton.js} +25 -15
  271. package/cjs/extensions/forms/Iterate/ArrayRemoveElementButton.js.map +1 -0
  272. package/cjs/extensions/forms/Iterate/IterateElementContext.d.ts +11 -0
  273. package/cjs/extensions/forms/Iterate/IterateElementContext.js +12 -0
  274. package/cjs/extensions/forms/Iterate/IterateElementContext.js.map +1 -0
  275. package/cjs/extensions/forms/Iterate/index.d.ts +11 -0
  276. package/cjs/extensions/forms/Iterate/index.js +25 -0
  277. package/cjs/extensions/forms/Iterate/index.js.map +1 -0
  278. package/cjs/extensions/forms/Layout/ButtonRow.d.ts +1 -1
  279. package/cjs/extensions/forms/Layout/ButtonRow.js +2 -2
  280. package/cjs/extensions/forms/Layout/ButtonRow.js.map +1 -1
  281. package/cjs/extensions/forms/Layout/Card.d.ts +1 -1
  282. package/cjs/extensions/forms/Layout/Card.js +5 -5
  283. package/cjs/extensions/forms/Layout/Card.js.map +1 -1
  284. package/cjs/extensions/forms/Layout/FlexContainer.d.ts +2 -1
  285. package/cjs/extensions/forms/Layout/FlexContainer.js +6 -5
  286. package/cjs/extensions/forms/Layout/FlexContainer.js.map +1 -1
  287. package/cjs/extensions/forms/Layout/FlexItem.d.ts +2 -1
  288. package/cjs/extensions/forms/Layout/FlexItem.js +4 -3
  289. package/cjs/extensions/forms/Layout/FlexItem.js.map +1 -1
  290. package/cjs/extensions/forms/Layout/MainHeading.d.ts +4 -2
  291. package/cjs/extensions/forms/Layout/MainHeading.js +11 -4
  292. package/cjs/extensions/forms/Layout/MainHeading.js.map +1 -1
  293. package/cjs/extensions/forms/Layout/Section.d.ts +1 -1
  294. package/cjs/extensions/forms/Layout/Section.js +2 -2
  295. package/cjs/extensions/forms/Layout/Section.js.map +1 -1
  296. package/cjs/extensions/forms/Layout/SubHeading.d.ts +4 -2
  297. package/cjs/extensions/forms/Layout/SubHeading.js +11 -4
  298. package/cjs/extensions/forms/Layout/SubHeading.js.map +1 -1
  299. package/cjs/extensions/forms/Layout/index.d.ts +0 -2
  300. package/cjs/extensions/forms/Layout/index.js +1 -3
  301. package/cjs/extensions/forms/Layout/index.js.map +1 -1
  302. package/cjs/extensions/forms/Layout/style/dnb-card.css +3 -3
  303. package/cjs/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  304. package/cjs/extensions/forms/Layout/style/dnb-card.scss +6 -4
  305. package/cjs/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  306. package/cjs/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  307. package/cjs/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  308. package/cjs/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  309. package/cjs/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  310. package/cjs/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  311. package/cjs/extensions/forms/StepsLayout/Buttons.d.ts +1 -1
  312. package/cjs/extensions/forms/StepsLayout/Buttons.js +2 -2
  313. package/cjs/extensions/forms/StepsLayout/Buttons.js.map +1 -1
  314. package/cjs/extensions/forms/StepsLayout/NextButton.d.ts +1 -1
  315. package/cjs/extensions/forms/StepsLayout/NextButton.js.map +1 -1
  316. package/cjs/extensions/forms/StepsLayout/PreviousButton.d.ts +1 -1
  317. package/cjs/extensions/forms/StepsLayout/PreviousButton.js.map +1 -1
  318. package/cjs/extensions/forms/StepsLayout/Step.d.ts +1 -1
  319. package/cjs/extensions/forms/StepsLayout/Step.js +2 -2
  320. package/cjs/extensions/forms/StepsLayout/Step.js.map +1 -1
  321. package/cjs/extensions/forms/StepsLayout/StepsLayout.d.ts +1 -1
  322. package/cjs/extensions/forms/StepsLayout/StepsLayout.js +3 -3
  323. package/cjs/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  324. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  325. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  326. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  327. package/cjs/extensions/forms/Value/Boolean.d.ts +2 -3
  328. package/cjs/extensions/forms/Value/Boolean.js +4 -4
  329. package/cjs/extensions/forms/Value/Boolean.js.map +1 -1
  330. package/cjs/extensions/forms/Value/Number.d.ts +2 -3
  331. package/cjs/extensions/forms/Value/Number.js +4 -3
  332. package/cjs/extensions/forms/Value/Number.js.map +1 -1
  333. package/cjs/extensions/forms/Value/String.d.ts +2 -3
  334. package/cjs/extensions/forms/Value/String.js +4 -4
  335. package/cjs/extensions/forms/Value/String.js.map +1 -1
  336. package/cjs/extensions/forms/Value/index.d.ts +0 -4
  337. package/cjs/extensions/forms/Value/index.js +0 -4
  338. package/cjs/extensions/forms/Value/index.js.map +1 -1
  339. package/cjs/extensions/forms/ValueBlock/ValueBlock.d.ts +2 -3
  340. package/cjs/extensions/forms/ValueBlock/ValueBlock.js +2 -2
  341. package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  342. package/cjs/extensions/forms/ValueBlock/index.js.map +1 -1
  343. package/cjs/extensions/forms/hooks/index.d.ts +1 -0
  344. package/cjs/extensions/forms/{Field/hooks → hooks}/index.js +3 -3
  345. package/cjs/extensions/forms/hooks/index.js.map +1 -0
  346. package/cjs/extensions/forms/hooks/useDataValue.d.ts +12 -0
  347. package/cjs/extensions/forms/{Field/hooks/useField.js → hooks/useDataValue.js} +91 -56
  348. package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -0
  349. package/cjs/extensions/forms/index.d.ts +4 -4
  350. package/cjs/extensions/forms/index.js +20 -12
  351. package/cjs/extensions/forms/index.js.map +1 -1
  352. package/cjs/extensions/forms/style/dnb-forms.css +105 -29
  353. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  354. package/cjs/extensions/forms/style/index.d.ts +1 -0
  355. package/cjs/extensions/forms/style/index.js +4 -0
  356. package/cjs/extensions/forms/style/index.js.map +1 -0
  357. package/cjs/extensions/forms/types.d.ts +95 -2
  358. package/cjs/extensions/forms/types.js +71 -0
  359. package/cjs/extensions/forms/types.js.map +1 -1
  360. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  361. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  362. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  363. package/cjs/extensions/forms/utils/index.d.ts +0 -1
  364. package/cjs/extensions/forms/utils/index.js +0 -12
  365. package/cjs/extensions/forms/utils/index.js.map +1 -1
  366. package/cjs/extensions/forms/utils/useWasChanged.d.ts +5 -0
  367. package/cjs/extensions/forms/utils/useWasChanged.js +62 -0
  368. package/cjs/extensions/forms/utils/useWasChanged.js.map +1 -0
  369. package/cjs/extensions/forms/variables.scss +3 -0
  370. package/cjs/extensions/lib.d.ts +1 -2
  371. package/cjs/extensions/payment-card/PaymentCard.js.map +1 -1
  372. package/cjs/extensions/payment-card/style/dnb-payment-card.css +7 -7
  373. package/cjs/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  374. package/cjs/extensions/payment-card/style/dnb-payment-card.scss +7 -7
  375. package/cjs/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  376. package/cjs/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  377. package/cjs/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  378. package/cjs/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  379. package/cjs/fragments/drawer-list/DrawerList.js +1 -1
  380. package/cjs/fragments/drawer-list/DrawerList.js.map +1 -1
  381. package/cjs/fragments/drawer-list/DrawerListPortal.js +2 -2
  382. package/cjs/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  383. package/cjs/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  384. package/cjs/shared/Context.d.ts +2 -0
  385. package/cjs/shared/Context.js.map +1 -1
  386. package/cjs/shared/Eufemia.d.ts +1 -1
  387. package/cjs/shared/Eufemia.js +2 -2
  388. package/cjs/shared/Eufemia.js.map +1 -1
  389. package/cjs/shared/helpers/withCamelCaseProps.js.map +1 -1
  390. package/cjs/shared/helpers/withSnakeCaseProps.js.map +1 -1
  391. package/cjs/shared/libs/Shortcuts.js.map +1 -1
  392. package/cjs/shared/locales/en-GB.d.ts +1 -0
  393. package/cjs/shared/locales/en-GB.js +1 -0
  394. package/cjs/shared/locales/en-GB.js.map +1 -1
  395. package/cjs/shared/locales/en-US.d.ts +1 -0
  396. package/cjs/shared/locales/index.d.ts +2 -0
  397. package/cjs/shared/locales/nb-NO.d.ts +1 -0
  398. package/cjs/shared/locales/nb-NO.js +1 -0
  399. package/cjs/shared/locales/nb-NO.js.map +1 -1
  400. package/cjs/shared/useMedia.js +33 -23
  401. package/cjs/shared/useMedia.js.map +1 -1
  402. package/cjs/style/core/reset.scss +13 -3
  403. package/cjs/style/core/utilities.scss +3 -1
  404. package/cjs/style/dnb-ui-components.css +142 -20
  405. package/cjs/style/dnb-ui-components.min.css +1 -1
  406. package/cjs/style/dnb-ui-elements.css +23 -11
  407. package/cjs/style/dnb-ui-elements.min.css +1 -1
  408. package/cjs/style/dnb-ui-extensions.css +112 -36
  409. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  410. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -11
  411. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  412. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +173 -160
  413. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -1
  414. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +112 -36
  415. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  416. package/cjs/style/themes/theme-sbanken/customisations.scss +3 -7
  417. package/cjs/style/themes/theme-sbanken/properties.js +6 -6
  418. package/cjs/style/themes/theme-sbanken/properties.js.map +1 -1
  419. package/cjs/style/themes/theme-sbanken/properties.scss +6 -6
  420. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +67 -47
  421. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  422. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +386 -392
  423. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +12 -2
  424. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.scss +7 -6
  425. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +59 -23
  426. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  427. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +112 -36
  428. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  429. package/cjs/style/themes/theme-ui/fonts.scss +8 -4
  430. package/cjs/style/themes/theme-ui/ui-theme-basis.css +25 -11
  431. package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  432. package/cjs/style/themes/theme-ui/ui-theme-basis.scss +4 -0
  433. package/cjs/style/themes/theme-ui/ui-theme-components.css +173 -160
  434. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +4 -2
  435. package/cjs/style/themes/theme-ui/ui-theme-elements.css +23 -11
  436. package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  437. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +112 -36
  438. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  439. package/cjs/style/themes/theme-ui/ui-theme-tags.css +20 -11
  440. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  441. package/cjs/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  442. package/components/accordion/Accordion.d.ts +1 -1
  443. package/components/accordion/AccordionHeader.d.ts +4 -4
  444. package/components/accordion/AccordionHeader.js +18 -5
  445. package/components/accordion/AccordionHeader.js.map +1 -1
  446. package/components/accordion/style/dnb-accordion.css +22 -17
  447. package/components/accordion/style/dnb-accordion.min.css +1 -1
  448. package/components/accordion/style/dnb-accordion.scss +40 -18
  449. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  450. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  451. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  452. package/components/anchor/Anchor.js +1 -1
  453. package/components/anchor/Anchor.js.map +1 -1
  454. package/components/anchor/style/anchor-mixins.scss +9 -3
  455. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  456. package/components/autocomplete/Autocomplete.js +4 -2
  457. package/components/autocomplete/Autocomplete.js.map +1 -1
  458. package/components/avatar/style/index.d.ts +1 -1
  459. package/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  460. package/components/breadcrumb/Breadcrumb.js +2 -2
  461. package/components/breadcrumb/Breadcrumb.js.map +1 -1
  462. package/components/breadcrumb/BreadcrumbItem.js +24 -2
  463. package/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  464. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  465. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  466. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  467. package/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  468. package/components/checkbox/Checkbox.d.ts +4 -0
  469. package/components/checkbox/Checkbox.js +6 -4
  470. package/components/checkbox/Checkbox.js.map +1 -1
  471. package/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  472. package/components/date-picker/DatePickerInput.js.map +1 -1
  473. package/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  474. package/components/drawer/Drawer.d.ts +1 -1
  475. package/components/drawer/Drawer.js +3 -1
  476. package/components/drawer/Drawer.js.map +1 -1
  477. package/components/form-status/FormStatus.d.ts +2 -0
  478. package/components/form-status/FormStatus.js +70 -53
  479. package/components/form-status/FormStatus.js.map +1 -1
  480. package/components/form-status/style/dnb-form-status.scss +4 -2
  481. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  482. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  483. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  484. package/components/global-status/GlobalStatus.d.ts +1 -1
  485. package/components/global-status/GlobalStatus.js +18 -8
  486. package/components/global-status/GlobalStatus.js.map +1 -1
  487. package/components/global-status/style/dnb-global-status.scss +2 -1
  488. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  489. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  490. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  491. package/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  492. package/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  493. package/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  494. package/components/heading/Heading.d.ts +8 -8
  495. package/components/heading/Heading.js +9 -15
  496. package/components/heading/Heading.js.map +1 -1
  497. package/components/heading/HeadingHelpers.d.ts +5 -1
  498. package/components/heading/HeadingHelpers.js +39 -0
  499. package/components/heading/HeadingHelpers.js.map +1 -1
  500. package/components/info-card/index.js.map +1 -1
  501. package/components/info-card/style.js.map +1 -1
  502. package/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  503. package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  504. package/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  505. package/components/input-masked/InputMaskedHooks.js +1 -1
  506. package/components/input-masked/InputMaskedHooks.js.map +1 -1
  507. package/components/input-masked/InputMaskedUtils.js +1 -1
  508. package/components/input-masked/InputMaskedUtils.js.map +1 -1
  509. package/components/modal/Modal.js.map +1 -1
  510. package/components/modal/ModalContent.js +3 -1
  511. package/components/modal/ModalContent.js.map +1 -1
  512. package/components/modal/parts/ModalHeaderBar.js +0 -4
  513. package/components/modal/parts/ModalHeaderBar.js.map +1 -1
  514. package/components/pagination/Pagination.js.map +1 -1
  515. package/components/progress-indicator/style/dnb-progress-indicator.css +59 -2
  516. package/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  517. package/components/progress-indicator/style/dnb-progress-indicator.scss +70 -2
  518. package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.css +18 -0
  519. package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.min.css +9 -0
  520. package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.scss +19 -0
  521. package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.css +5 -64
  522. package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.min.css +1 -1
  523. package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.scss +4 -86
  524. package/components/radio/Radio.d.ts +4 -0
  525. package/components/radio/Radio.js +6 -4
  526. package/components/radio/Radio.js.map +1 -1
  527. package/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  528. package/components/section/Section.d.ts +21 -1
  529. package/components/section/Section.js +1 -1
  530. package/components/section/Section.js.map +1 -1
  531. package/components/section/style/dnb-section.css +1 -1
  532. package/components/section/style/dnb-section.scss +8 -3
  533. package/components/section/style/themes/dnb-section-theme-sbanken.scss +3 -4
  534. package/components/section/style/themes/dnb-section-theme-ui.css +9 -0
  535. package/components/section/style/themes/dnb-section-theme-ui.scss +28 -14
  536. package/components/skeleton/style/dnb-skeleton.css +50 -0
  537. package/components/skeleton/style/dnb-skeleton.min.css +1 -1
  538. package/components/skeleton/style/dnb-skeleton.scss +74 -5
  539. package/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.css +7 -0
  540. package/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.min.css +0 -0
  541. package/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.scss +7 -0
  542. package/components/skeleton/style/themes/dnb-skeleton-theme-ui.css +5 -60
  543. package/components/skeleton/style/themes/dnb-skeleton-theme-ui.min.css +0 -1
  544. package/components/skeleton/style/themes/dnb-skeleton-theme-ui.scss +4 -86
  545. package/components/slider/style/dnb-slider.scss +4 -2
  546. package/components/space/SpacingUtils.js.map +1 -1
  547. package/components/step-indicator/StepIndicator.d.ts +89 -75
  548. package/components/step-indicator/StepIndicator.js +29 -25
  549. package/components/step-indicator/StepIndicator.js.map +1 -1
  550. package/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  551. package/components/step-indicator/StepIndicatorContext.js +98 -120
  552. package/components/step-indicator/StepIndicatorContext.js.map +1 -1
  553. package/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  554. package/components/step-indicator/StepIndicatorItem.js +177 -227
  555. package/components/step-indicator/StepIndicatorItem.js.map +1 -1
  556. package/components/step-indicator/StepIndicatorList.d.ts +6 -8
  557. package/components/step-indicator/StepIndicatorList.js +43 -48
  558. package/components/step-indicator/StepIndicatorList.js.map +1 -1
  559. package/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  560. package/components/step-indicator/StepIndicatorModal.js +38 -50
  561. package/components/step-indicator/StepIndicatorModal.js.map +1 -1
  562. package/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  563. package/components/step-indicator/StepIndicatorProps.js +3 -45
  564. package/components/step-indicator/StepIndicatorProps.js.map +1 -1
  565. package/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  566. package/components/step-indicator/StepIndicatorSidebar.js +39 -52
  567. package/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  568. package/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  569. package/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
  570. package/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  571. package/components/switch/Switch.d.ts +4 -0
  572. package/components/switch/Switch.js +6 -4
  573. package/components/switch/Switch.js.map +1 -1
  574. package/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  575. package/components/table/TableContainer.js.map +1 -1
  576. package/components/table/style/table-accordion.scss +18 -6
  577. package/components/table/style/table-header-buttons.scss +3 -1
  578. package/components/table/style/table-tr.scss +6 -2
  579. package/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  580. package/components/timeline/TimelineItem.d.ts +3 -2
  581. package/components/timeline/TimelineItem.js +95 -61
  582. package/components/timeline/TimelineItem.js.map +1 -1
  583. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  584. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  585. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  586. package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  587. package/components/tooltip/style/dnb-tooltip.css +10 -0
  588. package/components/tooltip/style/dnb-tooltip.min.css +1 -1
  589. package/components/tooltip/style/dnb-tooltip.scss +14 -0
  590. package/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.css +9 -0
  591. package/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.min.css +1 -0
  592. package/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss +10 -0
  593. package/components/tooltip/style/themes/dnb-tooltip-theme-ui.css +3 -11
  594. package/components/tooltip/style/themes/dnb-tooltip-theme-ui.min.css +1 -1
  595. package/components/tooltip/style/themes/dnb-tooltip-theme-ui.scss +3 -15
  596. package/elements/blockquote/style/blockquote-mixins.scss +22 -11
  597. package/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +20 -11
  598. package/elements/lib.d.ts +1 -1
  599. package/elements/typography/H.d.ts +5 -3
  600. package/elements/typography/H.js +8 -4
  601. package/elements/typography/H.js.map +1 -1
  602. package/elements/typography/H1.js +2 -2
  603. package/elements/typography/H1.js.map +1 -1
  604. package/elements/typography/H2.js +2 -2
  605. package/elements/typography/H2.js.map +1 -1
  606. package/elements/typography/H3.js +2 -2
  607. package/elements/typography/H3.js.map +1 -1
  608. package/elements/typography/H4.js +2 -2
  609. package/elements/typography/H4.js.map +1 -1
  610. package/elements/typography/H5.js +2 -2
  611. package/elements/typography/H5.js.map +1 -1
  612. package/elements/typography/H6.js +2 -2
  613. package/elements/typography/H6.js.map +1 -1
  614. package/elements/typography/style/dnb-typography.scss +3 -0
  615. package/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +13 -2
  616. package/elements/typography/style/typography-mixins.scss +5 -0
  617. package/es/components/accordion/Accordion.d.ts +1 -1
  618. package/es/components/accordion/AccordionHeader.d.ts +4 -4
  619. package/es/components/accordion/AccordionHeader.js +18 -5
  620. package/es/components/accordion/AccordionHeader.js.map +1 -1
  621. package/es/components/accordion/style/dnb-accordion.css +22 -17
  622. package/es/components/accordion/style/dnb-accordion.min.css +1 -1
  623. package/es/components/accordion/style/dnb-accordion.scss +40 -18
  624. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  625. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  626. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  627. package/es/components/anchor/Anchor.js +1 -1
  628. package/es/components/anchor/Anchor.js.map +1 -1
  629. package/es/components/anchor/style/anchor-mixins.scss +9 -3
  630. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  631. package/es/components/autocomplete/Autocomplete.js +4 -2
  632. package/es/components/autocomplete/Autocomplete.js.map +1 -1
  633. package/es/components/avatar/style/index.d.ts +1 -1
  634. package/es/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  635. package/es/components/breadcrumb/Breadcrumb.js +2 -2
  636. package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
  637. package/es/components/breadcrumb/BreadcrumbItem.js +24 -2
  638. package/es/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  639. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  640. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  641. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  642. package/es/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  643. package/es/components/checkbox/Checkbox.d.ts +4 -0
  644. package/es/components/checkbox/Checkbox.js +6 -4
  645. package/es/components/checkbox/Checkbox.js.map +1 -1
  646. package/es/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  647. package/es/components/date-picker/DatePickerInput.js.map +1 -1
  648. package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  649. package/es/components/drawer/Drawer.d.ts +1 -1
  650. package/es/components/drawer/Drawer.js +3 -1
  651. package/es/components/drawer/Drawer.js.map +1 -1
  652. package/es/components/form-status/FormStatus.d.ts +2 -0
  653. package/es/components/form-status/FormStatus.js +70 -53
  654. package/es/components/form-status/FormStatus.js.map +1 -1
  655. package/es/components/form-status/style/dnb-form-status.scss +4 -2
  656. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  657. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  658. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  659. package/es/components/global-status/GlobalStatus.d.ts +1 -1
  660. package/es/components/global-status/GlobalStatus.js +18 -8
  661. package/es/components/global-status/GlobalStatus.js.map +1 -1
  662. package/es/components/global-status/style/dnb-global-status.scss +2 -1
  663. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  664. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  665. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  666. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  667. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  668. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  669. package/es/components/heading/Heading.d.ts +8 -8
  670. package/es/components/heading/Heading.js +9 -15
  671. package/es/components/heading/Heading.js.map +1 -1
  672. package/es/components/heading/HeadingHelpers.d.ts +5 -1
  673. package/es/components/heading/HeadingHelpers.js +39 -0
  674. package/es/components/heading/HeadingHelpers.js.map +1 -1
  675. package/es/components/info-card/index.js.map +1 -1
  676. package/es/components/info-card/style.js.map +1 -1
  677. package/es/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  678. package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  679. package/es/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  680. package/es/components/input-masked/InputMaskedHooks.js +1 -1
  681. package/es/components/input-masked/InputMaskedHooks.js.map +1 -1
  682. package/es/components/input-masked/InputMaskedUtils.js +1 -1
  683. package/es/components/input-masked/InputMaskedUtils.js.map +1 -1
  684. package/es/components/modal/Modal.js.map +1 -1
  685. package/es/components/modal/ModalContent.js +3 -1
  686. package/es/components/modal/ModalContent.js.map +1 -1
  687. package/es/components/modal/parts/ModalHeaderBar.js +0 -4
  688. package/es/components/modal/parts/ModalHeaderBar.js.map +1 -1
  689. package/es/components/pagination/Pagination.js.map +1 -1
  690. package/es/components/progress-indicator/style/dnb-progress-indicator.css +59 -2
  691. package/es/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  692. package/es/components/progress-indicator/style/dnb-progress-indicator.scss +70 -2
  693. package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.css +18 -0
  694. package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.min.css +9 -0
  695. package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.scss +19 -0
  696. package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.css +5 -64
  697. package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.min.css +1 -1
  698. package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.scss +4 -86
  699. package/es/components/radio/Radio.d.ts +4 -0
  700. package/es/components/radio/Radio.js +6 -4
  701. package/es/components/radio/Radio.js.map +1 -1
  702. package/es/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  703. package/es/components/section/Section.d.ts +21 -1
  704. package/es/components/section/Section.js +1 -1
  705. package/es/components/section/Section.js.map +1 -1
  706. package/es/components/section/style/dnb-section.css +1 -1
  707. package/es/components/section/style/dnb-section.scss +8 -3
  708. package/es/components/section/style/themes/dnb-section-theme-sbanken.scss +3 -4
  709. package/es/components/section/style/themes/dnb-section-theme-ui.css +9 -0
  710. package/es/components/section/style/themes/dnb-section-theme-ui.scss +28 -14
  711. package/es/components/skeleton/style/dnb-skeleton.css +50 -0
  712. package/es/components/skeleton/style/dnb-skeleton.min.css +1 -1
  713. package/es/components/skeleton/style/dnb-skeleton.scss +74 -5
  714. package/es/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.css +7 -0
  715. package/es/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.min.css +0 -0
  716. package/es/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.scss +7 -0
  717. package/es/components/skeleton/style/themes/dnb-skeleton-theme-ui.css +5 -60
  718. package/es/components/skeleton/style/themes/dnb-skeleton-theme-ui.min.css +0 -1
  719. package/es/components/skeleton/style/themes/dnb-skeleton-theme-ui.scss +4 -86
  720. package/es/components/slider/style/dnb-slider.scss +4 -2
  721. package/es/components/space/SpacingUtils.js.map +1 -1
  722. package/es/components/step-indicator/StepIndicator.d.ts +89 -75
  723. package/es/components/step-indicator/StepIndicator.js +29 -25
  724. package/es/components/step-indicator/StepIndicator.js.map +1 -1
  725. package/es/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  726. package/es/components/step-indicator/StepIndicatorContext.js +94 -114
  727. package/es/components/step-indicator/StepIndicatorContext.js.map +1 -1
  728. package/es/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  729. package/es/components/step-indicator/StepIndicatorItem.js +173 -223
  730. package/es/components/step-indicator/StepIndicatorItem.js.map +1 -1
  731. package/es/components/step-indicator/StepIndicatorList.d.ts +6 -8
  732. package/es/components/step-indicator/StepIndicatorList.js +43 -48
  733. package/es/components/step-indicator/StepIndicatorList.js.map +1 -1
  734. package/es/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  735. package/es/components/step-indicator/StepIndicatorModal.js +38 -48
  736. package/es/components/step-indicator/StepIndicatorModal.js.map +1 -1
  737. package/es/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  738. package/es/components/step-indicator/StepIndicatorProps.js +3 -45
  739. package/es/components/step-indicator/StepIndicatorProps.js.map +1 -1
  740. package/es/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  741. package/es/components/step-indicator/StepIndicatorSidebar.js +39 -52
  742. package/es/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  743. package/es/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  744. package/es/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
  745. package/es/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  746. package/es/components/switch/Switch.d.ts +4 -0
  747. package/es/components/switch/Switch.js +6 -4
  748. package/es/components/switch/Switch.js.map +1 -1
  749. package/es/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  750. package/es/components/table/TableContainer.js.map +1 -1
  751. package/es/components/table/style/table-accordion.scss +18 -6
  752. package/es/components/table/style/table-header-buttons.scss +3 -1
  753. package/es/components/table/style/table-tr.scss +6 -2
  754. package/es/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  755. package/es/components/timeline/TimelineItem.d.ts +3 -2
  756. package/es/components/timeline/TimelineItem.js +89 -58
  757. package/es/components/timeline/TimelineItem.js.map +1 -1
  758. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  759. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  760. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  761. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  762. package/es/components/tooltip/style/dnb-tooltip.css +10 -0
  763. package/es/components/tooltip/style/dnb-tooltip.min.css +1 -1
  764. package/es/components/tooltip/style/dnb-tooltip.scss +14 -0
  765. package/es/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.css +9 -0
  766. package/es/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.min.css +1 -0
  767. package/es/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss +10 -0
  768. package/es/components/tooltip/style/themes/dnb-tooltip-theme-ui.css +3 -11
  769. package/es/components/tooltip/style/themes/dnb-tooltip-theme-ui.min.css +1 -1
  770. package/es/components/tooltip/style/themes/dnb-tooltip-theme-ui.scss +3 -15
  771. package/es/elements/blockquote/style/blockquote-mixins.scss +22 -11
  772. package/es/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +20 -11
  773. package/es/elements/lib.d.ts +1 -1
  774. package/es/elements/typography/H.d.ts +5 -3
  775. package/es/elements/typography/H.js +8 -4
  776. package/es/elements/typography/H.js.map +1 -1
  777. package/es/elements/typography/H1.js +2 -2
  778. package/es/elements/typography/H1.js.map +1 -1
  779. package/es/elements/typography/H2.js +2 -2
  780. package/es/elements/typography/H2.js.map +1 -1
  781. package/es/elements/typography/H3.js +2 -2
  782. package/es/elements/typography/H3.js.map +1 -1
  783. package/es/elements/typography/H4.js +2 -2
  784. package/es/elements/typography/H4.js.map +1 -1
  785. package/es/elements/typography/H5.js +2 -2
  786. package/es/elements/typography/H5.js.map +1 -1
  787. package/es/elements/typography/H6.js +2 -2
  788. package/es/elements/typography/H6.js.map +1 -1
  789. package/es/elements/typography/style/dnb-typography.scss +3 -0
  790. package/es/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +13 -2
  791. package/es/elements/typography/style/typography-mixins.scss +5 -0
  792. package/es/extensions/forms/DataContext/At.d.ts +1 -1
  793. package/es/extensions/forms/DataContext/At.js.map +1 -1
  794. package/es/extensions/forms/DataContext/Context.d.ts +1 -0
  795. package/es/extensions/forms/DataContext/Context.js +2 -1
  796. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  797. package/es/extensions/forms/DataContext/Provider.js +7 -3
  798. package/es/extensions/forms/DataContext/Provider.js.map +1 -1
  799. package/es/extensions/forms/DataContext/index.d.ts +0 -2
  800. package/es/extensions/forms/DataContext/index.js +0 -2
  801. package/es/extensions/forms/DataContext/index.js.map +1 -1
  802. package/es/extensions/forms/Field/ArraySelection.d.ts +4 -4
  803. package/es/extensions/forms/Field/ArraySelection.js +52 -36
  804. package/es/extensions/forms/Field/ArraySelection.js.map +1 -1
  805. package/es/extensions/forms/Field/CountryCode.d.ts +9 -0
  806. package/es/extensions/forms/Field/CountryCode.js +66 -0
  807. package/es/extensions/forms/Field/CountryCode.js.map +1 -0
  808. package/es/extensions/forms/Field/Currency.d.ts +2 -3
  809. package/es/extensions/forms/Field/Currency.js +6 -37
  810. package/es/extensions/forms/Field/Currency.js.map +1 -1
  811. package/es/extensions/forms/Field/Date.d.ts +2 -3
  812. package/es/extensions/forms/Field/Date.js +15 -11
  813. package/es/extensions/forms/Field/Date.js.map +1 -1
  814. package/es/extensions/forms/Field/Number.d.ts +7 -4
  815. package/es/extensions/forms/Field/Number.js +47 -24
  816. package/es/extensions/forms/Field/Number.js.map +1 -1
  817. package/es/extensions/forms/Field/Option.d.ts +2 -3
  818. package/es/extensions/forms/Field/Option.js.map +1 -1
  819. package/es/extensions/forms/Field/PhoneNumber.d.ts +8 -4
  820. package/es/extensions/forms/Field/PhoneNumber.js +46 -43
  821. package/es/extensions/forms/Field/PhoneNumber.js.map +1 -1
  822. package/es/extensions/forms/Field/PostalCodeAndCity.d.ts +3 -3
  823. package/es/extensions/forms/Field/PostalCodeAndCity.js +4 -4
  824. package/es/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  825. package/es/extensions/forms/Field/Selection.d.ts +6 -5
  826. package/es/extensions/forms/Field/Selection.js +88 -41
  827. package/es/extensions/forms/Field/Selection.js.map +1 -1
  828. package/es/extensions/forms/Field/String.d.ts +3 -4
  829. package/es/extensions/forms/Field/String.js +29 -17
  830. package/es/extensions/forms/Field/String.js.map +1 -1
  831. package/es/extensions/forms/Field/Toggle.d.ts +2 -3
  832. package/es/extensions/forms/Field/Toggle.js +16 -14
  833. package/es/extensions/forms/Field/Toggle.js.map +1 -1
  834. package/es/extensions/forms/Field/fields.scss +2 -2
  835. package/es/extensions/forms/Field/index.d.ts +2 -4
  836. package/es/extensions/forms/Field/index.js +3 -5
  837. package/es/extensions/forms/Field/index.js.map +1 -1
  838. package/es/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  839. package/es/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  840. package/es/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  841. package/es/extensions/forms/Field/style/dnb-country-code.css +12 -0
  842. package/es/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  843. package/es/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  844. package/es/extensions/forms/Field/style/dnb-phone-number.css +3 -7
  845. package/es/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  846. package/es/extensions/forms/Field/style/dnb-phone-number.scss +3 -8
  847. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  848. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  849. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  850. package/es/extensions/forms/Field/style/dnb-selection.css +5 -2
  851. package/es/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  852. package/es/extensions/forms/Field/style/dnb-selection.scss +7 -1
  853. package/es/extensions/forms/Field/style/index.scss +2 -0
  854. package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -5
  855. package/es/extensions/forms/FieldBlock/FieldBlock.js +80 -16
  856. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  857. package/es/extensions/forms/FieldBlock/FieldBlockContext.d.ts +8 -0
  858. package/es/extensions/forms/FieldBlock/FieldBlockContext.js +4 -0
  859. package/es/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -0
  860. package/es/extensions/forms/FieldBlock/index.d.ts +1 -0
  861. package/es/extensions/forms/FieldBlock/index.js +3 -1
  862. package/es/extensions/forms/FieldBlock/index.js.map +1 -1
  863. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +31 -8
  864. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  865. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +46 -13
  866. package/es/extensions/forms/Form/FormElement.d.ts +4 -0
  867. package/es/extensions/forms/Form/FormElement.js +31 -0
  868. package/es/extensions/forms/Form/FormElement.js.map +1 -0
  869. package/es/extensions/forms/Form/FormHandler.d.ts +6 -0
  870. package/es/extensions/forms/Form/FormHandler.js +33 -0
  871. package/es/extensions/forms/Form/FormHandler.js.map +1 -0
  872. package/es/extensions/forms/{DataContext → Form}/SubmitButton.d.ts +3 -4
  873. package/es/extensions/forms/Form/SubmitButton.js +25 -0
  874. package/es/extensions/forms/Form/SubmitButton.js.map +1 -0
  875. package/es/extensions/forms/Form/index.d.ts +9 -0
  876. package/es/extensions/forms/Form/index.js +10 -0
  877. package/es/extensions/forms/Form/index.js.map +1 -0
  878. package/es/extensions/forms/Iterate/Array.d.ts +17 -0
  879. package/es/extensions/forms/Iterate/Array.js +80 -0
  880. package/es/extensions/forms/Iterate/Array.js.map +1 -0
  881. package/es/extensions/forms/Iterate/ArrayPushButton.d.ts +10 -0
  882. package/es/extensions/forms/Iterate/ArrayPushButton.js +42 -0
  883. package/es/extensions/forms/Iterate/ArrayPushButton.js.map +1 -0
  884. package/es/extensions/forms/Iterate/ArrayRemoveElementButton.d.ts +8 -0
  885. package/es/extensions/forms/Iterate/ArrayRemoveElementButton.js +30 -0
  886. package/es/extensions/forms/Iterate/ArrayRemoveElementButton.js.map +1 -0
  887. package/es/extensions/forms/Iterate/IterateElementContext.d.ts +11 -0
  888. package/es/extensions/forms/Iterate/IterateElementContext.js +4 -0
  889. package/es/extensions/forms/Iterate/IterateElementContext.js.map +1 -0
  890. package/es/extensions/forms/Iterate/index.d.ts +11 -0
  891. package/es/extensions/forms/Iterate/index.js +12 -0
  892. package/es/extensions/forms/Iterate/index.js.map +1 -0
  893. package/es/extensions/forms/Layout/ButtonRow.d.ts +1 -1
  894. package/es/extensions/forms/Layout/ButtonRow.js +2 -2
  895. package/es/extensions/forms/Layout/ButtonRow.js.map +1 -1
  896. package/es/extensions/forms/Layout/Card.d.ts +1 -1
  897. package/es/extensions/forms/Layout/Card.js +5 -5
  898. package/es/extensions/forms/Layout/Card.js.map +1 -1
  899. package/es/extensions/forms/Layout/FlexContainer.d.ts +2 -1
  900. package/es/extensions/forms/Layout/FlexContainer.js +6 -5
  901. package/es/extensions/forms/Layout/FlexContainer.js.map +1 -1
  902. package/es/extensions/forms/Layout/FlexItem.d.ts +2 -1
  903. package/es/extensions/forms/Layout/FlexItem.js +4 -3
  904. package/es/extensions/forms/Layout/FlexItem.js.map +1 -1
  905. package/es/extensions/forms/Layout/MainHeading.d.ts +4 -2
  906. package/es/extensions/forms/Layout/MainHeading.js +10 -4
  907. package/es/extensions/forms/Layout/MainHeading.js.map +1 -1
  908. package/es/extensions/forms/Layout/Section.d.ts +1 -1
  909. package/es/extensions/forms/Layout/Section.js +2 -2
  910. package/es/extensions/forms/Layout/Section.js.map +1 -1
  911. package/es/extensions/forms/Layout/SubHeading.d.ts +4 -2
  912. package/es/extensions/forms/Layout/SubHeading.js +10 -4
  913. package/es/extensions/forms/Layout/SubHeading.js.map +1 -1
  914. package/es/extensions/forms/Layout/index.d.ts +0 -2
  915. package/es/extensions/forms/Layout/index.js +1 -3
  916. package/es/extensions/forms/Layout/index.js.map +1 -1
  917. package/es/extensions/forms/Layout/style/dnb-card.css +3 -3
  918. package/es/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  919. package/es/extensions/forms/Layout/style/dnb-card.scss +6 -4
  920. package/es/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  921. package/es/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  922. package/es/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  923. package/es/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  924. package/es/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  925. package/es/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  926. package/es/extensions/forms/StepsLayout/Buttons.d.ts +1 -1
  927. package/es/extensions/forms/StepsLayout/Buttons.js +2 -2
  928. package/es/extensions/forms/StepsLayout/Buttons.js.map +1 -1
  929. package/es/extensions/forms/StepsLayout/NextButton.d.ts +1 -1
  930. package/es/extensions/forms/StepsLayout/NextButton.js.map +1 -1
  931. package/es/extensions/forms/StepsLayout/PreviousButton.d.ts +1 -1
  932. package/es/extensions/forms/StepsLayout/PreviousButton.js.map +1 -1
  933. package/es/extensions/forms/StepsLayout/Step.d.ts +1 -1
  934. package/es/extensions/forms/StepsLayout/Step.js +2 -2
  935. package/es/extensions/forms/StepsLayout/Step.js.map +1 -1
  936. package/es/extensions/forms/StepsLayout/StepsLayout.d.ts +1 -1
  937. package/es/extensions/forms/StepsLayout/StepsLayout.js +3 -3
  938. package/es/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  939. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  940. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  941. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  942. package/es/extensions/forms/Value/Boolean.d.ts +2 -3
  943. package/es/extensions/forms/Value/Boolean.js +4 -4
  944. package/es/extensions/forms/Value/Boolean.js.map +1 -1
  945. package/es/extensions/forms/Value/Number.d.ts +2 -3
  946. package/es/extensions/forms/Value/Number.js +5 -4
  947. package/es/extensions/forms/Value/Number.js.map +1 -1
  948. package/es/extensions/forms/Value/String.d.ts +2 -3
  949. package/es/extensions/forms/Value/String.js +4 -4
  950. package/es/extensions/forms/Value/String.js.map +1 -1
  951. package/es/extensions/forms/Value/index.d.ts +0 -4
  952. package/es/extensions/forms/Value/index.js +0 -4
  953. package/es/extensions/forms/Value/index.js.map +1 -1
  954. package/es/extensions/forms/ValueBlock/ValueBlock.d.ts +2 -3
  955. package/es/extensions/forms/ValueBlock/ValueBlock.js +2 -2
  956. package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  957. package/es/extensions/forms/ValueBlock/index.js.map +1 -1
  958. package/es/extensions/forms/hooks/index.d.ts +1 -0
  959. package/es/extensions/forms/hooks/index.js +1 -0
  960. package/es/extensions/forms/hooks/index.js.map +1 -0
  961. package/es/extensions/forms/hooks/useDataValue.d.ts +12 -0
  962. package/{extensions/forms/Field/hooks/useField.js → es/extensions/forms/hooks/useDataValue.js} +90 -55
  963. package/es/extensions/forms/hooks/useDataValue.js.map +1 -0
  964. package/es/extensions/forms/index.d.ts +4 -4
  965. package/es/extensions/forms/index.js +3 -2
  966. package/es/extensions/forms/index.js.map +1 -1
  967. package/es/extensions/forms/style/dnb-forms.css +105 -29
  968. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  969. package/es/extensions/forms/style/index.d.ts +1 -0
  970. package/es/extensions/forms/style/index.js +1 -0
  971. package/es/extensions/forms/style/index.js.map +1 -0
  972. package/es/extensions/forms/types.d.ts +95 -2
  973. package/es/extensions/forms/types.js +42 -0
  974. package/es/extensions/forms/types.js.map +1 -1
  975. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  976. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  977. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  978. package/es/extensions/forms/utils/index.d.ts +0 -1
  979. package/es/extensions/forms/utils/index.js +0 -1
  980. package/es/extensions/forms/utils/index.js.map +1 -1
  981. package/es/extensions/forms/utils/useWasChanged.d.ts +5 -0
  982. package/es/extensions/forms/utils/useWasChanged.js +51 -0
  983. package/es/extensions/forms/utils/useWasChanged.js.map +1 -0
  984. package/es/extensions/forms/variables.scss +3 -0
  985. package/es/extensions/lib.d.ts +1 -2
  986. package/es/extensions/payment-card/PaymentCard.js.map +1 -1
  987. package/es/extensions/payment-card/style/dnb-payment-card.css +7 -7
  988. package/es/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  989. package/es/extensions/payment-card/style/dnb-payment-card.scss +7 -7
  990. package/es/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  991. package/es/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  992. package/es/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  993. package/es/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  994. package/es/fragments/drawer-list/DrawerList.js +1 -1
  995. package/es/fragments/drawer-list/DrawerList.js.map +1 -1
  996. package/es/fragments/drawer-list/DrawerListPortal.js +2 -2
  997. package/es/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  998. package/es/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  999. package/es/shared/Context.d.ts +2 -0
  1000. package/es/shared/Context.js.map +1 -1
  1001. package/es/shared/Eufemia.d.ts +1 -1
  1002. package/es/shared/Eufemia.js +2 -2
  1003. package/es/shared/Eufemia.js.map +1 -1
  1004. package/es/shared/helpers/withCamelCaseProps.js.map +1 -1
  1005. package/es/shared/helpers/withSnakeCaseProps.js.map +1 -1
  1006. package/es/shared/libs/Shortcuts.js.map +1 -1
  1007. package/es/shared/locales/en-GB.d.ts +1 -0
  1008. package/es/shared/locales/en-GB.js +1 -0
  1009. package/es/shared/locales/en-GB.js.map +1 -1
  1010. package/es/shared/locales/en-US.d.ts +1 -0
  1011. package/es/shared/locales/index.d.ts +2 -0
  1012. package/es/shared/locales/nb-NO.d.ts +1 -0
  1013. package/es/shared/locales/nb-NO.js +1 -0
  1014. package/es/shared/locales/nb-NO.js.map +1 -1
  1015. package/es/shared/useMedia.js +30 -21
  1016. package/es/shared/useMedia.js.map +1 -1
  1017. package/es/style/core/reset.scss +13 -3
  1018. package/es/style/core/utilities.scss +3 -1
  1019. package/es/style/dnb-ui-components.css +142 -20
  1020. package/es/style/dnb-ui-components.min.css +1 -1
  1021. package/es/style/dnb-ui-elements.css +23 -11
  1022. package/es/style/dnb-ui-elements.min.css +1 -1
  1023. package/es/style/dnb-ui-extensions.css +112 -36
  1024. package/es/style/dnb-ui-extensions.min.css +1 -1
  1025. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -11
  1026. package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  1027. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +173 -160
  1028. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -1
  1029. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +112 -36
  1030. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  1031. package/es/style/themes/theme-sbanken/customisations.scss +3 -7
  1032. package/es/style/themes/theme-sbanken/properties.js +6 -6
  1033. package/es/style/themes/theme-sbanken/properties.js.map +1 -1
  1034. package/es/style/themes/theme-sbanken/properties.scss +6 -6
  1035. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +67 -47
  1036. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  1037. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +386 -392
  1038. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +12 -2
  1039. package/es/style/themes/theme-sbanken/sbanken-theme-components.scss +7 -6
  1040. package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +59 -23
  1041. package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  1042. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +112 -36
  1043. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  1044. package/es/style/themes/theme-ui/fonts.scss +8 -4
  1045. package/es/style/themes/theme-ui/ui-theme-basis.css +25 -11
  1046. package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  1047. package/es/style/themes/theme-ui/ui-theme-basis.scss +4 -0
  1048. package/es/style/themes/theme-ui/ui-theme-components.css +173 -160
  1049. package/es/style/themes/theme-ui/ui-theme-components.min.css +4 -2
  1050. package/es/style/themes/theme-ui/ui-theme-elements.css +23 -11
  1051. package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  1052. package/es/style/themes/theme-ui/ui-theme-extensions.css +112 -36
  1053. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  1054. package/es/style/themes/theme-ui/ui-theme-tags.css +20 -11
  1055. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  1056. package/es/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  1057. package/esm/dnb-ui-basis.min.mjs +1 -1
  1058. package/esm/dnb-ui-components.min.mjs +1 -1
  1059. package/esm/dnb-ui-elements.min.mjs +1 -1
  1060. package/esm/dnb-ui-extensions.min.mjs +6 -6
  1061. package/esm/dnb-ui-lib.min.mjs +1 -1
  1062. package/extensions/forms/DataContext/At.d.ts +1 -1
  1063. package/extensions/forms/DataContext/At.js.map +1 -1
  1064. package/extensions/forms/DataContext/Context.d.ts +1 -0
  1065. package/extensions/forms/DataContext/Context.js +2 -1
  1066. package/extensions/forms/DataContext/Context.js.map +1 -1
  1067. package/extensions/forms/DataContext/Provider.js +7 -3
  1068. package/extensions/forms/DataContext/Provider.js.map +1 -1
  1069. package/extensions/forms/DataContext/index.d.ts +0 -2
  1070. package/extensions/forms/DataContext/index.js +0 -2
  1071. package/extensions/forms/DataContext/index.js.map +1 -1
  1072. package/extensions/forms/Field/ArraySelection.d.ts +4 -4
  1073. package/extensions/forms/Field/ArraySelection.js +52 -36
  1074. package/extensions/forms/Field/ArraySelection.js.map +1 -1
  1075. package/extensions/forms/Field/CountryCode.d.ts +9 -0
  1076. package/extensions/forms/Field/CountryCode.js +67 -0
  1077. package/extensions/forms/Field/CountryCode.js.map +1 -0
  1078. package/extensions/forms/Field/Currency.d.ts +2 -3
  1079. package/extensions/forms/Field/Currency.js +6 -38
  1080. package/extensions/forms/Field/Currency.js.map +1 -1
  1081. package/extensions/forms/Field/Date.d.ts +2 -3
  1082. package/extensions/forms/Field/Date.js +15 -11
  1083. package/extensions/forms/Field/Date.js.map +1 -1
  1084. package/extensions/forms/Field/Number.d.ts +7 -4
  1085. package/extensions/forms/Field/Number.js +47 -24
  1086. package/extensions/forms/Field/Number.js.map +1 -1
  1087. package/extensions/forms/Field/Option.d.ts +2 -3
  1088. package/extensions/forms/Field/Option.js.map +1 -1
  1089. package/extensions/forms/Field/PhoneNumber.d.ts +8 -4
  1090. package/extensions/forms/Field/PhoneNumber.js +46 -45
  1091. package/extensions/forms/Field/PhoneNumber.js.map +1 -1
  1092. package/extensions/forms/Field/PostalCodeAndCity.d.ts +3 -3
  1093. package/extensions/forms/Field/PostalCodeAndCity.js +4 -4
  1094. package/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  1095. package/extensions/forms/Field/Selection.d.ts +6 -5
  1096. package/extensions/forms/Field/Selection.js +90 -42
  1097. package/extensions/forms/Field/Selection.js.map +1 -1
  1098. package/extensions/forms/Field/String.d.ts +3 -4
  1099. package/extensions/forms/Field/String.js +29 -17
  1100. package/extensions/forms/Field/String.js.map +1 -1
  1101. package/extensions/forms/Field/Toggle.d.ts +2 -3
  1102. package/extensions/forms/Field/Toggle.js +16 -14
  1103. package/extensions/forms/Field/Toggle.js.map +1 -1
  1104. package/extensions/forms/Field/fields.scss +2 -2
  1105. package/extensions/forms/Field/index.d.ts +2 -4
  1106. package/extensions/forms/Field/index.js +3 -5
  1107. package/extensions/forms/Field/index.js.map +1 -1
  1108. package/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  1109. package/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  1110. package/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  1111. package/extensions/forms/Field/style/dnb-country-code.css +12 -0
  1112. package/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  1113. package/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  1114. package/extensions/forms/Field/style/dnb-phone-number.css +3 -7
  1115. package/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  1116. package/extensions/forms/Field/style/dnb-phone-number.scss +3 -8
  1117. package/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  1118. package/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  1119. package/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  1120. package/extensions/forms/Field/style/dnb-selection.css +5 -2
  1121. package/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  1122. package/extensions/forms/Field/style/dnb-selection.scss +7 -1
  1123. package/extensions/forms/Field/style/index.scss +2 -0
  1124. package/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -5
  1125. package/extensions/forms/FieldBlock/FieldBlock.js +86 -16
  1126. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  1127. package/extensions/forms/FieldBlock/FieldBlockContext.d.ts +8 -0
  1128. package/extensions/forms/FieldBlock/FieldBlockContext.js +4 -0
  1129. package/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -0
  1130. package/extensions/forms/FieldBlock/index.d.ts +1 -0
  1131. package/extensions/forms/FieldBlock/index.js +3 -1
  1132. package/extensions/forms/FieldBlock/index.js.map +1 -1
  1133. package/extensions/forms/FieldBlock/style/dnb-field-block.css +31 -8
  1134. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  1135. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +46 -13
  1136. package/extensions/forms/Form/FormElement.d.ts +4 -0
  1137. package/extensions/forms/Form/FormElement.js +31 -0
  1138. package/extensions/forms/Form/FormElement.js.map +1 -0
  1139. package/extensions/forms/Form/FormHandler.d.ts +6 -0
  1140. package/extensions/forms/Form/FormHandler.js +33 -0
  1141. package/extensions/forms/Form/FormHandler.js.map +1 -0
  1142. package/extensions/forms/{DataContext → Form}/SubmitButton.d.ts +3 -4
  1143. package/extensions/forms/Form/SubmitButton.js +25 -0
  1144. package/extensions/forms/Form/SubmitButton.js.map +1 -0
  1145. package/extensions/forms/Form/index.d.ts +9 -0
  1146. package/extensions/forms/Form/index.js +10 -0
  1147. package/extensions/forms/Form/index.js.map +1 -0
  1148. package/extensions/forms/Iterate/Array.d.ts +17 -0
  1149. package/extensions/forms/Iterate/Array.js +81 -0
  1150. package/extensions/forms/Iterate/Array.js.map +1 -0
  1151. package/extensions/forms/Iterate/ArrayPushButton.d.ts +10 -0
  1152. package/extensions/forms/Iterate/ArrayPushButton.js +42 -0
  1153. package/extensions/forms/Iterate/ArrayPushButton.js.map +1 -0
  1154. package/extensions/forms/Iterate/ArrayRemoveElementButton.d.ts +8 -0
  1155. package/extensions/forms/Iterate/ArrayRemoveElementButton.js +30 -0
  1156. package/extensions/forms/Iterate/ArrayRemoveElementButton.js.map +1 -0
  1157. package/extensions/forms/Iterate/IterateElementContext.d.ts +11 -0
  1158. package/extensions/forms/Iterate/IterateElementContext.js +4 -0
  1159. package/extensions/forms/Iterate/IterateElementContext.js.map +1 -0
  1160. package/extensions/forms/Iterate/index.d.ts +11 -0
  1161. package/extensions/forms/Iterate/index.js +12 -0
  1162. package/extensions/forms/Iterate/index.js.map +1 -0
  1163. package/extensions/forms/Layout/ButtonRow.d.ts +1 -1
  1164. package/extensions/forms/Layout/ButtonRow.js +2 -2
  1165. package/extensions/forms/Layout/ButtonRow.js.map +1 -1
  1166. package/extensions/forms/Layout/Card.d.ts +1 -1
  1167. package/extensions/forms/Layout/Card.js +5 -5
  1168. package/extensions/forms/Layout/Card.js.map +1 -1
  1169. package/extensions/forms/Layout/FlexContainer.d.ts +2 -1
  1170. package/extensions/forms/Layout/FlexContainer.js +6 -5
  1171. package/extensions/forms/Layout/FlexContainer.js.map +1 -1
  1172. package/extensions/forms/Layout/FlexItem.d.ts +2 -1
  1173. package/extensions/forms/Layout/FlexItem.js +4 -3
  1174. package/extensions/forms/Layout/FlexItem.js.map +1 -1
  1175. package/extensions/forms/Layout/MainHeading.d.ts +4 -2
  1176. package/extensions/forms/Layout/MainHeading.js +10 -4
  1177. package/extensions/forms/Layout/MainHeading.js.map +1 -1
  1178. package/extensions/forms/Layout/Section.d.ts +1 -1
  1179. package/extensions/forms/Layout/Section.js +2 -2
  1180. package/extensions/forms/Layout/Section.js.map +1 -1
  1181. package/extensions/forms/Layout/SubHeading.d.ts +4 -2
  1182. package/extensions/forms/Layout/SubHeading.js +10 -4
  1183. package/extensions/forms/Layout/SubHeading.js.map +1 -1
  1184. package/extensions/forms/Layout/index.d.ts +0 -2
  1185. package/extensions/forms/Layout/index.js +1 -3
  1186. package/extensions/forms/Layout/index.js.map +1 -1
  1187. package/extensions/forms/Layout/style/dnb-card.css +3 -3
  1188. package/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  1189. package/extensions/forms/Layout/style/dnb-card.scss +6 -4
  1190. package/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  1191. package/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  1192. package/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  1193. package/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  1194. package/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  1195. package/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  1196. package/extensions/forms/StepsLayout/Buttons.d.ts +1 -1
  1197. package/extensions/forms/StepsLayout/Buttons.js +2 -2
  1198. package/extensions/forms/StepsLayout/Buttons.js.map +1 -1
  1199. package/extensions/forms/StepsLayout/NextButton.d.ts +1 -1
  1200. package/extensions/forms/StepsLayout/NextButton.js.map +1 -1
  1201. package/extensions/forms/StepsLayout/PreviousButton.d.ts +1 -1
  1202. package/extensions/forms/StepsLayout/PreviousButton.js.map +1 -1
  1203. package/extensions/forms/StepsLayout/Step.d.ts +1 -1
  1204. package/extensions/forms/StepsLayout/Step.js +2 -2
  1205. package/extensions/forms/StepsLayout/Step.js.map +1 -1
  1206. package/extensions/forms/StepsLayout/StepsLayout.d.ts +1 -1
  1207. package/extensions/forms/StepsLayout/StepsLayout.js +3 -3
  1208. package/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  1209. package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  1210. package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  1211. package/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  1212. package/extensions/forms/Value/Boolean.d.ts +2 -3
  1213. package/extensions/forms/Value/Boolean.js +4 -4
  1214. package/extensions/forms/Value/Boolean.js.map +1 -1
  1215. package/extensions/forms/Value/Number.d.ts +2 -3
  1216. package/extensions/forms/Value/Number.js +5 -4
  1217. package/extensions/forms/Value/Number.js.map +1 -1
  1218. package/extensions/forms/Value/String.d.ts +2 -3
  1219. package/extensions/forms/Value/String.js +4 -4
  1220. package/extensions/forms/Value/String.js.map +1 -1
  1221. package/extensions/forms/Value/index.d.ts +0 -4
  1222. package/extensions/forms/Value/index.js +0 -4
  1223. package/extensions/forms/Value/index.js.map +1 -1
  1224. package/extensions/forms/ValueBlock/ValueBlock.d.ts +2 -3
  1225. package/extensions/forms/ValueBlock/ValueBlock.js +2 -2
  1226. package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  1227. package/extensions/forms/ValueBlock/index.js.map +1 -1
  1228. package/extensions/forms/hooks/index.d.ts +1 -0
  1229. package/extensions/forms/hooks/index.js +1 -0
  1230. package/extensions/forms/hooks/index.js.map +1 -0
  1231. package/extensions/forms/hooks/useDataValue.d.ts +12 -0
  1232. package/{es/extensions/forms/Field/hooks/useField.js → extensions/forms/hooks/useDataValue.js} +90 -53
  1233. package/extensions/forms/hooks/useDataValue.js.map +1 -0
  1234. package/extensions/forms/index.d.ts +4 -4
  1235. package/extensions/forms/index.js +3 -2
  1236. package/extensions/forms/index.js.map +1 -1
  1237. package/extensions/forms/style/dnb-forms.css +105 -29
  1238. package/extensions/forms/style/dnb-forms.min.css +1 -1
  1239. package/extensions/forms/style/index.d.ts +1 -0
  1240. package/extensions/forms/style/index.js +1 -0
  1241. package/extensions/forms/style/index.js.map +1 -0
  1242. package/extensions/forms/types.d.ts +95 -2
  1243. package/extensions/forms/types.js +60 -0
  1244. package/extensions/forms/types.js.map +1 -1
  1245. package/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  1246. package/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  1247. package/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  1248. package/extensions/forms/utils/index.d.ts +0 -1
  1249. package/extensions/forms/utils/index.js +0 -1
  1250. package/extensions/forms/utils/index.js.map +1 -1
  1251. package/extensions/forms/utils/useWasChanged.d.ts +5 -0
  1252. package/extensions/forms/utils/useWasChanged.js +56 -0
  1253. package/extensions/forms/utils/useWasChanged.js.map +1 -0
  1254. package/extensions/forms/variables.scss +3 -0
  1255. package/extensions/lib.d.ts +1 -2
  1256. package/extensions/payment-card/PaymentCard.js.map +1 -1
  1257. package/extensions/payment-card/style/dnb-payment-card.css +7 -7
  1258. package/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  1259. package/extensions/payment-card/style/dnb-payment-card.scss +7 -7
  1260. package/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  1261. package/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  1262. package/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  1263. package/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  1264. package/fragments/drawer-list/DrawerList.js +1 -1
  1265. package/fragments/drawer-list/DrawerList.js.map +1 -1
  1266. package/fragments/drawer-list/DrawerListPortal.js +2 -2
  1267. package/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  1268. package/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  1269. package/package.json +2 -1
  1270. package/shared/Context.d.ts +2 -0
  1271. package/shared/Context.js.map +1 -1
  1272. package/shared/Eufemia.d.ts +1 -1
  1273. package/shared/Eufemia.js +2 -2
  1274. package/shared/Eufemia.js.map +1 -1
  1275. package/shared/helpers/withCamelCaseProps.js.map +1 -1
  1276. package/shared/helpers/withSnakeCaseProps.js.map +1 -1
  1277. package/shared/libs/Shortcuts.js.map +1 -1
  1278. package/shared/locales/en-GB.d.ts +1 -0
  1279. package/shared/locales/en-GB.js +1 -0
  1280. package/shared/locales/en-GB.js.map +1 -1
  1281. package/shared/locales/en-US.d.ts +1 -0
  1282. package/shared/locales/index.d.ts +2 -0
  1283. package/shared/locales/nb-NO.d.ts +1 -0
  1284. package/shared/locales/nb-NO.js +1 -0
  1285. package/shared/locales/nb-NO.js.map +1 -1
  1286. package/shared/useMedia.js +33 -23
  1287. package/shared/useMedia.js.map +1 -1
  1288. package/style/core/reset.scss +13 -3
  1289. package/style/core/utilities.scss +3 -1
  1290. package/style/dnb-ui-components.css +142 -20
  1291. package/style/dnb-ui-components.min.css +1 -1
  1292. package/style/dnb-ui-elements.css +23 -11
  1293. package/style/dnb-ui-elements.min.css +1 -1
  1294. package/style/dnb-ui-extensions.css +112 -36
  1295. package/style/dnb-ui-extensions.min.css +1 -1
  1296. package/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -11
  1297. package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  1298. package/style/themes/theme-eiendom/eiendom-theme-components.css +173 -160
  1299. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -1
  1300. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +112 -36
  1301. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  1302. package/style/themes/theme-sbanken/customisations.scss +3 -7
  1303. package/style/themes/theme-sbanken/properties.js +6 -6
  1304. package/style/themes/theme-sbanken/properties.js.map +1 -1
  1305. package/style/themes/theme-sbanken/properties.scss +6 -6
  1306. package/style/themes/theme-sbanken/sbanken-theme-basis.css +67 -47
  1307. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  1308. package/style/themes/theme-sbanken/sbanken-theme-components.css +386 -392
  1309. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +12 -2
  1310. package/style/themes/theme-sbanken/sbanken-theme-components.scss +7 -6
  1311. package/style/themes/theme-sbanken/sbanken-theme-elements.css +59 -23
  1312. package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  1313. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +112 -36
  1314. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  1315. package/style/themes/theme-ui/fonts.scss +8 -4
  1316. package/style/themes/theme-ui/ui-theme-basis.css +25 -11
  1317. package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  1318. package/style/themes/theme-ui/ui-theme-basis.scss +4 -0
  1319. package/style/themes/theme-ui/ui-theme-components.css +173 -160
  1320. package/style/themes/theme-ui/ui-theme-components.min.css +4 -2
  1321. package/style/themes/theme-ui/ui-theme-elements.css +23 -11
  1322. package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  1323. package/style/themes/theme-ui/ui-theme-extensions.css +112 -36
  1324. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  1325. package/style/themes/theme-ui/ui-theme-tags.css +20 -11
  1326. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  1327. package/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  1328. package/umd/dnb-ui-basis.min.js +1 -1
  1329. package/umd/dnb-ui-components.min.js +1 -1
  1330. package/umd/dnb-ui-elements.min.js +1 -1
  1331. package/umd/dnb-ui-extensions.min.js +6 -6
  1332. package/umd/dnb-ui-lib.min.js +1 -1
  1333. package/cjs/extensions/forms/DataContext/SubmitButton.js.map +0 -1
  1334. package/cjs/extensions/forms/Field/FirstName.d.ts +0 -7
  1335. package/cjs/extensions/forms/Field/FirstName.js +0 -31
  1336. package/cjs/extensions/forms/Field/FirstName.js.map +0 -1
  1337. package/cjs/extensions/forms/Field/LastName.d.ts +0 -7
  1338. package/cjs/extensions/forms/Field/LastName.js +0 -31
  1339. package/cjs/extensions/forms/Field/LastName.js.map +0 -1
  1340. package/cjs/extensions/forms/Field/hooks/index.d.ts +0 -1
  1341. package/cjs/extensions/forms/Field/hooks/index.js.map +0 -1
  1342. package/cjs/extensions/forms/Field/hooks/useField.d.ts +0 -11
  1343. package/cjs/extensions/forms/Field/hooks/useField.js.map +0 -1
  1344. package/cjs/extensions/forms/FieldGroup/FieldGroup.d.ts +0 -17
  1345. package/cjs/extensions/forms/FieldGroup/FieldGroup.js +0 -95
  1346. package/cjs/extensions/forms/FieldGroup/FieldGroup.js.map +0 -1
  1347. package/cjs/extensions/forms/FieldGroup/index.d.ts +0 -2
  1348. package/cjs/extensions/forms/FieldGroup/index.js +0 -27
  1349. package/cjs/extensions/forms/FieldGroup/index.js.map +0 -1
  1350. package/cjs/extensions/forms/Layout/InfoCardSection.d.ts +0 -8
  1351. package/cjs/extensions/forms/Layout/InfoCardSection.js +0 -25
  1352. package/cjs/extensions/forms/Layout/InfoCardSection.js.map +0 -1
  1353. package/cjs/extensions/forms/Value/FirstName.d.ts +0 -7
  1354. package/cjs/extensions/forms/Value/FirstName.js +0 -28
  1355. package/cjs/extensions/forms/Value/FirstName.js.map +0 -1
  1356. package/cjs/extensions/forms/Value/LastName.d.ts +0 -7
  1357. package/cjs/extensions/forms/Value/LastName.js +0 -28
  1358. package/cjs/extensions/forms/Value/LastName.js.map +0 -1
  1359. package/cjs/extensions/forms/Value/hooks/index.d.ts +0 -1
  1360. package/cjs/extensions/forms/Value/hooks/index.js +0 -14
  1361. package/cjs/extensions/forms/Value/hooks/index.js.map +0 -1
  1362. package/cjs/extensions/forms/Value/hooks/useValue.d.ts +0 -2
  1363. package/cjs/extensions/forms/Value/hooks/useValue.js +0 -31
  1364. package/cjs/extensions/forms/Value/hooks/useValue.js.map +0 -1
  1365. package/cjs/extensions/forms/component-types.d.ts +0 -4
  1366. package/cjs/extensions/forms/component-types.js +0 -1
  1367. package/cjs/extensions/forms/component-types.js.map +0 -1
  1368. package/cjs/extensions/forms/field-types.d.ts +0 -52
  1369. package/cjs/extensions/forms/field-types.js +0 -1
  1370. package/cjs/extensions/forms/field-types.js.map +0 -1
  1371. package/cjs/extensions/forms/utils/components.d.ts +0 -3
  1372. package/cjs/extensions/forms/utils/components.js +0 -32
  1373. package/cjs/extensions/forms/utils/components.js.map +0 -1
  1374. package/cjs/extensions/forms/value-types.d.ts +0 -15
  1375. package/cjs/extensions/forms/value-types.js +0 -1
  1376. package/cjs/extensions/forms/value-types.js.map +0 -1
  1377. package/es/extensions/forms/DataContext/SubmitButton.js +0 -20
  1378. package/es/extensions/forms/DataContext/SubmitButton.js.map +0 -1
  1379. package/es/extensions/forms/Field/FirstName.d.ts +0 -7
  1380. package/es/extensions/forms/Field/FirstName.js +0 -19
  1381. package/es/extensions/forms/Field/FirstName.js.map +0 -1
  1382. package/es/extensions/forms/Field/LastName.d.ts +0 -7
  1383. package/es/extensions/forms/Field/LastName.js +0 -19
  1384. package/es/extensions/forms/Field/LastName.js.map +0 -1
  1385. package/es/extensions/forms/Field/hooks/index.d.ts +0 -1
  1386. package/es/extensions/forms/Field/hooks/index.js +0 -1
  1387. package/es/extensions/forms/Field/hooks/index.js.map +0 -1
  1388. package/es/extensions/forms/Field/hooks/useField.d.ts +0 -11
  1389. package/es/extensions/forms/Field/hooks/useField.js.map +0 -1
  1390. package/es/extensions/forms/FieldGroup/FieldGroup.d.ts +0 -17
  1391. package/es/extensions/forms/FieldGroup/FieldGroup.js +0 -77
  1392. package/es/extensions/forms/FieldGroup/FieldGroup.js.map +0 -1
  1393. package/es/extensions/forms/FieldGroup/index.d.ts +0 -2
  1394. package/es/extensions/forms/FieldGroup/index.js +0 -3
  1395. package/es/extensions/forms/FieldGroup/index.js.map +0 -1
  1396. package/es/extensions/forms/Layout/InfoCardSection.d.ts +0 -8
  1397. package/es/extensions/forms/Layout/InfoCardSection.js +0 -17
  1398. package/es/extensions/forms/Layout/InfoCardSection.js.map +0 -1
  1399. package/es/extensions/forms/Value/FirstName.d.ts +0 -7
  1400. package/es/extensions/forms/Value/FirstName.js +0 -16
  1401. package/es/extensions/forms/Value/FirstName.js.map +0 -1
  1402. package/es/extensions/forms/Value/LastName.d.ts +0 -7
  1403. package/es/extensions/forms/Value/LastName.js +0 -16
  1404. package/es/extensions/forms/Value/LastName.js.map +0 -1
  1405. package/es/extensions/forms/Value/hooks/index.d.ts +0 -1
  1406. package/es/extensions/forms/Value/hooks/index.js +0 -1
  1407. package/es/extensions/forms/Value/hooks/index.js.map +0 -1
  1408. package/es/extensions/forms/Value/hooks/useValue.d.ts +0 -2
  1409. package/es/extensions/forms/Value/hooks/useValue.js +0 -22
  1410. package/es/extensions/forms/Value/hooks/useValue.js.map +0 -1
  1411. package/es/extensions/forms/component-types.d.ts +0 -4
  1412. package/es/extensions/forms/component-types.js +0 -1
  1413. package/es/extensions/forms/component-types.js.map +0 -1
  1414. package/es/extensions/forms/field-types.d.ts +0 -52
  1415. package/es/extensions/forms/field-types.js +0 -1
  1416. package/es/extensions/forms/field-types.js.map +0 -1
  1417. package/es/extensions/forms/utils/components.d.ts +0 -3
  1418. package/es/extensions/forms/utils/components.js +0 -23
  1419. package/es/extensions/forms/utils/components.js.map +0 -1
  1420. package/es/extensions/forms/value-types.d.ts +0 -15
  1421. package/es/extensions/forms/value-types.js +0 -1
  1422. package/es/extensions/forms/value-types.js.map +0 -1
  1423. package/extensions/forms/DataContext/SubmitButton.js +0 -20
  1424. package/extensions/forms/DataContext/SubmitButton.js.map +0 -1
  1425. package/extensions/forms/Field/FirstName.d.ts +0 -7
  1426. package/extensions/forms/Field/FirstName.js +0 -19
  1427. package/extensions/forms/Field/FirstName.js.map +0 -1
  1428. package/extensions/forms/Field/LastName.d.ts +0 -7
  1429. package/extensions/forms/Field/LastName.js +0 -19
  1430. package/extensions/forms/Field/LastName.js.map +0 -1
  1431. package/extensions/forms/Field/hooks/index.d.ts +0 -1
  1432. package/extensions/forms/Field/hooks/index.js +0 -1
  1433. package/extensions/forms/Field/hooks/index.js.map +0 -1
  1434. package/extensions/forms/Field/hooks/useField.d.ts +0 -11
  1435. package/extensions/forms/Field/hooks/useField.js.map +0 -1
  1436. package/extensions/forms/FieldGroup/FieldGroup.d.ts +0 -17
  1437. package/extensions/forms/FieldGroup/FieldGroup.js +0 -83
  1438. package/extensions/forms/FieldGroup/FieldGroup.js.map +0 -1
  1439. package/extensions/forms/FieldGroup/index.d.ts +0 -2
  1440. package/extensions/forms/FieldGroup/index.js +0 -3
  1441. package/extensions/forms/FieldGroup/index.js.map +0 -1
  1442. package/extensions/forms/Layout/InfoCardSection.d.ts +0 -8
  1443. package/extensions/forms/Layout/InfoCardSection.js +0 -17
  1444. package/extensions/forms/Layout/InfoCardSection.js.map +0 -1
  1445. package/extensions/forms/Value/FirstName.d.ts +0 -7
  1446. package/extensions/forms/Value/FirstName.js +0 -16
  1447. package/extensions/forms/Value/FirstName.js.map +0 -1
  1448. package/extensions/forms/Value/LastName.d.ts +0 -7
  1449. package/extensions/forms/Value/LastName.js +0 -16
  1450. package/extensions/forms/Value/LastName.js.map +0 -1
  1451. package/extensions/forms/Value/hooks/index.d.ts +0 -1
  1452. package/extensions/forms/Value/hooks/index.js +0 -1
  1453. package/extensions/forms/Value/hooks/index.js.map +0 -1
  1454. package/extensions/forms/Value/hooks/useValue.d.ts +0 -2
  1455. package/extensions/forms/Value/hooks/useValue.js +0 -22
  1456. package/extensions/forms/Value/hooks/useValue.js.map +0 -1
  1457. package/extensions/forms/component-types.d.ts +0 -4
  1458. package/extensions/forms/component-types.js +0 -1
  1459. package/extensions/forms/component-types.js.map +0 -1
  1460. package/extensions/forms/field-types.d.ts +0 -52
  1461. package/extensions/forms/field-types.js +0 -1
  1462. package/extensions/forms/field-types.js.map +0 -1
  1463. package/extensions/forms/utils/components.d.ts +0 -3
  1464. package/extensions/forms/utils/components.js +0 -23
  1465. package/extensions/forms/utils/components.js.map +0 -1
  1466. package/extensions/forms/value-types.d.ts +0 -15
  1467. package/extensions/forms/value-types.js +0 -1
  1468. package/extensions/forms/value-types.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"InputMaskedHooks.js","names":["React","classnames","cleanNumber","getCurrencySymbol","isTrue","dispatchCustomElementEvent","safeSetSelection","TextMask","createNumberMask","keycode","InputMaskedContext","isRequestingLocaleSupport","isRequestingNumberMask","correctNumberValue","handlePercentMask","handleCurrencyMask","handleNumberMask","correctCaretPosition","getInputModeFromMask","handleThousandsSeparator","handleDecimalSeparator","fromJSON","invisibleSpace","useFilteredProps","props","useContext","mask","number_mask","currency_mask","number_format","mask_options","as_currency","as_number","as_percent","locale","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","attributes","_objectWithoutProperties","_excluded","htmlAttributes","Object","freeze","useLocale","context","useLocalValue","maskParams","useNumberMaskParams","localValue","setLocalValue","useState","useEffect","value","useNumberMask","useMask","numberMask","useMaskParams","placeholder","showMask","placeholderChar","showGuide","keepCharPositions","useInputElement","inner_ref","isFn","refHook","useRef","ref","useLayoutEffect","current","inputElementRef","createElement","InputElement","params","innerRef","inputMode","_extends","inputRef","inputElement","guide","className","useEventMapping","_ref","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onKeyDown","onSubmit","onChange","on_focus","undefined","on_blur","on_key_down","on_submit","on_change","_ref2","isNumberMask","decimalSeparators","isUnidentified","_ref3","name","target","selStart","selectionStart","keyCode","which","data","disallowLeadingZeroes","replace","test","testValue","slice","length","preventDefault","decimalSymbol","hasDecimalSymbol","includes","allowedDecimals","decimalLimit","allowDecimal","charAtSelection","index","indexOf","thousandsSeparatorSymbol","num","prefix","suffix","decimalSeparator","thousandsSeparator","numberValue","Number","cleanedValue","result","selectall","_currency_mask","_objectSpread","currency"],"sources":["../../../../src/components/input-masked/InputMaskedHooks.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n cleanNumber,\n getCurrencySymbol,\n} from '../number-format/NumberUtils'\nimport {\n isTrue,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nimport TextMask from './TextMask'\nimport createNumberMask from './addons/createNumberMask'\nimport keycode from 'keycode'\nimport InputMaskedContext from './InputMaskedContext'\n\nimport {\n isRequestingLocaleSupport,\n isRequestingNumberMask,\n correctNumberValue,\n handlePercentMask,\n handleCurrencyMask,\n handleNumberMask,\n correctCaretPosition,\n getInputModeFromMask,\n handleThousandsSeparator,\n handleDecimalSeparator,\n fromJSON,\n invisibleSpace,\n} from './InputMaskedUtils'\n\n/**\n * Takes all component properties and filters out all internal used properties\n *\n * @returns object {props, htmlAttributes}\n */\nexport const useFilteredProps = () => {\n const { props } = React.useContext(InputMaskedContext)\n\n const {\n mask, // eslint-disable-line\n number_mask, // eslint-disable-line\n currency_mask, // eslint-disable-line\n number_format, // eslint-disable-line\n mask_options, // eslint-disable-line\n as_currency, // eslint-disable-line\n as_number, // eslint-disable-line\n as_percent, // eslint-disable-line\n locale, // eslint-disable-line\n show_mask, // eslint-disable-line\n show_guide, // eslint-disable-line\n pipe, // eslint-disable-line\n keep_char_positions, // eslint-disable-line\n placeholder_char, // eslint-disable-line\n\n // Get get rest of possible attributes\n ...attributes\n } = props\n\n return { props, htmlAttributes: Object.freeze(attributes) }\n}\n\n/**\n * Returns locale from either component or context\n *\n * @returns string\n */\nexport const useLocale = () => {\n const { props, context } = React.useContext(InputMaskedContext)\n\n let { locale } = props\n if (!locale && context?.locale) {\n locale = context.locale\n }\n\n return locale\n}\n\n/**\n * Handle internal value state\n *\n * It handles both the value state given as a prop form outside,\n * along with the current written and internal value.\n *\n * @returns object with internal value state and state setter\n */\nexport const useLocalValue = () => {\n const { props, context } = React.useContext(InputMaskedContext)\n const maskParams = useNumberMaskParams() || {}\n const locale = useLocale()\n\n const [localValue, setLocalValue] = React.useState(() =>\n correctNumberValue({\n locale,\n props,\n maskParams,\n })\n )\n\n /**\n * Use an effect here, just;\n * because when a property gets changed from outside\n */\n React.useEffect(() => {\n const value = correctNumberValue({\n localValue,\n locale,\n props,\n maskParams,\n })\n\n setLocalValue(value)\n\n // Do not set \"localValue\" and \"maskParams\" here\n }, [props, context, locale]) // eslint-disable-line\n\n return { localValue, setLocalValue }\n}\n\n/**\n * Create createNumberMask if number mask parameters exists\n *\n * @returns mask function\n */\nexport const useNumberMask = () => {\n const maskParams = useNumberMaskParams()\n const { props } = React.useContext(InputMaskedContext)\n\n if (!maskParams || !isRequestingNumberMask(props)) {\n return null\n }\n\n const mask = createNumberMask(maskParams)\n\n mask.maskParams = maskParams\n\n return mask\n}\n\n/**\n * Returns either internal mask or given property mask\n *\n * @returns mask function\n */\nexport const useMask = () => {\n const { props } = React.useContext(InputMaskedContext)\n\n const numberMask = useNumberMask()\n if (numberMask) {\n return numberMask\n }\n\n return props.mask\n}\n\n/**\n * Returns the final mask params\n *\n * @returns mask params\n */\nexport const useMaskParams = () => {\n const { props } = React.useContext(InputMaskedContext)\n\n const {\n keep_char_positions,\n show_guide,\n show_mask,\n placeholder_char,\n placeholder,\n } = props\n\n const mask = useMask()\n const maskParams = useNumberMaskParams() || {}\n\n maskParams.showMask = !placeholder && isTrue(show_mask)\n\n // Revalidated placeholder char to a zero width space\n maskParams.placeholderChar = placeholder_char\n if (typeof mask?.placeholderChar !== 'undefined') {\n maskParams.placeholderChar = mask.placeholderChar\n }\n if (maskParams.placeholderChar === null) {\n maskParams.placeholderChar = invisibleSpace\n }\n\n if (typeof mask?.showMask !== 'undefined') {\n maskParams.showMask = mask.showMask\n }\n\n maskParams.showGuide = isTrue(show_guide)\n maskParams.keepCharPositions = isTrue(keep_char_positions)\n\n return maskParams\n}\n\n/**\n * Handle the TextMask dependency\n *\n * @returns React Element\n */\nexport const useInputElement = () => {\n const { props } = React.useContext(InputMaskedContext)\n const { pipe, inner_ref } = props\n\n const mask = useMask()\n const { showMask, showGuide, placeholderChar, keepCharPositions } =\n useMaskParams()\n\n const isFn = typeof inner_ref === 'function'\n const refHook = React.useRef()\n const ref = (!isFn && inner_ref) || refHook\n\n React.useLayoutEffect(() => {\n if (isFn) {\n inner_ref?.(ref.current)\n }\n }, [ref.current])\n\n // Create the actual input element\n const inputElementRef = React.useRef(<input ref={ref} />)\n\n const InputElement = (params, innerRef) => {\n // Set ref for Eufemia input\n innerRef.current = ref.current\n\n // Set \"inputMode\"\n if (!params.inputMode) {\n params.inputMode = getInputModeFromMask(mask)\n }\n\n return (\n <TextMask\n inputRef={ref}\n inputElement={inputElementRef.current}\n pipe={pipe}\n mask={mask || []}\n showMask={showMask}\n guide={showGuide}\n keepCharPositions={keepCharPositions}\n placeholderChar={placeholderChar}\n {...params}\n className={classnames(\n params.className,\n showMask &&\n showGuide &&\n placeholderChar &&\n placeholderChar !== invisibleSpace &&\n 'dnb-input-masked--guide' // will use --font-family-monospace\n )}\n />\n )\n }\n return InputElement\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns object of events to handle\n */\nexport const useEventMapping = ({ setLocalValue }) => {\n const callEvent = useCallEvent({ setLocalValue })\n\n return {\n onBeforeInput: (event) => callEvent({ event }, 'on_before_input'),\n onFocus: (params) => callEvent(params, 'on_focus'),\n onBlur: (params) => callEvent(params, 'on_blur'),\n onMouseUp: (event) => callEvent({ event }, 'on_mouse_up'),\n onKeyDown: (params) => callEvent(params, 'on_key_down'),\n onSubmit: (params) => callEvent(params, 'on_submit'),\n onChange: (params) => callEvent(params, 'on_change'),\n\n on_focus: undefined,\n on_blur: undefined,\n on_key_down: undefined,\n on_submit: undefined,\n on_change: undefined,\n }\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns event handler function\n */\nconst useCallEvent = ({ setLocalValue }) => {\n const { props } = React.useContext(InputMaskedContext)\n const maskParams = useMaskParams()\n const isNumberMask = useNumberMask()\n\n // Source: https://en.wikipedia.org/wiki/Decimal_separator\n const decimalSeparators = /[,.'·]/\n let isUnidentified = false\n\n const callEvent = ({ event, value }, name) => {\n value = value || event.target.value\n const selStart = event.target.selectionStart\n let keyCode = keycode(event)\n\n // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n if (\n name === 'on_key_down' &&\n (event.which === 229 || keyCode === undefined)\n ) {\n isUnidentified = true\n }\n\n // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n // so we use this solution instead\n if (\n isUnidentified &&\n name === 'on_before_input' &&\n typeof event?.data !== 'undefined'\n ) {\n name = 'on_key_down'\n keyCode = event.data\n isUnidentified = false\n }\n\n // Prevent entering a leading zero\n if (\n name === 'on_key_down' &&\n !isUnidentified &&\n maskParams?.disallowLeadingZeroes &&\n (keyCode === '0' ||\n keyCode === 'numpad 0' ||\n (value.replace(/[^\\d]/g, '') === '' &&\n decimalSeparators.test(keyCode)))\n ) {\n const testValue = (\n value.slice(0, selStart) +\n '0' +\n value.slice(selStart + 1, value.length)\n ).replace(/[^\\d]/g, '')\n\n if (/^0/.test(testValue)) {\n event.preventDefault()\n }\n }\n\n if (\n name === 'on_key_down' &&\n isNumberMask &&\n !isUnidentified &&\n maskParams?.decimalSymbol\n ) {\n const hasDecimalSymbol = value.includes(maskParams.decimalSymbol)\n const allowedDecimals =\n maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false\n\n if (!allowedDecimals && decimalSeparators.test(keyCode)) {\n event.preventDefault()\n }\n\n const charAtSelection = value.slice(selStart, selStart + 1)\n\n if (allowedDecimals) {\n // if we have already a decimal ...\n if (hasDecimalSymbol && decimalSeparators.test(keyCode)) {\n // ... we set the cursor on after the decimalSeparators\n if (decimalSeparators.test(charAtSelection)) {\n const index = value.indexOf(maskParams.decimalSymbol)\n if (index > -1) {\n safeSetSelection(event.target, index + 1)\n }\n }\n\n // ... we do not allow to type another\n event.preventDefault()\n }\n\n // replace other decimal\n else if (\n !hasDecimalSymbol &&\n keyCode !== maskParams.decimalSymbol &&\n decimalSeparators.test(keyCode)\n ) {\n value = value.slice(0, selStart)\n setLocalValue(value + maskParams.decimalSymbol)\n event.target.value = value + maskParams.decimalSymbol\n event.preventDefault()\n }\n }\n\n // move cursor to right if key is delete and char at selection is thousand separator\n if (\n keyCode === 'delete' &&\n charAtSelection === (maskParams.thousandsSeparatorSymbol || ' ')\n ) {\n safeSetSelection(event.target, selStart + 1)\n event.preventDefault()\n }\n }\n\n let num = cleanNumber(value, {\n prefix: maskParams.prefix,\n suffix: maskParams.suffix,\n decimalSeparator: maskParams.decimalSymbol || ',',\n thousandsSeparator: maskParams.thousandsSeparatorSymbol || ' ',\n })\n\n // We don't want to return NaN, so we set it to 0\n if (num === '-') {\n num = -0\n }\n\n const numberValue = Number(num)\n\n // We may have to check against a negative value: && 1 / +0 === 1 / numberValue\n const cleanedValue = numberValue === 0 ? '' : num\n\n if (name === 'on_change' && numberValue === 0) {\n correctCaretPosition(event.target, maskParams, props)\n }\n\n const result = dispatchCustomElementEvent(props, name, {\n event,\n value,\n numberValue,\n cleanedValue,\n })\n\n if (name === 'on_change') {\n setLocalValue(value)\n }\n\n if (\n (name === 'on_focus' || name === 'on_mouse_up') &&\n !props.selectall\n ) {\n // Also correct here, because of additional click inside the field\n correctCaretPosition(event.target, maskParams, props)\n }\n\n return result\n }\n\n return callEvent\n}\n\n/**\n * Returns number mask parameters if requested by the component properties\n *\n * @returns object of number mask parameter\n */\nconst useNumberMaskParams = () => {\n const { props } = React.useContext(InputMaskedContext)\n const locale = useLocale()\n\n if (!isRequestingNumberMask(props)) {\n return { ...fromJSON(props.mask_options) }\n }\n\n let { number_mask, currency_mask, mask_options } = props\n\n const { as_number, as_percent, as_currency } = props\n\n mask_options = fromJSON(mask_options)\n number_mask = isTrue(number_mask) ? {} : fromJSON(number_mask)\n currency_mask = isTrue(currency_mask)\n ? {}\n : fromJSON(currency_mask, {\n currency: currency_mask,\n })\n if (!currency_mask?.currency) {\n delete currency_mask.currency\n }\n\n if (isRequestingLocaleSupport(props)) {\n const thousandsSeparatorSymbol = handleThousandsSeparator(locale)\n const decimalSymbol = handleDecimalSeparator(locale)\n\n if (isTrue(as_number) || isTrue(as_percent)) {\n number_mask = {\n decimalSymbol,\n thousandsSeparatorSymbol,\n ...number_mask,\n }\n } else if (as_currency) {\n currency_mask = {\n decimalSymbol,\n thousandsSeparatorSymbol,\n currency: getCurrencySymbol(\n locale,\n typeof as_currency === 'string' ? as_currency : null\n ),\n ...currency_mask,\n }\n }\n }\n\n let maskParams = null\n\n if (number_mask) {\n maskParams = handleNumberMask({\n mask_options,\n number_mask,\n })\n\n if (isTrue(as_percent)) {\n maskParams = handlePercentMask({ props, locale, maskParams })\n }\n } else if (currency_mask) {\n maskParams = handleCurrencyMask({\n mask_options,\n currency_mask,\n })\n }\n\n return maskParams\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputMaskedHooks.js","names":["React","classnames","cleanNumber","getCurrencySymbol","isTrue","dispatchCustomElementEvent","safeSetSelection","TextMask","createNumberMask","keycode","InputMaskedContext","isRequestingLocaleSupport","isRequestingNumberMask","correctNumberValue","handlePercentMask","handleCurrencyMask","handleNumberMask","correctCaretPosition","getInputModeFromMask","handleThousandsSeparator","handleDecimalSeparator","fromJSON","invisibleSpace","useFilteredProps","props","useContext","mask","number_mask","currency_mask","number_format","mask_options","as_currency","as_number","as_percent","locale","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","attributes","_objectWithoutProperties","_excluded","htmlAttributes","Object","freeze","useLocale","context","useLocalValue","maskParams","useNumberMaskParams","localValue","setLocalValue","useState","useEffect","value","useNumberMask","useMask","numberMask","useMaskParams","placeholder","showMask","placeholderChar","showGuide","keepCharPositions","useInputElement","inner_ref","isFn","refHook","useRef","ref","useLayoutEffect","current","inputElementRef","createElement","InputElement","params","innerRef","inputMode","_extends","inputRef","inputElement","guide","className","useEventMapping","_ref","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onKeyDown","onSubmit","onChange","on_focus","undefined","on_blur","on_key_down","on_submit","on_change","_ref2","isNumberMask","decimalSeparators","isUnidentified","_ref3","name","target","selStart","selectionStart","keyCode","which","data","disallowLeadingZeroes","replace","test","testValue","slice","length","preventDefault","decimalSymbol","hasDecimalSymbol","includes","allowedDecimals","decimalLimit","allowDecimal","charAtSelection","index","indexOf","thousandsSeparatorSymbol","num","prefix","suffix","decimalSeparator","thousandsSeparator","numberValue","Number","cleanedValue","String","charAt","result","selectall","_currency_mask","_objectSpread","currency"],"sources":["../../../../src/components/input-masked/InputMaskedHooks.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n cleanNumber,\n getCurrencySymbol,\n} from '../number-format/NumberUtils'\nimport {\n isTrue,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nimport TextMask from './TextMask'\nimport createNumberMask from './addons/createNumberMask'\nimport keycode from 'keycode'\nimport InputMaskedContext from './InputMaskedContext'\n\nimport {\n isRequestingLocaleSupport,\n isRequestingNumberMask,\n correctNumberValue,\n handlePercentMask,\n handleCurrencyMask,\n handleNumberMask,\n correctCaretPosition,\n getInputModeFromMask,\n handleThousandsSeparator,\n handleDecimalSeparator,\n fromJSON,\n invisibleSpace,\n} from './InputMaskedUtils'\n\n/**\n * Takes all component properties and filters out all internal used properties\n *\n * @returns object {props, htmlAttributes}\n */\nexport const useFilteredProps = () => {\n const { props } = React.useContext(InputMaskedContext)\n\n const {\n mask, // eslint-disable-line\n number_mask, // eslint-disable-line\n currency_mask, // eslint-disable-line\n number_format, // eslint-disable-line\n mask_options, // eslint-disable-line\n as_currency, // eslint-disable-line\n as_number, // eslint-disable-line\n as_percent, // eslint-disable-line\n locale, // eslint-disable-line\n show_mask, // eslint-disable-line\n show_guide, // eslint-disable-line\n pipe, // eslint-disable-line\n keep_char_positions, // eslint-disable-line\n placeholder_char, // eslint-disable-line\n\n // Get get rest of possible attributes\n ...attributes\n } = props\n\n return { props, htmlAttributes: Object.freeze(attributes) }\n}\n\n/**\n * Returns locale from either component or context\n *\n * @returns string\n */\nexport const useLocale = () => {\n const { props, context } = React.useContext(InputMaskedContext)\n\n let { locale } = props\n if (!locale && context?.locale) {\n locale = context.locale\n }\n\n return locale\n}\n\n/**\n * Handle internal value state\n *\n * It handles both the value state given as a prop form outside,\n * along with the current written and internal value.\n *\n * @returns object with internal value state and state setter\n */\nexport const useLocalValue = () => {\n const { props, context } = React.useContext(InputMaskedContext)\n const maskParams = useNumberMaskParams() || {}\n const locale = useLocale()\n\n const [localValue, setLocalValue] = React.useState(() =>\n correctNumberValue({\n locale,\n props,\n maskParams,\n })\n )\n\n /**\n * Use an effect here, just;\n * because when a property gets changed from outside\n */\n React.useEffect(() => {\n const value = correctNumberValue({\n localValue,\n locale,\n props,\n maskParams,\n })\n\n setLocalValue(value)\n\n // Do not set \"localValue\" and \"maskParams\" here\n }, [props, context, locale]) // eslint-disable-line\n\n return { localValue, setLocalValue }\n}\n\n/**\n * Create createNumberMask if number mask parameters exists\n *\n * @returns mask function\n */\nexport const useNumberMask = () => {\n const maskParams = useNumberMaskParams()\n const { props } = React.useContext(InputMaskedContext)\n\n if (!maskParams || !isRequestingNumberMask(props)) {\n return null\n }\n\n const mask = createNumberMask(maskParams)\n\n mask.maskParams = maskParams\n\n return mask\n}\n\n/**\n * Returns either internal mask or given property mask\n *\n * @returns mask function\n */\nexport const useMask = () => {\n const { props } = React.useContext(InputMaskedContext)\n\n const numberMask = useNumberMask()\n if (numberMask) {\n return numberMask\n }\n\n return props.mask\n}\n\n/**\n * Returns the final mask params\n *\n * @returns mask params\n */\nexport const useMaskParams = () => {\n const { props } = React.useContext(InputMaskedContext)\n\n const {\n keep_char_positions,\n show_guide,\n show_mask,\n placeholder_char,\n placeholder,\n } = props\n\n const mask = useMask()\n const maskParams = useNumberMaskParams() || {}\n\n maskParams.showMask = !placeholder && isTrue(show_mask)\n\n // Revalidated placeholder char to a zero width space\n maskParams.placeholderChar = placeholder_char\n if (typeof mask?.placeholderChar !== 'undefined') {\n maskParams.placeholderChar = mask.placeholderChar\n }\n if (maskParams.placeholderChar === null) {\n maskParams.placeholderChar = invisibleSpace\n }\n\n if (typeof mask?.showMask !== 'undefined') {\n maskParams.showMask = mask.showMask\n }\n\n maskParams.showGuide = isTrue(show_guide)\n maskParams.keepCharPositions = isTrue(keep_char_positions)\n\n return maskParams\n}\n\n/**\n * Handle the TextMask dependency\n *\n * @returns React Element\n */\nexport const useInputElement = () => {\n const { props } = React.useContext(InputMaskedContext)\n const { pipe, inner_ref } = props\n\n const mask = useMask()\n const { showMask, showGuide, placeholderChar, keepCharPositions } =\n useMaskParams()\n\n const isFn = typeof inner_ref === 'function'\n const refHook = React.useRef()\n const ref = (!isFn && inner_ref) || refHook\n\n React.useLayoutEffect(() => {\n if (isFn) {\n inner_ref?.(ref.current)\n }\n }, [ref.current])\n\n // Create the actual input element\n const inputElementRef = React.useRef(<input ref={ref} />)\n\n const InputElement = (params, innerRef) => {\n // Set ref for Eufemia input\n innerRef.current = ref.current\n\n // Set \"inputMode\"\n if (!params.inputMode) {\n params.inputMode = getInputModeFromMask(mask)\n }\n\n return (\n <TextMask\n inputRef={ref}\n inputElement={inputElementRef.current}\n pipe={pipe}\n mask={mask || []}\n showMask={showMask}\n guide={showGuide}\n keepCharPositions={keepCharPositions}\n placeholderChar={placeholderChar}\n {...params}\n className={classnames(\n params.className,\n showMask &&\n showGuide &&\n placeholderChar &&\n placeholderChar !== invisibleSpace &&\n 'dnb-input-masked--guide' // will use --font-family-monospace\n )}\n />\n )\n }\n return InputElement\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns object of events to handle\n */\nexport const useEventMapping = ({ setLocalValue }) => {\n const callEvent = useCallEvent({ setLocalValue })\n\n return {\n onBeforeInput: (event) => callEvent({ event }, 'on_before_input'),\n onFocus: (params) => callEvent(params, 'on_focus'),\n onBlur: (params) => callEvent(params, 'on_blur'),\n onMouseUp: (event) => callEvent({ event }, 'on_mouse_up'),\n onKeyDown: (params) => callEvent(params, 'on_key_down'),\n onSubmit: (params) => callEvent(params, 'on_submit'),\n onChange: (params) => callEvent(params, 'on_change'),\n\n on_focus: undefined,\n on_blur: undefined,\n on_key_down: undefined,\n on_submit: undefined,\n on_change: undefined,\n }\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns event handler function\n */\nconst useCallEvent = ({ setLocalValue }) => {\n const { props } = React.useContext(InputMaskedContext)\n const maskParams = useMaskParams()\n const isNumberMask = useNumberMask()\n\n // Source: https://en.wikipedia.org/wiki/Decimal_separator\n const decimalSeparators = /[,.'·]/\n let isUnidentified = false\n\n const callEvent = ({ event, value }, name) => {\n value = value || event.target.value\n const selStart = event.target.selectionStart\n let keyCode = keycode(event)\n\n // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n if (\n name === 'on_key_down' &&\n (event.which === 229 || keyCode === undefined)\n ) {\n isUnidentified = true\n }\n\n // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n // so we use this solution instead\n if (\n isUnidentified &&\n name === 'on_before_input' &&\n typeof event?.data !== 'undefined'\n ) {\n name = 'on_key_down'\n keyCode = event.data\n isUnidentified = false\n }\n\n // Prevent entering a leading zero\n if (\n name === 'on_key_down' &&\n !isUnidentified &&\n maskParams?.disallowLeadingZeroes &&\n (keyCode === '0' ||\n keyCode === 'numpad 0' ||\n (value.replace(/[^\\d]/g, '') === '' &&\n decimalSeparators.test(keyCode)))\n ) {\n const testValue = (\n value.slice(0, selStart) +\n '0' +\n value.slice(selStart + 1, value.length)\n ).replace(/[^\\d]/g, '')\n\n if (/^0/.test(testValue)) {\n event.preventDefault()\n }\n }\n\n if (\n name === 'on_key_down' &&\n isNumberMask &&\n !isUnidentified &&\n maskParams?.decimalSymbol\n ) {\n const hasDecimalSymbol = value.includes(maskParams.decimalSymbol)\n const allowedDecimals =\n maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false\n\n if (!allowedDecimals && decimalSeparators.test(keyCode)) {\n event.preventDefault()\n }\n\n const charAtSelection = value.slice(selStart, selStart + 1)\n\n if (allowedDecimals) {\n // if we have already a decimal ...\n if (hasDecimalSymbol && decimalSeparators.test(keyCode)) {\n // ... we set the cursor on after the decimalSeparators\n if (decimalSeparators.test(charAtSelection)) {\n const index = value.indexOf(maskParams.decimalSymbol)\n if (index > -1) {\n safeSetSelection(event.target, index + 1)\n }\n }\n\n // ... we do not allow to type another\n event.preventDefault()\n }\n\n // replace other decimal\n else if (\n !hasDecimalSymbol &&\n keyCode !== maskParams.decimalSymbol &&\n decimalSeparators.test(keyCode)\n ) {\n value = value.slice(0, selStart)\n setLocalValue(value + maskParams.decimalSymbol)\n event.target.value = value + maskParams.decimalSymbol\n event.preventDefault()\n }\n }\n\n // move cursor to right if key is delete and char at selection is thousand separator\n if (\n keyCode === 'delete' &&\n charAtSelection === (maskParams.thousandsSeparatorSymbol || ' ')\n ) {\n safeSetSelection(event.target, selStart + 1)\n event.preventDefault()\n }\n }\n\n let num = cleanNumber(value, {\n prefix: maskParams.prefix,\n suffix: maskParams.suffix,\n decimalSeparator: maskParams.decimalSymbol || ',',\n thousandsSeparator: maskParams.thousandsSeparatorSymbol || ' ',\n })\n\n // We don't want to return NaN, so we set it to 0\n if (num === '-') {\n num = -0\n }\n\n const numberValue = Number(num)\n\n // Return '' (empty string) when the user has entered something invalid\n const cleanedValue =\n numberValue === 0 && String(num).charAt(0) !== '0' ? '' : num\n\n if (name === 'on_change' && numberValue === 0) {\n correctCaretPosition(event.target, maskParams, props)\n }\n\n const result = dispatchCustomElementEvent(props, name, {\n event,\n value,\n numberValue,\n cleanedValue,\n })\n\n if (name === 'on_change') {\n setLocalValue(value)\n }\n\n if (\n (name === 'on_focus' || name === 'on_mouse_up') &&\n !props.selectall\n ) {\n // Also correct here, because of additional click inside the field\n correctCaretPosition(event.target, maskParams, props)\n }\n\n return result\n }\n\n return callEvent\n}\n\n/**\n * Returns number mask parameters if requested by the component properties\n *\n * @returns object of number mask parameter\n */\nconst useNumberMaskParams = () => {\n const { props } = React.useContext(InputMaskedContext)\n const locale = useLocale()\n\n if (!isRequestingNumberMask(props)) {\n return { ...fromJSON(props.mask_options) }\n }\n\n let { number_mask, currency_mask, mask_options } = props\n\n const { as_number, as_percent, as_currency } = props\n\n mask_options = fromJSON(mask_options)\n number_mask = isTrue(number_mask) ? {} : fromJSON(number_mask)\n currency_mask = isTrue(currency_mask)\n ? {}\n : fromJSON(currency_mask, {\n currency: currency_mask,\n })\n if (!currency_mask?.currency) {\n delete currency_mask.currency\n }\n\n if (isRequestingLocaleSupport(props)) {\n const thousandsSeparatorSymbol = handleThousandsSeparator(locale)\n const decimalSymbol = handleDecimalSeparator(locale)\n\n if (isTrue(as_number) || isTrue(as_percent)) {\n number_mask = {\n decimalSymbol,\n thousandsSeparatorSymbol,\n ...number_mask,\n }\n } else if (as_currency) {\n currency_mask = {\n decimalSymbol,\n thousandsSeparatorSymbol,\n currency: getCurrencySymbol(\n locale,\n typeof as_currency === 'string' ? as_currency : null\n ),\n ...currency_mask,\n }\n }\n }\n\n let maskParams = null\n\n if (number_mask) {\n maskParams = handleNumberMask({\n mask_options,\n number_mask,\n })\n\n if (isTrue(as_percent)) {\n maskParams = handlePercentMask({ props, locale, maskParams })\n }\n } else if (currency_mask) {\n maskParams = handleCurrencyMask({\n mask_options,\n currency_mask,\n })\n }\n\n return maskParams\n}\n"],"mappings":"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"}
@@ -27,7 +27,7 @@ export const correctNumberValue = _ref3 => {
27
27
  locale,
28
28
  maskParams
29
29
  } = _ref3;
30
- let value = String(props.value);
30
+ let value = props.value === null ? null : String(props.value);
31
31
  if (isNaN(parseFloat(value))) {
32
32
  return value;
33
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"InputMaskedUtils.js","names":["format","getDecimalSeparator","getThousandsSeparator","warn","IS_ANDROID","IS_IOS","safeSetSelection","enableLocaleSupportWhen","enableNumberMaskWhen","invisibleSpace","isRequestingLocaleSupport","props","Object","entries","some","_ref","k","v","includes","isRequestingNumberMask","_ref2","correctNumberValue","_ref3","localValue","locale","maskParams","value","String","isNaN","parseFloat","decimalPos","indexOf","integerLimit","limit","integers","split","isNegative","length","decimals","slice","shouldHaveDecimals","allowDecimal","decimalLimit","number_format","options","_objectSpread","decimalSymbol","replace","localNumberValue","numberValue","endsWithDecimal","endsWith","endsWithZeroAndDecimal","startsWith","test","correctCaretPosition","element","correction","suffix","prefix","start","selectionStart","end","selectionEnd","suffixStart","suffixEnd","pos","undefined","placeholderChar","prefixStart","prefixEnd","char","mask","chars","l","i","RegExp","n","_mask$test","call","e","window","requestAnimationFrame","handlePercentMask","_ref4","_String","_String$match","percent","match","handleCurrencyMask","_ref5","mask_options","currency_mask","showMask","fix","currency","handleNumberMask","_ref6","number_mask","getInputModeFromMask","allowNegative","instanceOf","handleThousandsSeparator","handleDecimalSeparator","fromJSON","str","fallback","arguments","JSON","parse"],"sources":["../../../../src/components/input-masked/InputMaskedUtils.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport {\n format,\n getDecimalSeparator,\n getThousandsSeparator,\n} from '../number-format/NumberUtils'\nimport { warn } from '../../shared/component-helper'\nimport { IS_ANDROID, IS_IOS } from '../../shared/helpers'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nconst enableLocaleSupportWhen = ['as_number', 'as_percent', 'as_currency']\nconst enableNumberMaskWhen = [\n 'as_number',\n 'as_percent',\n 'as_currency',\n 'number_mask',\n 'currency_mask',\n]\n\nexport const invisibleSpace = '\\u200B'\n\n/**\n * Will return true if a prop needs Locale support\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingLocaleSupport = (props) => {\n return Object.entries(props).some(\n ([k, v]) => v && enableLocaleSupportWhen.includes(k)\n )\n}\n\n/**\n * Will return true if a prop will enable the internal NumberMask\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingNumberMask = (props) => {\n return Object.entries(props).some(\n ([k, v]) => v && enableNumberMaskWhen.includes(k)\n )\n}\n\n/**\n * Probably the most complex part of this component\n * It will modify a given value based on certain criteria's\n *\n * @param {object} param0 object with properties\n * @property {string} localValue optional – if given, it will uses its ending to determine of what to return\n * @property {number|string} value component property value\n * @property {object} context Eufemia Context\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns string Value\n */\nexport const correctNumberValue = ({\n localValue = null,\n props,\n locale,\n maskParams,\n}) => {\n let value = String(props.value)\n\n if (isNaN(parseFloat(value))) {\n return value\n }\n\n const decimalPos = value.indexOf('.')\n\n if (\n maskParams.integerLimit &&\n typeof maskParams.integerLimit === 'number'\n ) {\n const limit = maskParams.integerLimit\n const integers = value.split('.')[0]\n const isNegative = parseFloat(integers) < 0\n if (integers.length - (isNegative ? 1 : 0) > limit) {\n const decimals = decimalPos > 0 ? value.slice(decimalPos) : ''\n value = integers.slice(0, limit + (isNegative ? 1 : 0)) + decimals\n }\n }\n\n const shouldHaveDecimals =\n maskParams.allowDecimal ||\n (maskParams.decimalLimit > 0 && maskParams.allowDecimal !== false)\n\n if (!shouldHaveDecimals) {\n if (decimalPos > -1) {\n value = value.slice(0, decimalPos)\n }\n }\n\n /**\n * This only runs IF \"number_format\" is set – we do not use it else\n */\n if (props.number_format) {\n const options = {\n locale,\n decimals: 0,\n ...props.number_format,\n }\n if (shouldHaveDecimals) {\n options.decimals = maskParams.decimalLimit\n }\n value = format(value, options)\n }\n\n const decimalSymbol = maskParams.decimalSymbol\n value = value.replace('.', decimalSymbol)\n\n if (localValue !== null) {\n const localNumberValue = localValue.replace(/[^\\d,.-]/g, '')\n const numberValue = value.replace(/[^\\d,.-]/g, '')\n\n const endsWithDecimal = localNumberValue.endsWith(decimalSymbol)\n const endsWithZeroAndDecimal = localNumberValue.endsWith(\n `${decimalSymbol}0`\n )\n\n if (endsWithDecimal) {\n value = `${value}${decimalSymbol}`\n } else if (\n endsWithZeroAndDecimal &&\n !numberValue.endsWith(`${decimalSymbol}0`)\n ) {\n /**\n * When the users has 20,02, then hits \"backspace\",\n * the returned {numberValue} in the onChange event would then be \"20\",\n * but we want it to be 20,0\n */\n value = `${value}${decimalSymbol}0`\n }\n\n /**\n * If the user removes a leading digit and we have left a leading zero.\n *\n * The users enters these steps:\n * Step 1. 1012\n * Step 2. 012 -> user removes 1, now use \"localValue\"\n * Step 3. 2012\n *\n * If a dev listens on_change and sends the number value back in,\n * for this, we also ensure that \"numberValue\" and \"localNumberValue\" is the same.\n */\n if (\n localNumberValue !== '0' &&\n localNumberValue.startsWith('0') &&\n parseFloat(numberValue.replace(decimalSymbol, '.')) ===\n parseFloat(localNumberValue.replace(decimalSymbol, '.'))\n ) {\n value = localValue\n }\n\n /**\n * While typing;\n * If the local value is - or -0 we use it.\n * Also, because of invisible whitespace we remove everything else\n */\n if (/^(-|-0)$/.test(localValue.replace(/[^\\d-0]/g, ''))) {\n value = localValue\n } else if (localNumberValue === '' && numberValue === '0') {\n value = ''\n }\n }\n\n return value\n}\n\n/**\n * This is a helper for setting the cursor position,\n * when it is on a not allowed position\n *\n * @param {Element} element Input Element\n * @param {Object} maskParams Mask parameters, containing eventually suffix or prefix\n */\nexport const correctCaretPosition = (element, maskParams, props) => {\n const correction = () => {\n try {\n const suffix = maskParams?.suffix\n const prefix = maskParams?.prefix\n\n const start = element.selectionStart\n const end = element.selectionEnd\n\n if (start !== end) {\n return // stop here\n }\n\n if (suffix || prefix) {\n const suffixStart = element.value.indexOf(suffix)\n const suffixEnd = suffixStart + suffix?.length\n let pos = undefined\n\n if (start >= suffixStart && start <= suffixEnd) {\n pos = suffixStart\n\n // If there is a placeholder,\n // and the user clicks after the suffix\n // we want the position to be \"before\" the placeholderChar\n if (\n maskParams.placeholderChar !== invisibleSpace &&\n element.value.length - 1 === String(suffix + prefix).length\n ) {\n pos = pos - 1\n }\n } else {\n const prefixStart = element.value.indexOf(prefix)\n const prefixEnd = prefixStart + prefix?.length || 0\n\n if (start >= prefixStart && start <= prefixEnd) {\n pos = prefixEnd\n }\n }\n\n const char = element.value.slice(pos - 1, pos)\n if (char === invisibleSpace) {\n pos = suffixStart - 1\n }\n\n if (!isNaN(parseFloat(pos))) {\n safeSetSelection(element, pos)\n }\n } else if (props?.mask && element.value.length === end) {\n const chars = element.value.split('')\n\n for (let l = chars.length, i = l - 1; i >= 0; i--) {\n const char = chars[i]\n const mask = props.mask[i]\n if (\n char &&\n char !== invisibleSpace &&\n mask instanceof RegExp &&\n mask.test(char)\n ) {\n for (let n = i + 1; n < l; n++) {\n const mask = props.mask[n]\n if (mask?.test?.(mask) === false) {\n safeSetSelection(element, n)\n break\n }\n }\n\n break\n }\n }\n }\n } catch (e) {\n warn(e)\n }\n }\n\n if (typeof window !== 'undefined') {\n window.requestAnimationFrame(correction)\n }\n}\n\n/**\n * Manipulate needed mask for handle: percent\n *\n * @param {object} param0 object with properties\n * @property {object} props Component property\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns object maskParams\n */\nexport const handlePercentMask = ({ props, locale, maskParams }) => {\n const value = format(props.value, { locale, percent: true })\n maskParams.suffix = String(value)?.match(/((\\s|)%)$/g, '$1')?.[0] || ' %'\n\n return maskParams\n}\n\n/**\n * Return needed mask for handle: currency\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} currency_mask Component property for change the currency parameters\n * @returns object maskParams\n */\nexport const handleCurrencyMask = ({ mask_options, currency_mask }) => {\n const maskParams = {\n showMask: true,\n placeholderChar: null,\n allowDecimal: true,\n decimalLimit: 2,\n decimalSymbol: ',',\n ...mask_options,\n ...currency_mask,\n }\n\n const fix =\n typeof currency_mask === 'string'\n ? currency_mask\n : typeof maskParams.currency === 'string'\n ? maskParams.currency\n : 'kr'\n\n maskParams.suffix = ` ${fix}`\n\n return maskParams\n}\n\n/**\n * Return needed mask for handle: number\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} number_mask Component property for change the number parameters\n * @returns object maskParams\n */\nexport const handleNumberMask = ({ mask_options, number_mask }) => {\n const maskParams = {\n decimalSymbol: ',',\n ...mask_options,\n ...number_mask,\n }\n\n if (typeof maskParams.allowDecimal === 'undefined') {\n maskParams.allowDecimal = maskParams.decimalLimit > 0\n }\n\n return maskParams\n}\n\n/**\n * Returns the type of what inputMode should be used\n *\n * @param {function} mask mask function\n * @returns undefined|decimal|numeric\n */\nexport function getInputModeFromMask(mask) {\n const maskParams = mask?.maskParams\n\n // because of the missing minus key, we still have to use text on Android and iOS\n if ((IS_ANDROID || IS_IOS) && maskParams?.allowNegative !== false) {\n return undefined\n }\n\n if (maskParams && mask?.instanceOf === 'createNumberMask') {\n return maskParams.allowDecimal && maskParams.decimalLimit !== 0\n ? 'decimal'\n : 'numeric'\n }\n return undefined\n}\n\n/**\n * Returns the thousands separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleThousandsSeparator(locale) {\n return getThousandsSeparator(locale).replace(' ', ' ') // replace non-breaking space with a regular space\n}\n\n/**\n * Returns the decimal separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleDecimalSeparator(locale) {\n let decimalSymbol = getDecimalSeparator(locale)\n\n return decimalSymbol\n}\n\n/**\n * Will take a JSON and return it parsed\n *\n * @param {string} str\n * @param {*} fallback optional fallback\n * @returns parsed json\n */\nexport function fromJSON(str, fallback = null) {\n if (typeof str === 'string' && str[0] === '{') {\n return JSON.parse(str)\n }\n\n return str || fallback\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputMaskedUtils.js","names":["format","getDecimalSeparator","getThousandsSeparator","warn","IS_ANDROID","IS_IOS","safeSetSelection","enableLocaleSupportWhen","enableNumberMaskWhen","invisibleSpace","isRequestingLocaleSupport","props","Object","entries","some","_ref","k","v","includes","isRequestingNumberMask","_ref2","correctNumberValue","_ref3","localValue","locale","maskParams","value","String","isNaN","parseFloat","decimalPos","indexOf","integerLimit","limit","integers","split","isNegative","length","decimals","slice","shouldHaveDecimals","allowDecimal","decimalLimit","number_format","options","_objectSpread","decimalSymbol","replace","localNumberValue","numberValue","endsWithDecimal","endsWith","endsWithZeroAndDecimal","startsWith","test","correctCaretPosition","element","correction","suffix","prefix","start","selectionStart","end","selectionEnd","suffixStart","suffixEnd","pos","undefined","placeholderChar","prefixStart","prefixEnd","char","mask","chars","l","i","RegExp","n","_mask$test","call","e","window","requestAnimationFrame","handlePercentMask","_ref4","_String","_String$match","percent","match","handleCurrencyMask","_ref5","mask_options","currency_mask","showMask","fix","currency","handleNumberMask","_ref6","number_mask","getInputModeFromMask","allowNegative","instanceOf","handleThousandsSeparator","handleDecimalSeparator","fromJSON","str","fallback","arguments","JSON","parse"],"sources":["../../../../src/components/input-masked/InputMaskedUtils.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport {\n format,\n getDecimalSeparator,\n getThousandsSeparator,\n} from '../number-format/NumberUtils'\nimport { warn } from '../../shared/component-helper'\nimport { IS_ANDROID, IS_IOS } from '../../shared/helpers'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nconst enableLocaleSupportWhen = ['as_number', 'as_percent', 'as_currency']\nconst enableNumberMaskWhen = [\n 'as_number',\n 'as_percent',\n 'as_currency',\n 'number_mask',\n 'currency_mask',\n]\n\nexport const invisibleSpace = '\\u200B'\n\n/**\n * Will return true if a prop needs Locale support\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingLocaleSupport = (props) => {\n return Object.entries(props).some(\n ([k, v]) => v && enableLocaleSupportWhen.includes(k)\n )\n}\n\n/**\n * Will return true if a prop will enable the internal NumberMask\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingNumberMask = (props) => {\n return Object.entries(props).some(\n ([k, v]) => v && enableNumberMaskWhen.includes(k)\n )\n}\n\n/**\n * Probably the most complex part of this component\n * It will modify a given value based on certain criteria's\n *\n * @param {object} param0 object with properties\n * @property {string} localValue optional – if given, it will uses its ending to determine of what to return\n * @property {number|string} value component property value\n * @property {object} context Eufemia Context\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns string Value\n */\nexport const correctNumberValue = ({\n localValue = null,\n props,\n locale,\n maskParams,\n}) => {\n let value = props.value === null ? null : String(props.value)\n\n if (isNaN(parseFloat(value))) {\n return value\n }\n\n const decimalPos = value.indexOf('.')\n\n if (\n maskParams.integerLimit &&\n typeof maskParams.integerLimit === 'number'\n ) {\n const limit = maskParams.integerLimit\n const integers = value.split('.')[0]\n const isNegative = parseFloat(integers) < 0\n if (integers.length - (isNegative ? 1 : 0) > limit) {\n const decimals = decimalPos > 0 ? value.slice(decimalPos) : ''\n value = integers.slice(0, limit + (isNegative ? 1 : 0)) + decimals\n }\n }\n\n const shouldHaveDecimals =\n maskParams.allowDecimal ||\n (maskParams.decimalLimit > 0 && maskParams.allowDecimal !== false)\n\n if (!shouldHaveDecimals) {\n if (decimalPos > -1) {\n value = value.slice(0, decimalPos)\n }\n }\n\n /**\n * This only runs IF \"number_format\" is set – we do not use it else\n */\n if (props.number_format) {\n const options = {\n locale,\n decimals: 0,\n ...props.number_format,\n }\n if (shouldHaveDecimals) {\n options.decimals = maskParams.decimalLimit\n }\n value = format(value, options)\n }\n\n const decimalSymbol = maskParams.decimalSymbol\n value = value.replace('.', decimalSymbol)\n\n if (localValue !== null) {\n const localNumberValue = localValue.replace(/[^\\d,.-]/g, '')\n const numberValue = value.replace(/[^\\d,.-]/g, '')\n\n const endsWithDecimal = localNumberValue.endsWith(decimalSymbol)\n const endsWithZeroAndDecimal = localNumberValue.endsWith(\n `${decimalSymbol}0`\n )\n\n if (endsWithDecimal) {\n value = `${value}${decimalSymbol}`\n } else if (\n endsWithZeroAndDecimal &&\n !numberValue.endsWith(`${decimalSymbol}0`)\n ) {\n /**\n * When the users has 20,02, then hits \"backspace\",\n * the returned {numberValue} in the onChange event would then be \"20\",\n * but we want it to be 20,0\n */\n value = `${value}${decimalSymbol}0`\n }\n\n /**\n * If the user removes a leading digit and we have left a leading zero.\n *\n * The users enters these steps:\n * Step 1. 1012\n * Step 2. 012 -> user removes 1, now use \"localValue\"\n * Step 3. 2012\n *\n * If a dev listens on_change and sends the number value back in,\n * for this, we also ensure that \"numberValue\" and \"localNumberValue\" is the same.\n */\n if (\n localNumberValue !== '0' &&\n localNumberValue.startsWith('0') &&\n parseFloat(numberValue.replace(decimalSymbol, '.')) ===\n parseFloat(localNumberValue.replace(decimalSymbol, '.'))\n ) {\n value = localValue\n }\n\n /**\n * While typing;\n * If the local value is - or -0 we use it.\n * Also, because of invisible whitespace we remove everything else\n */\n if (/^(-|-0)$/.test(localValue.replace(/[^\\d-0]/g, ''))) {\n value = localValue\n } else if (localNumberValue === '' && numberValue === '0') {\n value = ''\n }\n }\n\n return value\n}\n\n/**\n * This is a helper for setting the cursor position,\n * when it is on a not allowed position\n *\n * @param {Element} element Input Element\n * @param {Object} maskParams Mask parameters, containing eventually suffix or prefix\n */\nexport const correctCaretPosition = (element, maskParams, props) => {\n const correction = () => {\n try {\n const suffix = maskParams?.suffix\n const prefix = maskParams?.prefix\n\n const start = element.selectionStart\n const end = element.selectionEnd\n\n if (start !== end) {\n return // stop here\n }\n\n if (suffix || prefix) {\n const suffixStart = element.value.indexOf(suffix)\n const suffixEnd = suffixStart + suffix?.length\n let pos = undefined\n\n if (start >= suffixStart && start <= suffixEnd) {\n pos = suffixStart\n\n // If there is a placeholder,\n // and the user clicks after the suffix\n // we want the position to be \"before\" the placeholderChar\n if (\n maskParams.placeholderChar !== invisibleSpace &&\n element.value.length - 1 === String(suffix + prefix).length\n ) {\n pos = pos - 1\n }\n } else {\n const prefixStart = element.value.indexOf(prefix)\n const prefixEnd = prefixStart + prefix?.length || 0\n\n if (start >= prefixStart && start <= prefixEnd) {\n pos = prefixEnd\n }\n }\n\n const char = element.value.slice(pos - 1, pos)\n if (char === invisibleSpace) {\n pos = suffixStart - 1\n }\n\n if (!isNaN(parseFloat(pos))) {\n safeSetSelection(element, pos)\n }\n } else if (props?.mask && element.value.length === end) {\n const chars = element.value.split('')\n\n for (let l = chars.length, i = l - 1; i >= 0; i--) {\n const char = chars[i]\n const mask = props.mask[i]\n if (\n char &&\n char !== invisibleSpace &&\n mask instanceof RegExp &&\n mask.test(char)\n ) {\n for (let n = i + 1; n < l; n++) {\n const mask = props.mask[n]\n if (mask?.test?.(mask) === false) {\n safeSetSelection(element, n)\n break\n }\n }\n\n break\n }\n }\n }\n } catch (e) {\n warn(e)\n }\n }\n\n if (typeof window !== 'undefined') {\n window.requestAnimationFrame(correction)\n }\n}\n\n/**\n * Manipulate needed mask for handle: percent\n *\n * @param {object} param0 object with properties\n * @property {object} props Component property\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns object maskParams\n */\nexport const handlePercentMask = ({ props, locale, maskParams }) => {\n const value = format(props.value, { locale, percent: true })\n maskParams.suffix = String(value)?.match(/((\\s|)%)$/g, '$1')?.[0] || ' %'\n\n return maskParams\n}\n\n/**\n * Return needed mask for handle: currency\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} currency_mask Component property for change the currency parameters\n * @returns object maskParams\n */\nexport const handleCurrencyMask = ({ mask_options, currency_mask }) => {\n const maskParams = {\n showMask: true,\n placeholderChar: null,\n allowDecimal: true,\n decimalLimit: 2,\n decimalSymbol: ',',\n ...mask_options,\n ...currency_mask,\n }\n\n const fix =\n typeof currency_mask === 'string'\n ? currency_mask\n : typeof maskParams.currency === 'string'\n ? maskParams.currency\n : 'kr'\n\n maskParams.suffix = ` ${fix}`\n\n return maskParams\n}\n\n/**\n * Return needed mask for handle: number\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} number_mask Component property for change the number parameters\n * @returns object maskParams\n */\nexport const handleNumberMask = ({ mask_options, number_mask }) => {\n const maskParams = {\n decimalSymbol: ',',\n ...mask_options,\n ...number_mask,\n }\n\n if (typeof maskParams.allowDecimal === 'undefined') {\n maskParams.allowDecimal = maskParams.decimalLimit > 0\n }\n\n return maskParams\n}\n\n/**\n * Returns the type of what inputMode should be used\n *\n * @param {function} mask mask function\n * @returns undefined|decimal|numeric\n */\nexport function getInputModeFromMask(mask) {\n const maskParams = mask?.maskParams\n\n // because of the missing minus key, we still have to use text on Android and iOS\n if ((IS_ANDROID || IS_IOS) && maskParams?.allowNegative !== false) {\n return undefined\n }\n\n if (maskParams && mask?.instanceOf === 'createNumberMask') {\n return maskParams.allowDecimal && maskParams.decimalLimit !== 0\n ? 'decimal'\n : 'numeric'\n }\n return undefined\n}\n\n/**\n * Returns the thousands separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleThousandsSeparator(locale) {\n return getThousandsSeparator(locale).replace(' ', ' ') // replace non-breaking space with a regular space\n}\n\n/**\n * Returns the decimal separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleDecimalSeparator(locale) {\n let decimalSymbol = getDecimalSeparator(locale)\n\n return decimalSymbol\n}\n\n/**\n * Will take a JSON and return it parsed\n *\n * @param {string} str\n * @param {*} fallback optional fallback\n * @returns parsed json\n */\nexport function fromJSON(str, fallback = null) {\n if (typeof str === 'string' && str[0] === '{') {\n return JSON.parse(str)\n }\n\n return str || fallback\n}\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","names":["React","classnames","SuffixContext","Context","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","processChildren","dispatchCustomElementEvent","createSpacingClasses","HelpButtonInstance","getListOfModalRoots","getModalRoot","ModalInner","ModalHeader","ModalHeaderBar","CloseButton","ModalRoot","classWithCamelCaseProps","ANIMATION_DURATION","Modal","PureComponent","getContent","props","modal_content","getDerivedStateFromProps","state","open_state","_open_state","hide","no_animation","modalActive","constructor","_this","this","_defineProperty","event","arguments","length","undefined","showModal","preventDefault","toggleNow","animation_duration","timeoutDuration","parseFloat","isInTransition","doItNow","setState","handleSideEffects","_closeTimeout","setTimeout","waitBeforeOpen","open_delay","delay","_openTimeout","clearTimeout","open_modal","fn","_onUnmount","push","close_modal","toggleOpenClose","setActiveState","_id","_this$_triggerRef","focus","elem","setAttribute","preventScroll","Promise","resolve","removeAttribute","String","_triggerRef","current","activeElement","HTMLElement","then","e","removeActiveState","ifIsLatest","triggeredBy","prevent_close","id","close","list","last","createRef","componentDidMount","openBasedOnStateUpdate","componentWillUnmount","forEach","componentDidUpdate","prevProps","document","documentElement","modalId","render","defaultProps","context","getTranslation","root_id","content_id","disabled","labelled_by","focus_selector","header_content","bar_content","bypass_invalidation_selectors","omit_trigger_button","trigger","trigger_attributes","rest","_objectWithoutProperties","_excluded","children","Object","freeze","_objectSpread","suffixProps","triggerAttributes","hidden","variant","icon_position","fallbackTitle","title","translation","HelpButton","TriggerButton","text","createElement","Fragment","_extends","onClick","innerRef","className","class","Consumer","spacing","dialog_title","close_title","hide_close_button","close_button_attributes","prevent_core_style","no_animation_on_mobile","fullscreen","min_width","max_width","align_content","container_placement","direct_dom_return","on_open","on_close","on_close_prevent","overlay_class","content_class","OriginalComponent"],"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SuffixContext } from '../../shared/helpers/Suffix'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n warn,\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n processChildren,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HelpButtonInstance from '../help-button/HelpButtonInstance'\nimport { getListOfModalRoots, getModalRoot } from './helpers'\nimport ModalInner from './parts/ModalInner'\nimport { ModalProps } from './types'\n\nimport ModalHeader from './parts/ModalHeader'\nimport ModalHeaderBar from './parts/ModalHeaderBar'\nimport { ScrollViewAllProps } from '../../fragments/scroll-view/ScrollView'\nimport CloseButton from './parts/CloseButton'\nimport ModalRoot from './ModalRoot'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n classWithCamelCaseProps,\n ToCamelCasePartial,\n} from '../../shared/helpers/withCamelCaseProps'\nimport type { ButtonProps } from '../button/Button'\n\nexport const ANIMATION_DURATION = 300\n\ninterface ModalState {\n hide: boolean\n modalActive: boolean\n}\n\nexport type ModalPropTypes = ModalProps &\n SpacingProps &\n Omit<ScrollViewAllProps, 'children'>\n\nclass Modal extends React.PureComponent<\n ModalPropTypes & ToCamelCasePartial<ModalPropTypes>,\n ModalState\n> {\n static contextType = Context\n\n context!: ContextProps\n\n static Bar = ModalHeaderBar\n static Header = ModalHeader\n static Content = ModalInner\n\n static getContent(props) {\n if (typeof props.modal_content === 'string') {\n return props.modal_content\n } else if (typeof props.modal_content === 'function') {\n return props.modal_content(props)\n }\n return processChildren(props)\n }\n\n _id: string\n _triggerRef: React.RefObject<any>\n _onUnmount: Array<() => void>\n _openTimeout: NodeJS.Timeout\n _closeTimeout: NodeJS.Timeout\n _sideEffectsTimeout: NodeJS.Timeout\n _tryToOpenTimeout: NodeJS.Timeout\n activeElement: Element\n isInTransition: boolean\n\n state = {\n hide: false,\n modalActive: false,\n }\n\n static defaultProps = {\n id: null,\n focus_selector: null,\n labelled_by: null,\n title: null,\n disabled: null,\n spacing: true,\n open_delay: null,\n content_id: null,\n dialog_title: 'Vindu',\n close_title: 'Lukk', // Close Modal Window\n hide_close_button: false,\n close_button_attributes: null,\n prevent_close: false,\n prevent_core_style: false,\n animation_duration: ANIMATION_DURATION,\n no_animation: false,\n no_animation_on_mobile: false,\n fullscreen: 'auto',\n min_width: null,\n max_width: null,\n align_content: 'left',\n container_placement: null,\n open_state: null,\n direct_dom_return: false,\n class: null,\n root_id: 'root',\n omit_trigger_button: false,\n\n className: null,\n children: null,\n\n on_open: null,\n on_close: null,\n on_close_prevent: null,\n open_modal: null,\n close_modal: null,\n\n trigger: null,\n trigger_attributes: null,\n\n overlay_class: null,\n content_class: null,\n\n modal_content: null,\n header_content: null,\n bar_content: null,\n }\n\n static getDerivedStateFromProps(props, state) {\n if (props.open_state !== state._open_state) {\n switch (props.open_state) {\n case 'opened':\n case true:\n state.hide = false\n if (isTrue(props.no_animation)) {\n state.modalActive = true\n }\n break\n case 'closed':\n case false:\n state.hide = true\n if (isTrue(props.no_animation)) {\n state.modalActive = false\n }\n break\n }\n }\n state._open_state = props.open_state\n\n return state\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId('modal-')\n\n this._triggerRef = React.createRef()\n\n this._onUnmount = []\n }\n\n componentDidMount() {\n this.openBasedOnStateUpdate()\n }\n\n componentWillUnmount() {\n clearTimeout(this._openTimeout)\n clearTimeout(this._closeTimeout)\n\n this.removeActiveState()\n\n this._onUnmount.forEach((fn) => {\n if (typeof fn === 'function') {\n fn()\n }\n })\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps !== this.props) {\n this.openBasedOnStateUpdate()\n }\n }\n\n openBasedOnStateUpdate() {\n const { hide } = this.state\n const { open_state } = this.props\n\n if (!this.activeElement && typeof document !== 'undefined') {\n this.activeElement = document.activeElement\n }\n\n if (!hide && (open_state === 'opened' || open_state === true)) {\n this.toggleOpenClose(null, true)\n } else if (hide && (open_state === 'closed' || open_state === false)) {\n this.toggleOpenClose(null, false)\n }\n }\n\n toggleOpenClose = (event = null, showModal = null) => {\n if (event && event.preventDefault) {\n event.preventDefault()\n }\n\n const toggleNow = () => {\n const {\n animation_duration = ANIMATION_DURATION,\n no_animation = false,\n } = this.props\n const timeoutDuration =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n const modalActive =\n typeof showModal === 'boolean'\n ? showModal\n : !this.state.modalActive\n\n this.isInTransition = true\n\n const doItNow = () => {\n this.setState(\n {\n hide: false,\n modalActive,\n },\n () => {\n this.isInTransition = false\n this.handleSideEffects()\n }\n )\n }\n\n if (modalActive === false && !isTrue(no_animation)) {\n this.setState({\n hide: true,\n })\n\n this._closeTimeout = setTimeout(doItNow, timeoutDuration) // delay because of the animation\n } else {\n doItNow()\n }\n }\n\n const waitBeforeOpen = () => {\n const { open_delay, no_animation } = this.props\n const delay =\n typeof open_delay === 'string'\n ? parseFloat(open_delay)\n : open_delay\n if (delay > 0 && !isTrue(no_animation)) {\n this._openTimeout = setTimeout(toggleNow, delay) // custom delay\n } else {\n toggleNow()\n }\n }\n\n clearTimeout(this._closeTimeout)\n clearTimeout(this._openTimeout)\n\n const { open_modal } = this.props\n if (typeof open_modal === 'function') {\n const fn = open_modal(waitBeforeOpen, this)\n if (fn) {\n this._onUnmount.push(fn)\n }\n } else {\n waitBeforeOpen()\n }\n }\n\n handleSideEffects = () => {\n const { modalActive } = this.state\n const { close_modal, open_state, animation_duration } = this.props\n\n if (modalActive) {\n if (typeof close_modal === 'function') {\n const fn = close_modal(() => {\n this.toggleOpenClose(null, false)\n }, this)\n if (fn) {\n this._onUnmount.push(fn)\n }\n }\n\n this.setActiveState(this._id)\n } else if (modalActive === false) {\n const focus = (elem: HTMLElement) => {\n // So we can omit showing a Tooltip on the trigger button\n elem.setAttribute('data-autofocus', 'true')\n\n elem.focus({ preventScroll: true })\n\n return new Promise<void>((resolve) => {\n setTimeout(() => {\n elem?.removeAttribute('data-autofocus')\n resolve()\n }, parseFloat(String(animation_duration)) / 3)\n })\n }\n\n if (this._triggerRef?.current) {\n focus(this._triggerRef.current)\n }\n\n // because the open_state was set to opened, we force\n if (\n (open_state === 'opened' || open_state === true) &&\n this.activeElement instanceof HTMLElement\n ) {\n try {\n focus(this.activeElement).then(() => {\n this.activeElement = null\n })\n } catch (e) {\n //\n }\n }\n\n this.removeActiveState()\n }\n }\n\n open = (e: Event) => {\n this.toggleOpenClose(e, true)\n }\n\n close = (\n event: Event,\n { ifIsLatest, triggeredBy = null } = { ifIsLatest: true }\n ) => {\n const { prevent_close = false } = this.props\n\n if (isTrue(prevent_close)) {\n const id = this._id\n dispatchCustomElementEvent(this, 'on_close_prevent', {\n id,\n event,\n triggeredBy,\n close: (e) => {\n this.toggleOpenClose(e, false)\n },\n })\n } else {\n if (ifIsLatest) {\n const list = getListOfModalRoots()\n if (list.length > 1) {\n const last = getModalRoot(-1)\n if (last !== this) {\n return // stop here\n }\n }\n }\n\n this.toggleOpenClose(event, false)\n }\n }\n\n removeActiveState() {\n const last = getModalRoot(-1)\n\n // If this instance is not the last one,\n // make the current one to as the active one\n if (last?._id && last._id !== this._id) {\n return this.setActiveState(last._id)\n }\n\n try {\n document.documentElement.removeAttribute('data-dnb-modal-active')\n } catch (e) {\n warn('Modal: Error on remove \"data-dnb-modal-active\"', e)\n }\n }\n\n /**\n * Prevent scrolling on the background\n * But checks if this instance was the last one or not\n *\n * @param {string} modalId Will remove the attribute if false is given\n */\n setActiveState(modalId: string) {\n if (!modalId) {\n warn('Modal: A valid modalId is required')\n }\n // prevent scrolling on the background\n if (typeof document !== 'undefined') {\n try {\n document.documentElement.setAttribute(\n 'data-dnb-modal-active',\n modalId\n )\n } catch (e) {\n warn('Modal: Error on set \"data-dnb-modal-active\"', e)\n }\n }\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Modal.defaultProps,\n this.context.getTranslation(this.props).Modal,\n this.context.Modal\n )\n\n const {\n root_id = 'root',\n content_id = null,\n disabled = null,\n labelled_by = null,\n focus_selector = null,\n header_content = null,\n bar_content = null,\n bypass_invalidation_selectors = null,\n\n id, // eslint-disable-line\n open_state, // eslint-disable-line\n open_delay, // eslint-disable-line\n\n omit_trigger_button = false,\n trigger = null,\n trigger_attributes = null,\n ...rest\n } = props\n\n const { hide, modalActive } = this.state\n const modal_content = Modal.getContent(\n typeof this.props.children === 'function'\n ? Object.freeze({ ...this.props, close: this.close })\n : this.props\n )\n\n const render = (suffixProps) => {\n const triggerAttributes = {\n hidden: false,\n variant: 'secondary',\n icon_position: 'left',\n ...trigger_attributes,\n } as ButtonProps\n\n if (isTrue(disabled)) {\n triggerAttributes.disabled = true\n }\n\n if (triggerAttributes.id) {\n this._id = triggerAttributes.id\n }\n\n let fallbackTitle: string\n if (triggerAttributes.title) {\n fallbackTitle = triggerAttributes.title\n }\n // in case the modal is used in suffix and no title is given\n // suffixProps.label is also available, so we could use that too\n else if (suffixProps) {\n fallbackTitle = this.context.translation.HelpButton.title\n }\n\n const TriggerButton = trigger\n ? (trigger as React.FC)\n : HelpButtonInstance\n\n const title = (\n !triggerAttributes.text ? rest.title || fallbackTitle : null\n ) as string\n\n return (\n <>\n {TriggerButton && !isTrue(omit_trigger_button) && (\n <TriggerButton\n {...triggerAttributes}\n id={this._id}\n title={title}\n onClick={this.toggleOpenClose}\n innerRef={this._triggerRef}\n className={classnames(\n 'dnb-modal__trigger',\n createSpacingClasses(props),\n triggerAttributes.class,\n triggerAttributes.className\n )}\n />\n )}\n\n {modalActive && modal_content && (\n <ModalRoot\n {...rest}\n id={this._id}\n root_id={root_id}\n content_id={content_id || `dnb-modal-${this._id}`}\n labelled_by={labelled_by}\n focus_selector={focus_selector}\n modal_content={modal_content}\n header_content={header_content}\n bar_content={bar_content}\n bypass_invalidation_selectors={bypass_invalidation_selectors}\n close={this.close}\n hide={hide}\n title={rest.title || fallbackTitle}\n />\n )}\n </>\n )\n }\n\n return <SuffixContext.Consumer>{render}</SuffixContext.Consumer>\n }\n}\n\nexport { CloseButton, Modal as OriginalComponent }\n\nexport default classWithCamelCaseProps(Modal)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","names":["React","classnames","SuffixContext","Context","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","processChildren","dispatchCustomElementEvent","createSpacingClasses","HelpButtonInstance","getListOfModalRoots","getModalRoot","ModalInner","ModalHeader","ModalHeaderBar","CloseButton","ModalRoot","classWithCamelCaseProps","ANIMATION_DURATION","Modal","PureComponent","getContent","props","modal_content","getDerivedStateFromProps","state","open_state","_open_state","hide","no_animation","modalActive","constructor","_this","this","_defineProperty","event","arguments","length","undefined","showModal","preventDefault","toggleNow","animation_duration","timeoutDuration","parseFloat","isInTransition","doItNow","setState","handleSideEffects","_closeTimeout","setTimeout","waitBeforeOpen","open_delay","delay","_openTimeout","clearTimeout","open_modal","fn","_onUnmount","push","close_modal","toggleOpenClose","setActiveState","_id","_this$_triggerRef","focus","elem","setAttribute","preventScroll","Promise","resolve","removeAttribute","String","_triggerRef","current","activeElement","HTMLElement","then","e","removeActiveState","ifIsLatest","triggeredBy","prevent_close","id","close","list","last","createRef","componentDidMount","openBasedOnStateUpdate","componentWillUnmount","forEach","componentDidUpdate","prevProps","document","documentElement","modalId","render","defaultProps","context","getTranslation","root_id","content_id","disabled","labelled_by","focus_selector","header_content","bar_content","bypass_invalidation_selectors","omit_trigger_button","trigger","trigger_attributes","rest","_objectWithoutProperties","_excluded","children","Object","freeze","_objectSpread","suffixProps","triggerAttributes","hidden","variant","icon_position","fallbackTitle","title","translation","HelpButton","TriggerButton","text","createElement","Fragment","_extends","onClick","innerRef","className","class","Consumer","spacing","dialog_title","close_title","hide_close_button","close_button_attributes","prevent_core_style","no_animation_on_mobile","fullscreen","min_width","max_width","align_content","container_placement","direct_dom_return","on_open","on_close","on_close_prevent","overlay_class","content_class","OriginalComponent"],"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SuffixContext } from '../../shared/helpers/Suffix'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n warn,\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n processChildren,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HelpButtonInstance from '../help-button/HelpButtonInstance'\nimport { getListOfModalRoots, getModalRoot } from './helpers'\nimport ModalInner from './parts/ModalInner'\nimport { ModalProps } from './types'\n\nimport ModalHeader from './parts/ModalHeader'\nimport ModalHeaderBar from './parts/ModalHeaderBar'\nimport { ScrollViewAllProps } from '../../fragments/scroll-view/ScrollView'\nimport CloseButton from './parts/CloseButton'\nimport ModalRoot from './ModalRoot'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n classWithCamelCaseProps,\n ToCamelCasePartial,\n} from '../../shared/helpers/withCamelCaseProps'\nimport type { ButtonProps } from '../button/Button'\n\nexport const ANIMATION_DURATION = 300\n\ninterface ModalState {\n hide: boolean\n modalActive: boolean\n}\n\nexport type ModalPropTypes = ModalProps &\n SpacingProps &\n Omit<ScrollViewAllProps, 'children'>\n\nclass Modal extends React.PureComponent<\n ModalPropTypes & ToCamelCasePartial<ModalPropTypes>,\n ModalState\n> {\n static contextType = Context\n\n context!: ContextProps\n\n static Bar = ModalHeaderBar\n static Header = ModalHeader\n static Content = ModalInner\n\n static getContent(props) {\n if (typeof props.modal_content === 'string') {\n return props.modal_content\n } else if (typeof props.modal_content === 'function') {\n return props.modal_content(props)\n }\n return processChildren(props)\n }\n\n _id: string\n _triggerRef: React.RefObject<any>\n _onUnmount: Array<() => void>\n _openTimeout: NodeJS.Timeout\n _closeTimeout: NodeJS.Timeout\n _sideEffectsTimeout: NodeJS.Timeout\n _tryToOpenTimeout: NodeJS.Timeout\n activeElement: Element\n isInTransition: boolean\n\n state = {\n hide: false,\n modalActive: false,\n }\n\n static defaultProps = {\n id: null,\n focus_selector: null,\n labelled_by: null,\n title: null,\n disabled: null,\n spacing: true,\n open_delay: null,\n content_id: null,\n dialog_title: 'Vindu',\n close_title: 'Lukk', // Close Modal Window\n hide_close_button: false,\n close_button_attributes: null,\n prevent_close: false,\n prevent_core_style: false,\n animation_duration: ANIMATION_DURATION,\n no_animation: false,\n no_animation_on_mobile: false,\n fullscreen: 'auto',\n min_width: null,\n max_width: null,\n align_content: 'left',\n container_placement: null,\n open_state: null,\n direct_dom_return: false,\n class: null,\n root_id: 'root',\n omit_trigger_button: false,\n\n className: null,\n children: null,\n\n on_open: null,\n on_close: null,\n on_close_prevent: null,\n open_modal: null,\n close_modal: null,\n\n trigger: null,\n trigger_attributes: null,\n\n overlay_class: null,\n content_class: null,\n\n modal_content: null,\n header_content: null,\n bar_content: null,\n }\n\n static getDerivedStateFromProps(props, state) {\n if (props.open_state !== state._open_state) {\n switch (props.open_state) {\n case 'opened':\n case true:\n state.hide = false\n if (isTrue(props.no_animation)) {\n state.modalActive = true\n }\n break\n case 'closed':\n case false:\n state.hide = true\n if (isTrue(props.no_animation)) {\n state.modalActive = false\n }\n break\n }\n }\n state._open_state = props.open_state\n\n return state\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId('modal-')\n\n this._triggerRef = React.createRef()\n\n this._onUnmount = []\n }\n\n componentDidMount() {\n this.openBasedOnStateUpdate()\n }\n\n componentWillUnmount() {\n clearTimeout(this._openTimeout)\n clearTimeout(this._closeTimeout)\n\n this.removeActiveState()\n\n this._onUnmount.forEach((fn) => {\n if (typeof fn === 'function') {\n fn()\n }\n })\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps !== this.props) {\n this.openBasedOnStateUpdate()\n }\n }\n\n openBasedOnStateUpdate() {\n const { hide } = this.state\n const { open_state } = this.props\n\n if (!this.activeElement && typeof document !== 'undefined') {\n this.activeElement = document.activeElement\n }\n\n if (!hide && (open_state === 'opened' || open_state === true)) {\n this.toggleOpenClose(null, true)\n } else if (hide && (open_state === 'closed' || open_state === false)) {\n this.toggleOpenClose(null, false)\n }\n }\n\n toggleOpenClose = (event = null, showModal = null) => {\n if (event && event.preventDefault) {\n event.preventDefault()\n }\n\n const toggleNow = () => {\n const {\n animation_duration = ANIMATION_DURATION,\n no_animation = false,\n } = this.props\n const timeoutDuration =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n const modalActive =\n typeof showModal === 'boolean'\n ? showModal\n : !this.state.modalActive\n\n this.isInTransition = true\n\n const doItNow = () => {\n this.setState(\n {\n hide: false,\n modalActive,\n },\n () => {\n this.isInTransition = false\n this.handleSideEffects()\n }\n )\n }\n\n if (modalActive === false && !isTrue(no_animation)) {\n this.setState({\n hide: true,\n })\n\n this._closeTimeout = setTimeout(doItNow, timeoutDuration) // delay because of the animation\n } else {\n doItNow()\n }\n }\n\n const waitBeforeOpen = () => {\n const { open_delay, no_animation } = this.props\n const delay =\n typeof open_delay === 'string'\n ? parseFloat(open_delay)\n : open_delay\n if (delay > 0 && !isTrue(no_animation)) {\n this._openTimeout = setTimeout(toggleNow, delay) // custom delay\n } else {\n toggleNow()\n }\n }\n\n clearTimeout(this._closeTimeout)\n clearTimeout(this._openTimeout)\n\n const { open_modal } = this.props\n if (typeof open_modal === 'function') {\n const fn = open_modal(waitBeforeOpen, this)\n if (fn) {\n this._onUnmount.push(fn)\n }\n } else {\n waitBeforeOpen()\n }\n }\n\n handleSideEffects = () => {\n const { modalActive } = this.state\n const { close_modal, open_state, animation_duration } = this.props\n\n if (modalActive) {\n if (typeof close_modal === 'function') {\n const fn = close_modal(() => {\n this.toggleOpenClose(null, false)\n }, this)\n if (fn) {\n this._onUnmount.push(fn)\n }\n }\n\n this.setActiveState(this._id)\n } else if (modalActive === false) {\n const focus = (elem: HTMLElement) => {\n // So we can omit showing a Tooltip on the trigger button\n elem.setAttribute('data-autofocus', 'true')\n\n elem.focus({ preventScroll: true })\n\n return new Promise<void>((resolve) => {\n setTimeout(\n () => {\n elem?.removeAttribute('data-autofocus')\n resolve()\n },\n parseFloat(String(animation_duration)) / 3\n )\n })\n }\n\n if (this._triggerRef?.current) {\n focus(this._triggerRef.current)\n }\n\n // because the open_state was set to opened, we force\n if (\n (open_state === 'opened' || open_state === true) &&\n this.activeElement instanceof HTMLElement\n ) {\n try {\n focus(this.activeElement).then(() => {\n this.activeElement = null\n })\n } catch (e) {\n //\n }\n }\n\n this.removeActiveState()\n }\n }\n\n open = (e: Event) => {\n this.toggleOpenClose(e, true)\n }\n\n close = (\n event: Event,\n { ifIsLatest, triggeredBy = null } = { ifIsLatest: true }\n ) => {\n const { prevent_close = false } = this.props\n\n if (isTrue(prevent_close)) {\n const id = this._id\n dispatchCustomElementEvent(this, 'on_close_prevent', {\n id,\n event,\n triggeredBy,\n close: (e) => {\n this.toggleOpenClose(e, false)\n },\n })\n } else {\n if (ifIsLatest) {\n const list = getListOfModalRoots()\n if (list.length > 1) {\n const last = getModalRoot(-1)\n if (last !== this) {\n return // stop here\n }\n }\n }\n\n this.toggleOpenClose(event, false)\n }\n }\n\n removeActiveState() {\n const last = getModalRoot(-1)\n\n // If this instance is not the last one,\n // make the current one to as the active one\n if (last?._id && last._id !== this._id) {\n return this.setActiveState(last._id)\n }\n\n try {\n document.documentElement.removeAttribute('data-dnb-modal-active')\n } catch (e) {\n warn('Modal: Error on remove \"data-dnb-modal-active\"', e)\n }\n }\n\n /**\n * Prevent scrolling on the background\n * But checks if this instance was the last one or not\n *\n * @param {string} modalId Will remove the attribute if false is given\n */\n setActiveState(modalId: string) {\n if (!modalId) {\n warn('Modal: A valid modalId is required')\n }\n // prevent scrolling on the background\n if (typeof document !== 'undefined') {\n try {\n document.documentElement.setAttribute(\n 'data-dnb-modal-active',\n modalId\n )\n } catch (e) {\n warn('Modal: Error on set \"data-dnb-modal-active\"', e)\n }\n }\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Modal.defaultProps,\n this.context.getTranslation(this.props).Modal,\n this.context.Modal\n )\n\n const {\n root_id = 'root',\n content_id = null,\n disabled = null,\n labelled_by = null,\n focus_selector = null,\n header_content = null,\n bar_content = null,\n bypass_invalidation_selectors = null,\n\n id, // eslint-disable-line\n open_state, // eslint-disable-line\n open_delay, // eslint-disable-line\n\n omit_trigger_button = false,\n trigger = null,\n trigger_attributes = null,\n ...rest\n } = props\n\n const { hide, modalActive } = this.state\n const modal_content = Modal.getContent(\n typeof this.props.children === 'function'\n ? Object.freeze({ ...this.props, close: this.close })\n : this.props\n )\n\n const render = (suffixProps) => {\n const triggerAttributes = {\n hidden: false,\n variant: 'secondary',\n icon_position: 'left',\n ...trigger_attributes,\n } as ButtonProps\n\n if (isTrue(disabled)) {\n triggerAttributes.disabled = true\n }\n\n if (triggerAttributes.id) {\n this._id = triggerAttributes.id\n }\n\n let fallbackTitle: string\n if (triggerAttributes.title) {\n fallbackTitle = triggerAttributes.title\n }\n // in case the modal is used in suffix and no title is given\n // suffixProps.label is also available, so we could use that too\n else if (suffixProps) {\n fallbackTitle = this.context.translation.HelpButton.title\n }\n\n const TriggerButton = trigger\n ? (trigger as React.FC)\n : HelpButtonInstance\n\n const title = (\n !triggerAttributes.text ? rest.title || fallbackTitle : null\n ) as string\n\n return (\n <>\n {TriggerButton && !isTrue(omit_trigger_button) && (\n <TriggerButton\n {...triggerAttributes}\n id={this._id}\n title={title}\n onClick={this.toggleOpenClose}\n innerRef={this._triggerRef}\n className={classnames(\n 'dnb-modal__trigger',\n createSpacingClasses(props),\n triggerAttributes.class,\n triggerAttributes.className\n )}\n />\n )}\n\n {modalActive && modal_content && (\n <ModalRoot\n {...rest}\n id={this._id}\n root_id={root_id}\n content_id={content_id || `dnb-modal-${this._id}`}\n labelled_by={labelled_by}\n focus_selector={focus_selector}\n modal_content={modal_content}\n header_content={header_content}\n bar_content={bar_content}\n bypass_invalidation_selectors={bypass_invalidation_selectors}\n close={this.close}\n hide={hide}\n title={rest.title || fallbackTitle}\n />\n )}\n </>\n )\n }\n\n return <SuffixContext.Consumer>{render}</SuffixContext.Consumer>\n }\n}\n\nexport { CloseButton, Modal as OriginalComponent }\n\nexport default classWithCamelCaseProps(Modal)\n"],"mappings":"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"}
@@ -201,11 +201,13 @@ export default class ModalContent extends React.PureComponent {
201
201
  clearTimeout(this._focusTimeout);
202
202
  this._focusTimeout = setTimeout(() => {
203
203
  try {
204
+ var _focusElement, _focusElement$focus, _focusElement2, _focusElement2$select;
204
205
  let focusElement = elem;
205
206
  if (typeof focus_selector === 'string') {
206
207
  focusElement = elem.querySelector(focus_selector);
207
208
  }
208
- focusElement.focus();
209
+ (_focusElement = focusElement) === null || _focusElement === void 0 ? void 0 : (_focusElement$focus = _focusElement.focus) === null || _focusElement$focus === void 0 ? void 0 : _focusElement$focus.call(_focusElement);
210
+ (_focusElement2 = focusElement) === null || _focusElement2 === void 0 ? void 0 : (_focusElement2$select = _focusElement2.select) === null || _focusElement2$select === void 0 ? void 0 : _focusElement2$select.call(_focusElement2);
209
211
  const noH1Elem = elem.querySelector('h1, h2, h3');
210
212
  if ((noH1Elem === null || noH1Elem === void 0 ? void 0 : noH1Elem.tagName) !== 'H1') {
211
213
  warn('A Dialog or Drawer needs a h1 as its first element!');
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContent.js","names":["React","classnames","keycode","disableBodyScroll","enableBodyScroll","clearAllBodyScrollLocks","warn","isTrue","makeUniqueId","InteractionInvalidation","combineLabelledBy","combineDescribedBy","dispatchCustomElementEvent","ModalContext","IS_IOS","IS_SAFARI","IS_MAC","isAndroid","getListOfModalRoots","getModalRoot","addToIndex","removeFromIndex","getThemeClasses","Context","ModalContent","PureComponent","constructor","props","_defineProperty","triggeredBy","triggeredByEvent","color","modalRoots","firstLevel","_this$props","_ii","setBypassSelector","root_id","bypass_invalidation_selectors","filter","Boolean","activate","forEach","modal","_iiLocal","_scrollRef","current","document","addEventListener","onKeyDownHandler","animation_duration","timeoutDuration","parseFloat","clearTimeout","_androidFocusTimeout","setTimeout","_document$activeEleme","_document$activeEleme2","activeElement","tagName","scrollIntoView","e","event","stopPropagation","closeModalContent","_overlayClickRef","target","currentTarget","prevent_overlay_close","ifIsLatest","mostCurrent","preventDefault","setState","_contentRef","content_ref","createRef","scroll_ref","_id","id","componentDidMount","no_animation","removeScrollPossibility","setFocus","setAndroidFocusHelper","process","env","NODE_ENV","lockBody","_lockTimeout","componentWillUnmount","_focusTimeout","removeLocks","_this$_ii","revert","revertScrollPossibility","length","removeAndroidFocusHelper","state","removeEventListener","window","_androidFocusHelper","focus_selector","elem","focusElement","querySelector","focus","noH1Elem","_ref","_event$persist","params","_objectWithoutProperties","_excluded","persist","call","close","_objectSpread","render","_this$context","_this$props2","hide","title","labelled_by","close_title","dialog_title","hide_close_button","close_button_attributes","no_animation_on_mobile","fullscreen","container_placement","content_class","overlay_class","content_id","children","dialog_role","rest","_excluded2","contentId","useDialogRole","role","contentParams","undefined","className","context","theme","onMouseDown","onContentMouseDownHandler","onClick","onContentClickHandler","content","createElement","Provider","value","setBackgroundColor","onCloseClickHandler","preventClick","contentRef","scrollRef","_extends","style"],"sources":["../../../../src/components/modal/ModalContent.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n disableBodyScroll,\n enableBodyScroll,\n clearAllBodyScrollLocks,\n} from './bodyScrollLock'\nimport {\n warn,\n isTrue,\n makeUniqueId,\n InteractionInvalidation,\n combineLabelledBy,\n combineDescribedBy,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport ModalContext from './ModalContext'\nimport { IS_IOS, IS_SAFARI, IS_MAC, isAndroid } from '../../shared/helpers'\nimport { ModalContentProps } from './types'\nimport {\n getListOfModalRoots,\n getModalRoot,\n addToIndex,\n removeFromIndex,\n} from './helpers'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { Context } from '../../shared'\nimport { ContextProps } from '../../shared/Context'\n\ninterface ModalContentState {\n triggeredBy: string\n triggeredByEvent: Event\n color: string\n}\n\ndeclare global {\n interface Window {\n __modalStack: any[]\n }\n}\n\ninterface CSSPropertiesWithVars extends React.CSSProperties {\n '--modal-background-color': string\n}\n\nexport default class ModalContent extends React.PureComponent<\n ModalContentProps,\n ModalContentState\n> {\n state = { triggeredBy: null, triggeredByEvent: null, color: null }\n\n _contentRef: React.RefObject<HTMLElement>\n _scrollRef: React.RefObject<HTMLElement>\n _overlayClickRef: { current: null | HTMLElement }\n _id: string\n _lockTimeout: NodeJS.Timeout\n _focusTimeout: NodeJS.Timeout\n _androidFocusTimeout: NodeJS.Timeout\n _ii: InteractionInvalidation\n _iiLocal: InteractionInvalidation\n\n static contextType = Context\n\n context!: ContextProps\n\n constructor(props: ModalContentProps) {\n super(props)\n this._contentRef = this.props.content_ref || React.createRef()\n this._scrollRef = this.props.scroll_ref || React.createRef()\n this._overlayClickRef = React.createRef()\n\n // NB: The \"\"._id\" is used in the __modalStack as \"last._id\"\n this._id = props.id\n }\n\n componentDidMount() {\n const {\n id = null,\n no_animation = false,\n animation_duration = null,\n } = this.props\n\n const timeoutDuration: number =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n // Add it to the index at first\n // we use it later with getListOfModalRoots\n addToIndex(this)\n\n // Because of nested modals/drawers, we run this regardless\n // has to be run at first – so the scrollbar gets removed\n this.removeScrollPossibility() // forces browser to re-paint\n\n this.setFocus()\n this.setAndroidFocusHelper()\n\n dispatchCustomElementEvent(this, 'on_open', {\n id,\n })\n\n if (isTrue(no_animation) || process.env.NODE_ENV === 'test') {\n this.lockBody() // forces browser to re-paint\n } else {\n this._lockTimeout = setTimeout(this.lockBody, timeoutDuration * 1.2) // a little over --modal-animation-duration\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this._focusTimeout)\n clearTimeout(this._lockTimeout)\n this.removeLocks()\n }\n\n lockBody = () => {\n const modalRoots = getListOfModalRoots()\n const firstLevel = modalRoots[0]\n\n if (firstLevel === this) {\n this._ii = new InteractionInvalidation()\n this._ii.setBypassSelector(\n [\n // Bypass modal content\n '.dnb-modal__content *',\n `#dnb-modal-${this.props.root_id || 'root'}`,\n `#dnb-modal-${this.props.root_id || 'root'} *`,\n\n // TODO: Eventually in future, make it possible to bypass invalidation from outside\n // '.dnb-modal--bypass_invalidation',\n // '.dnb-modal--bypass_invalidation_deep *',\n\n ...(this.props?.bypass_invalidation_selectors || []),\n ].filter(Boolean)\n )\n this._ii.activate()\n } else {\n modalRoots.forEach((modal) => {\n if (\n modal !== this &&\n typeof modal._iiLocal === 'undefined' &&\n typeof modal._scrollRef !== 'undefined'\n ) {\n modal._iiLocal = new InteractionInvalidation()\n modal._iiLocal.activate(modal._scrollRef.current)\n }\n })\n }\n\n if (typeof document !== 'undefined') {\n /** To ensure, we have always a working keydown, we call it both on the element and document */\n document.addEventListener('keydown', this.onKeyDownHandler)\n }\n }\n\n removeLocks() {\n const modalRoots = getListOfModalRoots()\n const firstLevel = modalRoots[0]\n\n removeFromIndex(this)\n\n if (firstLevel === this) {\n this._ii?.revert()\n this.revertScrollPossibility()\n } else {\n try {\n const modal = modalRoots[modalRoots.length - 2]\n if (modal !== this && modal._iiLocal) {\n modal._iiLocal.revert()\n delete modal._iiLocal\n }\n } catch (e) {\n warn(e)\n }\n }\n\n this.removeAndroidFocusHelper()\n\n const id = this.props.id\n const { triggeredBy, triggeredByEvent } = this.state\n dispatchCustomElementEvent(this, 'on_close', {\n id,\n event: triggeredByEvent,\n triggeredBy: triggeredBy || 'unmount',\n })\n\n if (typeof document !== 'undefined') {\n document.removeEventListener('keydown', this.onKeyDownHandler)\n }\n }\n\n setAndroidFocusHelper() {\n if (typeof window !== 'undefined' && isAndroid()) {\n window.addEventListener('resize', this._androidFocusHelper)\n }\n }\n\n removeAndroidFocusHelper() {\n window.removeEventListener('resize', this._androidFocusHelper)\n clearTimeout(this._androidFocusTimeout)\n }\n\n _androidFocusHelper = () => {\n const { animation_duration = null } = this.props\n const timeoutDuration: number =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n clearTimeout(this._androidFocusTimeout)\n this._androidFocusTimeout = setTimeout(() => {\n try {\n if (\n document.activeElement?.tagName == 'INPUT' ||\n document.activeElement?.tagName == 'TEXTAREA'\n ) {\n document.activeElement.scrollIntoView()\n }\n } catch (e) {\n //\n }\n }, timeoutDuration / 2) // Older Android needs a delay here\n }\n\n setFocus() {\n const {\n focus_selector = null,\n no_animation = null,\n animation_duration = null,\n } = this.props\n const elem = this._contentRef.current\n const timeoutDuration: number =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n if (elem) {\n clearTimeout(this._focusTimeout)\n this._focusTimeout = setTimeout(\n () => {\n try {\n let focusElement = elem\n\n // Try to use the \"first-focus\" method first\n if (typeof focus_selector === 'string') {\n focusElement = elem.querySelector(focus_selector)\n }\n\n focusElement.focus()\n\n const noH1Elem = elem.querySelector('h1, h2, h3')\n if (noH1Elem?.tagName !== 'H1') {\n warn('A Dialog or Drawer needs a h1 as its first element!')\n }\n } catch (e) {\n warn(e)\n }\n },\n isTrue(no_animation) ? 0 : timeoutDuration || 0\n ) // with this delay, the user can press esc without an focus action first\n }\n }\n\n removeScrollPossibility() {\n if (this._scrollRef.current) {\n disableBodyScroll(this._scrollRef.current)\n }\n }\n\n revertScrollPossibility() {\n enableBodyScroll(this._scrollRef.current)\n clearAllBodyScrollLocks()\n }\n\n preventClick = (event) => {\n if (event) {\n event.stopPropagation()\n }\n }\n\n onCloseClickHandler = (event: React.SyntheticEvent) => {\n this.closeModalContent(event, { triggeredBy: 'button' })\n }\n\n onContentMouseDownHandler = (event: React.SyntheticEvent) => {\n this._overlayClickRef.current =\n event.target === event.currentTarget\n ? (event.target as HTMLElement)\n : null\n }\n\n onContentClickHandler = (event: React.SyntheticEvent) => {\n /**\n * Prevent false-positive Modal close,\n * when e.g. selecting text inside and moving the mouse outside,\n * we would still get this event fired. There we check if the current click,\n * has the same target as where the click got initiated.\n */\n if (this._overlayClickRef.current !== event.target) {\n return // stop here\n }\n this._overlayClickRef.current = null\n\n const { prevent_overlay_close } = this.props\n\n if (!isTrue(prevent_overlay_close)) {\n this.closeModalContent(event, {\n triggeredBy: 'overlay',\n ifIsLatest: false,\n })\n }\n }\n\n onKeyDownHandler = (event) => {\n switch (keycode(event)) {\n case 'esc': {\n const mostCurrent = getModalRoot(-1)\n\n if (mostCurrent === this) {\n event.preventDefault()\n this.closeModalContent(event, {\n triggeredBy: 'keyboard',\n })\n }\n\n break\n }\n }\n }\n\n closeModalContent(event, { triggeredBy, ...params }) {\n event?.persist?.()\n this.setState({ triggeredBy, triggeredByEvent: event }, () => {\n this.props.close(event, {\n triggeredBy,\n ...params,\n })\n })\n }\n\n setBackgroundColor = (color: string) => {\n this.setState({ color })\n }\n\n render() {\n const {\n hide,\n title,\n labelled_by,\n id: _id, // eslint-disable-line\n close_title = 'Lukk',\n dialog_title = 'Vindu',\n hide_close_button = false,\n close_button_attributes,\n no_animation = false,\n no_animation_on_mobile = false,\n fullscreen = 'auto',\n container_placement = 'right',\n close,\n content_class,\n overlay_class,\n content_id,\n children, // eslint-disable-line\n dialog_role = null,\n ...rest\n } = this.props\n const { color } = this.state\n\n const contentId = content_id || makeUniqueId('modal-')\n\n const useDialogRole = !(IS_MAC || IS_SAFARI || IS_IOS)\n let role = dialog_role || 'dialog'\n if (!useDialogRole && role === 'dialog') {\n role = 'region'\n }\n\n const contentParams = {\n /**\n * Do not use role=\"dialog\" on Safari\n *\n * VoiceOver has troubles with role=\"dialog\" and \"Modal in Modal\",\n * the result is, only the first Modal gets focus (set by Safari)\n *\n * Tests have shown: Both VoiceOver are working fine with the:\n * \"aria-labelledby\" and \"aria-describedby\" approach\n *\n */\n role,\n 'aria-modal': useDialogRole ? true : undefined,\n\n /**\n * ARIA references\n */\n 'aria-labelledby': combineLabelledBy(\n this.props,\n title ? contentId + '-title' : null,\n labelled_by\n ),\n 'aria-describedby': combineDescribedBy(\n this.props,\n contentId + '-content'\n ),\n\n /**\n * If no labelled_by and no title is given,\n * set a fallback \"dialog_title\"\n */\n 'aria-label': !title && !labelled_by ? dialog_title : undefined,\n\n className: classnames(\n 'dnb-modal__content',\n isTrue(fullscreen)\n ? 'dnb-modal__content--fullscreen'\n : fullscreen === 'auto' && 'dnb-modal__content--auto-fullscreen',\n container_placement\n ? `dnb-modal__content--${container_placement || 'right'}`\n : null,\n getThemeClasses(this.context?.theme),\n content_class\n ),\n onMouseDown: this.onContentMouseDownHandler,\n onClick: this.onContentClickHandler,\n }\n\n const content =\n typeof children === 'function'\n ? children({ ...rest, close })\n : children\n\n return (\n <ModalContext.Provider\n value={{\n id: this.props.id,\n title,\n hide_close_button,\n close_button_attributes,\n close_title,\n hide,\n setBackgroundColor: this.setBackgroundColor,\n onCloseClickHandler: this.onCloseClickHandler,\n preventClick: this.preventClick,\n onKeyDownHandler: this.onKeyDownHandler,\n contentRef: this._contentRef,\n scrollRef: this._scrollRef,\n contentId,\n close,\n }}\n >\n <div\n id={contentId}\n /** Sets the color on scroll overflow (at the bottom) */\n style={\n (color\n ? { '--modal-background-color': `var(--color-${color})` }\n : null) as CSSPropertiesWithVars\n }\n {...contentParams}\n >\n {content}\n </div>\n\n <span\n className={classnames(\n 'dnb-modal__overlay',\n hide && 'dnb-modal__overlay--hide',\n isTrue(no_animation) && 'dnb-modal__overlay--no-animation',\n isTrue(no_animation_on_mobile) &&\n 'dnb-modal__overlay--no-animation-on-mobile',\n overlay_class\n )}\n aria-hidden={true}\n />\n </ModalContext.Provider>\n )\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ModalContent.js","names":["React","classnames","keycode","disableBodyScroll","enableBodyScroll","clearAllBodyScrollLocks","warn","isTrue","makeUniqueId","InteractionInvalidation","combineLabelledBy","combineDescribedBy","dispatchCustomElementEvent","ModalContext","IS_IOS","IS_SAFARI","IS_MAC","isAndroid","getListOfModalRoots","getModalRoot","addToIndex","removeFromIndex","getThemeClasses","Context","ModalContent","PureComponent","constructor","props","_defineProperty","triggeredBy","triggeredByEvent","color","modalRoots","firstLevel","_this$props","_ii","setBypassSelector","root_id","bypass_invalidation_selectors","filter","Boolean","activate","forEach","modal","_iiLocal","_scrollRef","current","document","addEventListener","onKeyDownHandler","animation_duration","timeoutDuration","parseFloat","clearTimeout","_androidFocusTimeout","setTimeout","_document$activeEleme","_document$activeEleme2","activeElement","tagName","scrollIntoView","e","event","stopPropagation","closeModalContent","_overlayClickRef","target","currentTarget","prevent_overlay_close","ifIsLatest","mostCurrent","preventDefault","setState","_contentRef","content_ref","createRef","scroll_ref","_id","id","componentDidMount","no_animation","removeScrollPossibility","setFocus","setAndroidFocusHelper","process","env","NODE_ENV","lockBody","_lockTimeout","componentWillUnmount","_focusTimeout","removeLocks","_this$_ii","revert","revertScrollPossibility","length","removeAndroidFocusHelper","state","removeEventListener","window","_androidFocusHelper","focus_selector","elem","_focusElement","_focusElement$focus","_focusElement2","_focusElement2$select","focusElement","querySelector","focus","call","select","noH1Elem","_ref","_event$persist","params","_objectWithoutProperties","_excluded","persist","close","_objectSpread","render","_this$context","_this$props2","hide","title","labelled_by","close_title","dialog_title","hide_close_button","close_button_attributes","no_animation_on_mobile","fullscreen","container_placement","content_class","overlay_class","content_id","children","dialog_role","rest","_excluded2","contentId","useDialogRole","role","contentParams","undefined","className","context","theme","onMouseDown","onContentMouseDownHandler","onClick","onContentClickHandler","content","createElement","Provider","value","setBackgroundColor","onCloseClickHandler","preventClick","contentRef","scrollRef","_extends","style"],"sources":["../../../../src/components/modal/ModalContent.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n disableBodyScroll,\n enableBodyScroll,\n clearAllBodyScrollLocks,\n} from './bodyScrollLock'\nimport {\n warn,\n isTrue,\n makeUniqueId,\n InteractionInvalidation,\n combineLabelledBy,\n combineDescribedBy,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport ModalContext from './ModalContext'\nimport { IS_IOS, IS_SAFARI, IS_MAC, isAndroid } from '../../shared/helpers'\nimport { ModalContentProps } from './types'\nimport {\n getListOfModalRoots,\n getModalRoot,\n addToIndex,\n removeFromIndex,\n} from './helpers'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { Context } from '../../shared'\nimport { ContextProps } from '../../shared/Context'\n\ninterface ModalContentState {\n triggeredBy: string\n triggeredByEvent: Event\n color: string\n}\n\ndeclare global {\n interface Window {\n __modalStack: any[]\n }\n}\n\ninterface CSSPropertiesWithVars extends React.CSSProperties {\n '--modal-background-color': string\n}\n\nexport default class ModalContent extends React.PureComponent<\n ModalContentProps,\n ModalContentState\n> {\n state = { triggeredBy: null, triggeredByEvent: null, color: null }\n\n _contentRef: React.RefObject<HTMLElement>\n _scrollRef: React.RefObject<HTMLElement>\n _overlayClickRef: { current: null | HTMLElement }\n _id: string\n _lockTimeout: NodeJS.Timeout\n _focusTimeout: NodeJS.Timeout\n _androidFocusTimeout: NodeJS.Timeout\n _ii: InteractionInvalidation\n _iiLocal: InteractionInvalidation\n\n static contextType = Context\n\n context!: ContextProps\n\n constructor(props: ModalContentProps) {\n super(props)\n this._contentRef = this.props.content_ref || React.createRef()\n this._scrollRef = this.props.scroll_ref || React.createRef()\n this._overlayClickRef = React.createRef()\n\n // NB: The \"\"._id\" is used in the __modalStack as \"last._id\"\n this._id = props.id\n }\n\n componentDidMount() {\n const {\n id = null,\n no_animation = false,\n animation_duration = null,\n } = this.props\n\n const timeoutDuration: number =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n // Add it to the index at first\n // we use it later with getListOfModalRoots\n addToIndex(this)\n\n // Because of nested modals/drawers, we run this regardless\n // has to be run at first – so the scrollbar gets removed\n this.removeScrollPossibility() // forces browser to re-paint\n\n this.setFocus()\n this.setAndroidFocusHelper()\n\n dispatchCustomElementEvent(this, 'on_open', {\n id,\n })\n\n if (isTrue(no_animation) || process.env.NODE_ENV === 'test') {\n this.lockBody() // forces browser to re-paint\n } else {\n this._lockTimeout = setTimeout(this.lockBody, timeoutDuration * 1.2) // a little over --modal-animation-duration\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this._focusTimeout)\n clearTimeout(this._lockTimeout)\n this.removeLocks()\n }\n\n lockBody = () => {\n const modalRoots = getListOfModalRoots()\n const firstLevel = modalRoots[0]\n\n if (firstLevel === this) {\n this._ii = new InteractionInvalidation()\n this._ii.setBypassSelector(\n [\n // Bypass modal content\n '.dnb-modal__content *',\n `#dnb-modal-${this.props.root_id || 'root'}`,\n `#dnb-modal-${this.props.root_id || 'root'} *`,\n\n // TODO: Eventually in future, make it possible to bypass invalidation from outside\n // '.dnb-modal--bypass_invalidation',\n // '.dnb-modal--bypass_invalidation_deep *',\n\n ...(this.props?.bypass_invalidation_selectors || []),\n ].filter(Boolean)\n )\n this._ii.activate()\n } else {\n modalRoots.forEach((modal) => {\n if (\n modal !== this &&\n typeof modal._iiLocal === 'undefined' &&\n typeof modal._scrollRef !== 'undefined'\n ) {\n modal._iiLocal = new InteractionInvalidation()\n modal._iiLocal.activate(modal._scrollRef.current)\n }\n })\n }\n\n if (typeof document !== 'undefined') {\n /** To ensure, we have always a working keydown, we call it both on the element and document */\n document.addEventListener('keydown', this.onKeyDownHandler)\n }\n }\n\n removeLocks() {\n const modalRoots = getListOfModalRoots()\n const firstLevel = modalRoots[0]\n\n removeFromIndex(this)\n\n if (firstLevel === this) {\n this._ii?.revert()\n this.revertScrollPossibility()\n } else {\n try {\n const modal = modalRoots[modalRoots.length - 2]\n if (modal !== this && modal._iiLocal) {\n modal._iiLocal.revert()\n delete modal._iiLocal\n }\n } catch (e) {\n warn(e)\n }\n }\n\n this.removeAndroidFocusHelper()\n\n const id = this.props.id\n const { triggeredBy, triggeredByEvent } = this.state\n dispatchCustomElementEvent(this, 'on_close', {\n id,\n event: triggeredByEvent,\n triggeredBy: triggeredBy || 'unmount',\n })\n\n if (typeof document !== 'undefined') {\n document.removeEventListener('keydown', this.onKeyDownHandler)\n }\n }\n\n setAndroidFocusHelper() {\n if (typeof window !== 'undefined' && isAndroid()) {\n window.addEventListener('resize', this._androidFocusHelper)\n }\n }\n\n removeAndroidFocusHelper() {\n window.removeEventListener('resize', this._androidFocusHelper)\n clearTimeout(this._androidFocusTimeout)\n }\n\n _androidFocusHelper = () => {\n const { animation_duration = null } = this.props\n const timeoutDuration: number =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n clearTimeout(this._androidFocusTimeout)\n this._androidFocusTimeout = setTimeout(() => {\n try {\n if (\n document.activeElement?.tagName == 'INPUT' ||\n document.activeElement?.tagName == 'TEXTAREA'\n ) {\n document.activeElement.scrollIntoView()\n }\n } catch (e) {\n //\n }\n }, timeoutDuration / 2) // Older Android needs a delay here\n }\n\n setFocus() {\n const {\n focus_selector = null,\n no_animation = null,\n animation_duration = null,\n } = this.props\n const elem = this._contentRef.current\n const timeoutDuration: number =\n typeof animation_duration === 'string'\n ? parseFloat(animation_duration)\n : animation_duration\n\n if (elem) {\n clearTimeout(this._focusTimeout)\n this._focusTimeout = setTimeout(\n () => {\n try {\n let focusElement = elem as HTMLInputElement\n\n // Try to use the \"first-focus\" method first\n if (typeof focus_selector === 'string') {\n focusElement = elem.querySelector(focus_selector)\n }\n\n focusElement?.focus?.()\n focusElement?.select?.()\n\n const noH1Elem = elem.querySelector('h1, h2, h3')\n if (noH1Elem?.tagName !== 'H1') {\n warn('A Dialog or Drawer needs a h1 as its first element!')\n }\n } catch (e) {\n warn(e)\n }\n },\n isTrue(no_animation) ? 0 : timeoutDuration || 0\n ) // with this delay, the user can press esc without an focus action first\n }\n }\n\n removeScrollPossibility() {\n if (this._scrollRef.current) {\n disableBodyScroll(this._scrollRef.current)\n }\n }\n\n revertScrollPossibility() {\n enableBodyScroll(this._scrollRef.current)\n clearAllBodyScrollLocks()\n }\n\n preventClick = (event) => {\n if (event) {\n event.stopPropagation()\n }\n }\n\n onCloseClickHandler = (event: React.SyntheticEvent) => {\n this.closeModalContent(event, { triggeredBy: 'button' })\n }\n\n onContentMouseDownHandler = (event: React.SyntheticEvent) => {\n this._overlayClickRef.current =\n event.target === event.currentTarget\n ? (event.target as HTMLElement)\n : null\n }\n\n onContentClickHandler = (event: React.SyntheticEvent) => {\n /**\n * Prevent false-positive Modal close,\n * when e.g. selecting text inside and moving the mouse outside,\n * we would still get this event fired. There we check if the current click,\n * has the same target as where the click got initiated.\n */\n if (this._overlayClickRef.current !== event.target) {\n return // stop here\n }\n this._overlayClickRef.current = null\n\n const { prevent_overlay_close } = this.props\n\n if (!isTrue(prevent_overlay_close)) {\n this.closeModalContent(event, {\n triggeredBy: 'overlay',\n ifIsLatest: false,\n })\n }\n }\n\n onKeyDownHandler = (event) => {\n switch (keycode(event)) {\n case 'esc': {\n const mostCurrent = getModalRoot(-1)\n\n if (mostCurrent === this) {\n event.preventDefault()\n this.closeModalContent(event, {\n triggeredBy: 'keyboard',\n })\n }\n\n break\n }\n }\n }\n\n closeModalContent(event, { triggeredBy, ...params }) {\n event?.persist?.()\n this.setState({ triggeredBy, triggeredByEvent: event }, () => {\n this.props.close(event, {\n triggeredBy,\n ...params,\n })\n })\n }\n\n setBackgroundColor = (color: string) => {\n this.setState({ color })\n }\n\n render() {\n const {\n hide,\n title,\n labelled_by,\n id: _id, // eslint-disable-line\n close_title = 'Lukk',\n dialog_title = 'Vindu',\n hide_close_button = false,\n close_button_attributes,\n no_animation = false,\n no_animation_on_mobile = false,\n fullscreen = 'auto',\n container_placement = 'right',\n close,\n content_class,\n overlay_class,\n content_id,\n children, // eslint-disable-line\n dialog_role = null,\n ...rest\n } = this.props\n const { color } = this.state\n\n const contentId = content_id || makeUniqueId('modal-')\n\n const useDialogRole = !(IS_MAC || IS_SAFARI || IS_IOS)\n let role = dialog_role || 'dialog'\n if (!useDialogRole && role === 'dialog') {\n role = 'region'\n }\n\n const contentParams = {\n /**\n * Do not use role=\"dialog\" on Safari\n *\n * VoiceOver has troubles with role=\"dialog\" and \"Modal in Modal\",\n * the result is, only the first Modal gets focus (set by Safari)\n *\n * Tests have shown: Both VoiceOver are working fine with the:\n * \"aria-labelledby\" and \"aria-describedby\" approach\n *\n */\n role,\n 'aria-modal': useDialogRole ? true : undefined,\n\n /**\n * ARIA references\n */\n 'aria-labelledby': combineLabelledBy(\n this.props,\n title ? contentId + '-title' : null,\n labelled_by\n ),\n 'aria-describedby': combineDescribedBy(\n this.props,\n contentId + '-content'\n ),\n\n /**\n * If no labelled_by and no title is given,\n * set a fallback \"dialog_title\"\n */\n 'aria-label': !title && !labelled_by ? dialog_title : undefined,\n\n className: classnames(\n 'dnb-modal__content',\n isTrue(fullscreen)\n ? 'dnb-modal__content--fullscreen'\n : fullscreen === 'auto' && 'dnb-modal__content--auto-fullscreen',\n container_placement\n ? `dnb-modal__content--${container_placement || 'right'}`\n : null,\n getThemeClasses(this.context?.theme),\n content_class\n ),\n onMouseDown: this.onContentMouseDownHandler,\n onClick: this.onContentClickHandler,\n }\n\n const content =\n typeof children === 'function'\n ? children({ ...rest, close })\n : children\n\n return (\n <ModalContext.Provider\n value={{\n id: this.props.id,\n title,\n hide_close_button,\n close_button_attributes,\n close_title,\n hide,\n setBackgroundColor: this.setBackgroundColor,\n onCloseClickHandler: this.onCloseClickHandler,\n preventClick: this.preventClick,\n onKeyDownHandler: this.onKeyDownHandler,\n contentRef: this._contentRef,\n scrollRef: this._scrollRef,\n contentId,\n close,\n }}\n >\n <div\n id={contentId}\n /** Sets the color on scroll overflow (at the bottom) */\n style={\n (color\n ? { '--modal-background-color': `var(--color-${color})` }\n : null) as CSSPropertiesWithVars\n }\n {...contentParams}\n >\n {content}\n </div>\n\n <span\n className={classnames(\n 'dnb-modal__overlay',\n hide && 'dnb-modal__overlay--hide',\n isTrue(no_animation) && 'dnb-modal__overlay--no-animation',\n isTrue(no_animation_on_mobile) &&\n 'dnb-modal__overlay--no-animation-on-mobile',\n overlay_class\n )}\n aria-hidden={true}\n />\n </ModalContext.Provider>\n )\n }\n}\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,SAAS;AAC7B,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,uBAAuB,QAClB,kBAAkB;AACzB,SACEC,IAAI,EACJC,MAAM,EACNC,YAAY,EACZC,uBAAuB,EACvBC,iBAAiB,EACjBC,kBAAkB,EAClBC,0BAA0B,QACrB,+BAA+B;AACtC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,SAAS,QAAQ,sBAAsB;AAE3E,SACEC,mBAAmB,EACnBC,YAAY,EACZC,UAAU,EACVC,eAAe,QACV,WAAW;AAClB,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,OAAO,QAAQ,cAAc;AAmBtC,eAAe,MAAMC,YAAY,SAASxB,KAAK,CAACyB,aAAa,CAG3D;EAiBAC,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,CAAC;IAAAC,eAAA,gBAjBN;MAAEC,WAAW,EAAE,IAAI;MAAEC,gBAAgB,EAAE,IAAI;MAAEC,KAAK,EAAE;IAAK,CAAC;IAAAH,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAkEvD,MAAM;MACf,MAAMI,UAAU,GAAGd,mBAAmB,CAAC,CAAC;MACxC,MAAMe,UAAU,GAAGD,UAAU,CAAC,CAAC,CAAC;MAEhC,IAAIC,UAAU,KAAK,IAAI,EAAE;QAAA,IAAAC,WAAA;QACvB,IAAI,CAACC,GAAG,GAAG,IAAI1B,uBAAuB,CAAC,CAAC;QACxC,IAAI,CAAC0B,GAAG,CAACC,iBAAiB,CACxB,CAEE,uBAAuB,EACtB,cAAa,IAAI,CAACT,KAAK,CAACU,OAAO,IAAI,MAAO,EAAC,EAC3C,cAAa,IAAI,CAACV,KAAK,CAACU,OAAO,IAAI,MAAO,IAAG,EAM9C,IAAI,EAAAH,WAAA,OAAI,CAACP,KAAK,cAAAO,WAAA,uBAAVA,WAAA,CAAYI,6BAA6B,KAAI,EAAE,CAAC,CACrD,CAACC,MAAM,CAACC,OAAO,CAClB,CAAC;QACD,IAAI,CAACL,GAAG,CAACM,QAAQ,CAAC,CAAC;MACrB,CAAC,MAAM;QACLT,UAAU,CAACU,OAAO,CAAEC,KAAK,IAAK;UAC5B,IACEA,KAAK,KAAK,IAAI,IACd,OAAOA,KAAK,CAACC,QAAQ,KAAK,WAAW,IACrC,OAAOD,KAAK,CAACE,UAAU,KAAK,WAAW,EACvC;YACAF,KAAK,CAACC,QAAQ,GAAG,IAAInC,uBAAuB,CAAC,CAAC;YAC9CkC,KAAK,CAACC,QAAQ,CAACH,QAAQ,CAACE,KAAK,CAACE,UAAU,CAACC,OAAO,CAAC;UACnD;QACF,CAAC,CAAC;MACJ;MAEA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;QAEnCA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACC,gBAAgB,CAAC;MAC7D;IACF,CAAC;IAAArB,eAAA,8BAiDqB,MAAM;MAC1B,MAAM;QAAEsB,kBAAkB,GAAG;MAAK,CAAC,GAAG,IAAI,CAACvB,KAAK;MAChD,MAAMwB,eAAuB,GAC3B,OAAOD,kBAAkB,KAAK,QAAQ,GAClCE,UAAU,CAACF,kBAAkB,CAAC,GAC9BA,kBAAkB;MAExBG,YAAY,CAAC,IAAI,CAACC,oBAAoB,CAAC;MACvC,IAAI,CAACA,oBAAoB,GAAGC,UAAU,CAAC,MAAM;QAC3C,IAAI;UAAA,IAAAC,qBAAA,EAAAC,sBAAA;UACF,IACE,EAAAD,qBAAA,GAAAT,QAAQ,CAACW,aAAa,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAwBG,OAAO,KAAI,OAAO,IAC1C,EAAAF,sBAAA,GAAAV,QAAQ,CAACW,aAAa,cAAAD,sBAAA,uBAAtBA,sBAAA,CAAwBE,OAAO,KAAI,UAAU,EAC7C;YACAZ,QAAQ,CAACW,aAAa,CAACE,cAAc,CAAC,CAAC;UACzC;QACF,CAAC,CAAC,OAAOC,CAAC,EAAE,CAEZ;MACF,CAAC,EAAEV,eAAe,GAAG,CAAC,CAAC;IACzB,CAAC;IAAAvB,eAAA,uBAqDekC,KAAK,IAAK;MACxB,IAAIA,KAAK,EAAE;QACTA,KAAK,CAACC,eAAe,CAAC,CAAC;MACzB;IACF,CAAC;IAAAnC,eAAA,8BAEsBkC,KAA2B,IAAK;MACrD,IAAI,CAACE,iBAAiB,CAACF,KAAK,EAAE;QAAEjC,WAAW,EAAE;MAAS,CAAC,CAAC;IAC1D,CAAC;IAAAD,eAAA,oCAE4BkC,KAA2B,IAAK;MAC3D,IAAI,CAACG,gBAAgB,CAACnB,OAAO,GAC3BgB,KAAK,CAACI,MAAM,KAAKJ,KAAK,CAACK,aAAa,GAC/BL,KAAK,CAACI,MAAM,GACb,IAAI;IACZ,CAAC;IAAAtC,eAAA,gCAEwBkC,KAA2B,IAAK;MAOvD,IAAI,IAAI,CAACG,gBAAgB,CAACnB,OAAO,KAAKgB,KAAK,CAACI,MAAM,EAAE;QAClD;MACF;MACA,IAAI,CAACD,gBAAgB,CAACnB,OAAO,GAAG,IAAI;MAEpC,MAAM;QAAEsB;MAAsB,CAAC,GAAG,IAAI,CAACzC,KAAK;MAE5C,IAAI,CAACpB,MAAM,CAAC6D,qBAAqB,CAAC,EAAE;QAClC,IAAI,CAACJ,iBAAiB,CAACF,KAAK,EAAE;UAC5BjC,WAAW,EAAE,SAAS;UACtBwC,UAAU,EAAE;QACd,CAAC,CAAC;MACJ;IACF,CAAC;IAAAzC,eAAA,2BAEmBkC,KAAK,IAAK;MAC5B,QAAQ5D,OAAO,CAAC4D,KAAK,CAAC;QACpB,KAAK,KAAK;UAAE;YACV,MAAMQ,WAAW,GAAGnD,YAAY,CAAC,CAAC,CAAC,CAAC;YAEpC,IAAImD,WAAW,KAAK,IAAI,EAAE;cACxBR,KAAK,CAACS,cAAc,CAAC,CAAC;cACtB,IAAI,CAACP,iBAAiB,CAACF,KAAK,EAAE;gBAC5BjC,WAAW,EAAE;cACf,CAAC,CAAC;YACJ;YAEA;UACF;MACF;IACF,CAAC;IAAAD,eAAA,6BAYqBG,KAAa,IAAK;MACtC,IAAI,CAACyC,QAAQ,CAAC;QAAEzC;MAAM,CAAC,CAAC;IAC1B,CAAC;IApRC,IAAI,CAAC0C,WAAW,GAAG,IAAI,CAAC9C,KAAK,CAAC+C,WAAW,IAAI1E,KAAK,CAAC2E,SAAS,CAAC,CAAC;IAC9D,IAAI,CAAC9B,UAAU,GAAG,IAAI,CAAClB,KAAK,CAACiD,UAAU,IAAI5E,KAAK,CAAC2E,SAAS,CAAC,CAAC;IAC5D,IAAI,CAACV,gBAAgB,GAAGjE,KAAK,CAAC2E,SAAS,CAAC,CAAC;IAGzC,IAAI,CAACE,GAAG,GAAGlD,KAAK,CAACmD,EAAE;EACrB;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MACJD,EAAE,GAAG,IAAI;MACTE,YAAY,GAAG,KAAK;MACpB9B,kBAAkB,GAAG;IACvB,CAAC,GAAG,IAAI,CAACvB,KAAK;IAEd,MAAMwB,eAAuB,GAC3B,OAAOD,kBAAkB,KAAK,QAAQ,GAClCE,UAAU,CAACF,kBAAkB,CAAC,GAC9BA,kBAAkB;IAIxB9B,UAAU,CAAC,IAAI,CAAC;IAIhB,IAAI,CAAC6D,uBAAuB,CAAC,CAAC;IAE9B,IAAI,CAACC,QAAQ,CAAC,CAAC;IACf,IAAI,CAACC,qBAAqB,CAAC,CAAC;IAE5BvE,0BAA0B,CAAC,IAAI,EAAE,SAAS,EAAE;MAC1CkE;IACF,CAAC,CAAC;IAEF,IAAIvE,MAAM,CAACyE,YAAY,CAAC,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;MAC3D,IAAI,CAACC,QAAQ,CAAC,CAAC;IACjB,CAAC,MAAM;MACL,IAAI,CAACC,YAAY,GAAGjC,UAAU,CAAC,IAAI,CAACgC,QAAQ,EAAEpC,eAAe,GAAG,GAAG,CAAC;IACtE;EACF;EAEAsC,oBAAoBA,CAAA,EAAG;IACrBpC,YAAY,CAAC,IAAI,CAACqC,aAAa,CAAC;IAChCrC,YAAY,CAAC,IAAI,CAACmC,YAAY,CAAC;IAC/B,IAAI,CAACG,WAAW,CAAC,CAAC;EACpB;EA0CAA,WAAWA,CAAA,EAAG;IACZ,MAAM3D,UAAU,GAAGd,mBAAmB,CAAC,CAAC;IACxC,MAAMe,UAAU,GAAGD,UAAU,CAAC,CAAC,CAAC;IAEhCX,eAAe,CAAC,IAAI,CAAC;IAErB,IAAIY,UAAU,KAAK,IAAI,EAAE;MAAA,IAAA2D,SAAA;MACvB,CAAAA,SAAA,OAAI,CAACzD,GAAG,cAAAyD,SAAA,uBAARA,SAAA,CAAUC,MAAM,CAAC,CAAC;MAClB,IAAI,CAACC,uBAAuB,CAAC,CAAC;IAChC,CAAC,MAAM;MACL,IAAI;QACF,MAAMnD,KAAK,GAAGX,UAAU,CAACA,UAAU,CAAC+D,MAAM,GAAG,CAAC,CAAC;QAC/C,IAAIpD,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACC,QAAQ,EAAE;UACpCD,KAAK,CAACC,QAAQ,CAACiD,MAAM,CAAC,CAAC;UACvB,OAAOlD,KAAK,CAACC,QAAQ;QACvB;MACF,CAAC,CAAC,OAAOiB,CAAC,EAAE;QACVvD,IAAI,CAACuD,CAAC,CAAC;MACT;IACF;IAEA,IAAI,CAACmC,wBAAwB,CAAC,CAAC;IAE/B,MAAMlB,EAAE,GAAG,IAAI,CAACnD,KAAK,CAACmD,EAAE;IACxB,MAAM;MAAEjD,WAAW;MAAEC;IAAiB,CAAC,GAAG,IAAI,CAACmE,KAAK;IACpDrF,0BAA0B,CAAC,IAAI,EAAE,UAAU,EAAE;MAC3CkE,EAAE;MACFhB,KAAK,EAAEhC,gBAAgB;MACvBD,WAAW,EAAEA,WAAW,IAAI;IAC9B,CAAC,CAAC;IAEF,IAAI,OAAOkB,QAAQ,KAAK,WAAW,EAAE;MACnCA,QAAQ,CAACmD,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACjD,gBAAgB,CAAC;IAChE;EACF;EAEAkC,qBAAqBA,CAAA,EAAG;IACtB,IAAI,OAAOgB,MAAM,KAAK,WAAW,IAAIlF,SAAS,CAAC,CAAC,EAAE;MAChDkF,MAAM,CAACnD,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACoD,mBAAmB,CAAC;IAC7D;EACF;EAEAJ,wBAAwBA,CAAA,EAAG;IACzBG,MAAM,CAACD,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACE,mBAAmB,CAAC;IAC9D/C,YAAY,CAAC,IAAI,CAACC,oBAAoB,CAAC;EACzC;EAwBA4B,QAAQA,CAAA,EAAG;IACT,MAAM;MACJmB,cAAc,GAAG,IAAI;MACrBrB,YAAY,GAAG,IAAI;MACnB9B,kBAAkB,GAAG;IACvB,CAAC,GAAG,IAAI,CAACvB,KAAK;IACd,MAAM2E,IAAI,GAAG,IAAI,CAAC7B,WAAW,CAAC3B,OAAO;IACrC,MAAMK,eAAuB,GAC3B,OAAOD,kBAAkB,KAAK,QAAQ,GAClCE,UAAU,CAACF,kBAAkB,CAAC,GAC9BA,kBAAkB;IAExB,IAAIoD,IAAI,EAAE;MACRjD,YAAY,CAAC,IAAI,CAACqC,aAAa,CAAC;MAChC,IAAI,CAACA,aAAa,GAAGnC,UAAU,CAC7B,MAAM;QACJ,IAAI;UAAA,IAAAgD,aAAA,EAAAC,mBAAA,EAAAC,cAAA,EAAAC,qBAAA;UACF,IAAIC,YAAY,GAAGL,IAAwB;UAG3C,IAAI,OAAOD,cAAc,KAAK,QAAQ,EAAE;YACtCM,YAAY,GAAGL,IAAI,CAACM,aAAa,CAACP,cAAc,CAAC;UACnD;UAEA,CAAAE,aAAA,GAAAI,YAAY,cAAAJ,aAAA,wBAAAC,mBAAA,GAAZD,aAAA,CAAcM,KAAK,cAAAL,mBAAA,uBAAnBA,mBAAA,CAAAM,IAAA,CAAAP,aAAsB,CAAC;UACvB,CAAAE,cAAA,GAAAE,YAAY,cAAAF,cAAA,wBAAAC,qBAAA,GAAZD,cAAA,CAAcM,MAAM,cAAAL,qBAAA,uBAApBA,qBAAA,CAAAI,IAAA,CAAAL,cAAuB,CAAC;UAExB,MAAMO,QAAQ,GAAGV,IAAI,CAACM,aAAa,CAAC,YAAY,CAAC;UACjD,IAAI,CAAAI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAErD,OAAO,MAAK,IAAI,EAAE;YAC9BrD,IAAI,CAAC,qDAAqD,CAAC;UAC7D;QACF,CAAC,CAAC,OAAOuD,CAAC,EAAE;UACVvD,IAAI,CAACuD,CAAC,CAAC;QACT;MACF,CAAC,EACDtD,MAAM,CAACyE,YAAY,CAAC,GAAG,CAAC,GAAG7B,eAAe,IAAI,CAChD,CAAC;IACH;EACF;EAEA8B,uBAAuBA,CAAA,EAAG;IACxB,IAAI,IAAI,CAACpC,UAAU,CAACC,OAAO,EAAE;MAC3B3C,iBAAiB,CAAC,IAAI,CAAC0C,UAAU,CAACC,OAAO,CAAC;IAC5C;EACF;EAEAgD,uBAAuBA,CAAA,EAAG;IACxB1F,gBAAgB,CAAC,IAAI,CAACyC,UAAU,CAACC,OAAO,CAAC;IACzCzC,uBAAuB,CAAC,CAAC;EAC3B;EA0DA2D,iBAAiBA,CAACF,KAAK,EAAAmD,IAAA,EAA8B;IAAA,IAAAC,cAAA;IAAA,IAA5B;QAAErF;MAAuB,CAAC,GAAAoF,IAAA;MAARE,MAAM,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;IAC/CvD,KAAK,aAALA,KAAK,wBAAAoD,cAAA,GAALpD,KAAK,CAAEwD,OAAO,cAAAJ,cAAA,uBAAdA,cAAA,CAAAJ,IAAA,CAAAhD,KAAiB,CAAC;IAClB,IAAI,CAACU,QAAQ,CAAC;MAAE3C,WAAW;MAAEC,gBAAgB,EAAEgC;IAAM,CAAC,EAAE,MAAM;MAC5D,IAAI,CAACnC,KAAK,CAAC4F,KAAK,CAACzD,KAAK,EAAA0D,aAAA;QACpB3F;MAAW,GACRsF,MAAM,CACV,CAAC;IACJ,CAAC,CAAC;EACJ;EAMAM,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IACP,MAAAC,YAAA,GAoBI,IAAI,CAAChG,KAAK;MApBR;QACJiG,IAAI;QACJC,KAAK;QACLC,WAAW;QACXhD,EAAE,EAAED,GAAG;QACPkD,WAAW,GAAG,MAAM;QACpBC,YAAY,GAAG,OAAO;QACtBC,iBAAiB,GAAG,KAAK;QACzBC,uBAAuB;QACvBlD,YAAY,GAAG,KAAK;QACpBmD,sBAAsB,GAAG,KAAK;QAC9BC,UAAU,GAAG,MAAM;QACnBC,mBAAmB,GAAG,OAAO;QAC7Bd,KAAK;QACLe,aAAa;QACbC,aAAa;QACbC,UAAU;QACVC,QAAQ;QACRC,WAAW,GAAG;MAEhB,CAAC,GAAAf,YAAA;MADIgB,IAAI,GAAAvB,wBAAA,CAAAO,YAAA,EAAAiB,UAAA;IAET,MAAM;MAAE7G;IAAM,CAAC,GAAG,IAAI,CAACkE,KAAK;IAE5B,MAAM4C,SAAS,GAAGL,UAAU,IAAIhI,YAAY,CAAC,QAAQ,CAAC;IAEtD,MAAMsI,aAAa,GAAG,EAAE9H,MAAM,IAAID,SAAS,IAAID,MAAM,CAAC;IACtD,IAAIiI,IAAI,GAAGL,WAAW,IAAI,QAAQ;IAClC,IAAI,CAACI,aAAa,IAAIC,IAAI,KAAK,QAAQ,EAAE;MACvCA,IAAI,GAAG,QAAQ;IACjB;IAEA,MAAMC,aAAa,GAAG;MAWpBD,IAAI;MACJ,YAAY,EAAED,aAAa,GAAG,IAAI,GAAGG,SAAS;MAK9C,iBAAiB,EAAEvI,iBAAiB,CAClC,IAAI,CAACiB,KAAK,EACVkG,KAAK,GAAGgB,SAAS,GAAG,QAAQ,GAAG,IAAI,EACnCf,WACF,CAAC;MACD,kBAAkB,EAAEnH,kBAAkB,CACpC,IAAI,CAACgB,KAAK,EACVkH,SAAS,GAAG,UACd,CAAC;MAMD,YAAY,EAAE,CAAChB,KAAK,IAAI,CAACC,WAAW,GAAGE,YAAY,GAAGiB,SAAS;MAE/DC,SAAS,EAAEjJ,UAAU,CACnB,oBAAoB,EACpBM,MAAM,CAAC6H,UAAU,CAAC,GACd,gCAAgC,GAChCA,UAAU,KAAK,MAAM,IAAI,qCAAqC,EAIlE9G,eAAe,EAAAoG,aAAA,GAAC,IAAI,CAACyB,OAAO,cAAAzB,aAAA,uBAAZA,aAAA,CAAc0B,KAAK,CAAC,EACpCd,aAAa,EAJbD,mBAAmB,IACd,uBAAsBA,mBAAmB,IAAI,OAAQ,EAI5D,CAAC;MACDgB,WAAW,EAAE,IAAI,CAACC,yBAAyB;MAC3CC,OAAO,EAAE,IAAI,CAACC;IAChB,CAAC;IAED,MAAMC,OAAO,GACX,OAAOhB,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,CAAAjB,aAAA,CAAAA,aAAA,KAAMmB,IAAI;MAAEpB;IAAK,EAAE,CAAC,GAC5BkB,QAAQ;IAEd,OACEzI,KAAA,CAAA0J,aAAA,CAAC7I,YAAY,CAAC8I,QAAQ;MACpBC,KAAK,EAAE;QACL9E,EAAE,EAAE,IAAI,CAACnD,KAAK,CAACmD,EAAE;QACjB+C,KAAK;QACLI,iBAAiB;QACjBC,uBAAuB;QACvBH,WAAW;QACXH,IAAI;QACJiC,kBAAkB,EAAE,IAAI,CAACA,kBAAkB;QAC3CC,mBAAmB,EAAE,IAAI,CAACA,mBAAmB;QAC7CC,YAAY,EAAE,IAAI,CAACA,YAAY;QAC/B9G,gBAAgB,EAAE,IAAI,CAACA,gBAAgB;QACvC+G,UAAU,EAAE,IAAI,CAACvF,WAAW;QAC5BwF,SAAS,EAAE,IAAI,CAACpH,UAAU;QAC1BgG,SAAS;QACTtB;MACF;IAAE,GAEFvH,KAAA,CAAA0J,aAAA,QAAAQ,QAAA;MACEpF,EAAE,EAAE+D,SAAU;MAEdsB,KAAK,EACFpI,KAAK,GACF;QAAE,0BAA0B,EAAG,eAAcA,KAAM;MAAG,CAAC,GACvD;IACL,GACGiH,aAAa,GAEhBS,OACE,CAAC,EAENzJ,KAAA,CAAA0J,aAAA;MACER,SAAS,EAAEjJ,UAAU,CACnB,oBAAoB,EAKpBsI,aAAa,EAJbX,IAAI,IAAI,0BAA0B,EAClCrH,MAAM,CAACyE,YAAY,CAAC,IAAI,kCAAkC,EAC1DzE,MAAM,CAAC4H,sBAAsB,CAAC,IAC5B,4CAEJ,CAAE;MACF,eAAa;IAAK,CACnB,CACoB,CAAC;EAE5B;AACF;AAACvG,eAAA,CA/aoBJ,YAAY,iBAgBVD,OAAO"}
@@ -51,15 +51,11 @@ export default class ModalHeaderBar extends React.PureComponent {
51
51
  showShadow
52
52
  } = this.state;
53
53
  const {
54
- title,
55
54
  hide_close_button = false,
56
55
  close_button_attributes,
57
56
  onCloseClickHandler,
58
57
  close_title
59
58
  } = this.context;
60
- if (!title && isTrue(hide_close_button) && !this._ref.current) {
61
- return null;
62
- }
63
59
  return React.createElement(Section, _extends({
64
60
  style_type: "white",
65
61
  className: classnames('dnb-modal__header__bar', className, showShadow && shadow_class),