@dnb/eufemia 10.44.0 → 10.45.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 (536) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/cjs/components/checkbox/style/dnb-checkbox.scss +1 -1
  3. package/cjs/components/radio/style/dnb-radio.scss +1 -1
  4. package/cjs/components/table/TableStickyHeader.js.map +1 -1
  5. package/cjs/components/upload/Upload.js +2 -1
  6. package/cjs/components/upload/Upload.js.map +1 -1
  7. package/cjs/components/upload/UploadDocs.d.ts +1 -0
  8. package/cjs/components/upload/UploadDocs.js +17 -4
  9. package/cjs/components/upload/UploadDocs.js.map +1 -1
  10. package/cjs/components/upload/UploadInfo.js +57 -5
  11. package/cjs/components/upload/UploadInfo.js.map +1 -1
  12. package/cjs/components/upload/UploadVerify.d.ts +4 -2
  13. package/cjs/components/upload/UploadVerify.js +32 -5
  14. package/cjs/components/upload/UploadVerify.js.map +1 -1
  15. package/cjs/components/upload/style/dnb-upload.css +15 -0
  16. package/cjs/components/upload/style/dnb-upload.min.css +1 -1
  17. package/cjs/components/upload/style/dnb-upload.scss +17 -0
  18. package/cjs/components/upload/types.d.ts +7 -1
  19. package/cjs/components/upload/types.js.map +1 -1
  20. package/cjs/extensions/forms/DataContext/Context.d.ts +8 -3
  21. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  22. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +8 -0
  23. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
  24. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +8 -0
  25. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
  26. package/cjs/extensions/forms/DataContext/Provider/Provider.js +22 -7
  27. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  28. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -1
  29. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +29 -24
  30. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  31. package/cjs/extensions/forms/Field/Name/Name.js +2 -2
  32. package/cjs/extensions/forms/Field/Name/Name.js.map +1 -1
  33. package/cjs/extensions/forms/Field/Selection/Selection.d.ts +3 -0
  34. package/cjs/extensions/forms/Field/Selection/Selection.js +28 -20
  35. package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
  36. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +3 -3
  37. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  38. package/cjs/extensions/forms/Form/Element/Element.js +11 -9
  39. package/cjs/extensions/forms/Form/Element/Element.js.map +1 -1
  40. package/cjs/extensions/forms/Form/Isolation/Isolation.js +25 -7
  41. package/cjs/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
  42. package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +13 -5
  43. package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
  44. package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js +10 -13
  45. package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map +1 -1
  46. package/cjs/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js +3 -3
  47. package/cjs/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js.map +1 -1
  48. package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +2 -2
  49. package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  50. package/cjs/extensions/forms/Iterate/Array/Array.js +7 -5
  51. package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
  52. package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.d.ts +1 -3
  53. package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js +25 -19
  54. package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  55. package/cjs/extensions/forms/Iterate/EditContainer/EditContainerDocs.js +10 -0
  56. package/cjs/extensions/forms/Iterate/EditContainer/EditContainerDocs.js.map +1 -1
  57. package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +44 -14
  58. package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  59. package/cjs/extensions/forms/Iterate/{IterateElementContext.d.ts → IterateItemContext.d.ts} +3 -3
  60. package/cjs/extensions/forms/Iterate/{IterateElementContext.js → IterateItemContext.js} +3 -3
  61. package/cjs/extensions/forms/Iterate/IterateItemContext.js.map +1 -0
  62. package/cjs/extensions/forms/Iterate/PushButton/PushButton.js +3 -3
  63. package/cjs/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
  64. package/cjs/extensions/forms/Iterate/PushButton/PushButtonDocs.js +5 -0
  65. package/cjs/extensions/forms/Iterate/PushButton/PushButtonDocs.js.map +1 -1
  66. package/cjs/extensions/forms/Iterate/PushContainer/OpenButton.d.ts +4 -0
  67. package/cjs/extensions/forms/Iterate/PushContainer/OpenButton.js +42 -0
  68. package/cjs/extensions/forms/Iterate/PushContainer/OpenButton.js.map +1 -0
  69. package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +37 -0
  70. package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js +95 -0
  71. package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -0
  72. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerContext.d.ts +11 -0
  73. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerContext.js +12 -0
  74. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerContext.js.map +1 -0
  75. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.d.ts +3 -0
  76. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +42 -0
  77. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -0
  78. package/cjs/extensions/forms/Iterate/PushContainer/index.d.ts +2 -0
  79. package/cjs/extensions/forms/Iterate/PushContainer/index.js +27 -0
  80. package/cjs/extensions/forms/Iterate/PushContainer/index.js.map +1 -0
  81. package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -4
  82. package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  83. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts +4 -0
  84. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js +13 -5
  85. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  86. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js +5 -0
  87. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js.map +1 -1
  88. package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +3 -3
  89. package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
  90. package/cjs/extensions/forms/Iterate/hooks/useItem.d.ts +1 -0
  91. package/cjs/extensions/forms/Iterate/hooks/useItem.js +15 -0
  92. package/cjs/extensions/forms/Iterate/hooks/useItem.js.map +1 -0
  93. package/cjs/extensions/forms/Iterate/index.d.ts +3 -1
  94. package/cjs/extensions/forms/Iterate/index.js +17 -3
  95. package/cjs/extensions/forms/Iterate/index.js.map +1 -1
  96. package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +19 -0
  97. package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js +81 -0
  98. package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -0
  99. package/cjs/extensions/forms/Value/ArraySelection/ArraySelectionDocs.d.ts +2 -0
  100. package/cjs/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +15 -0
  101. package/cjs/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -0
  102. package/cjs/extensions/forms/Value/ArraySelection/index.d.ts +2 -0
  103. package/cjs/extensions/forms/Value/ArraySelection/index.js +27 -0
  104. package/cjs/extensions/forms/Value/ArraySelection/index.js.map +1 -0
  105. package/cjs/extensions/forms/Value/Selection/Selection.d.ts +9 -0
  106. package/cjs/extensions/forms/Value/Selection/Selection.js +58 -0
  107. package/cjs/extensions/forms/Value/Selection/Selection.js.map +1 -0
  108. package/cjs/extensions/forms/Value/Selection/SelectionDocs.d.ts +2 -0
  109. package/cjs/extensions/forms/Value/Selection/SelectionDocs.js +15 -0
  110. package/cjs/extensions/forms/Value/Selection/SelectionDocs.js.map +1 -0
  111. package/cjs/extensions/forms/Value/Selection/index.d.ts +2 -0
  112. package/cjs/extensions/forms/Value/Selection/index.js +27 -0
  113. package/cjs/extensions/forms/Value/Selection/index.js.map +1 -0
  114. package/cjs/extensions/forms/Value/ValueDocs.js +6 -1
  115. package/cjs/extensions/forms/Value/ValueDocs.js.map +1 -1
  116. package/cjs/extensions/forms/Value/index.d.ts +2 -0
  117. package/cjs/extensions/forms/Value/index.js +14 -0
  118. package/cjs/extensions/forms/Value/index.js.map +1 -1
  119. package/cjs/extensions/forms/ValueBlock/ValueBlock.js +3 -3
  120. package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  121. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js +27 -11
  122. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  123. package/cjs/extensions/forms/Wizard/Context/WizardContext.d.ts +1 -0
  124. package/cjs/extensions/forms/Wizard/Context/WizardContext.js.map +1 -1
  125. package/cjs/extensions/forms/constants/locales/en-GB.d.ts +3 -0
  126. package/cjs/extensions/forms/constants/locales/en-GB.js +3 -0
  127. package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
  128. package/cjs/extensions/forms/constants/locales/en-US.d.ts +3 -0
  129. package/cjs/extensions/forms/constants/locales/index.d.ts +6 -0
  130. package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +3 -0
  131. package/cjs/extensions/forms/constants/locales/nb-NO.js +3 -0
  132. package/cjs/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  133. package/cjs/extensions/forms/hooks/useDataValue.d.ts +1 -0
  134. package/cjs/extensions/forms/hooks/useDataValue.js +11 -4
  135. package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
  136. package/cjs/extensions/forms/hooks/useExternalValue.js +4 -4
  137. package/cjs/extensions/forms/hooks/useExternalValue.js.map +1 -1
  138. package/cjs/extensions/forms/hooks/useFieldProps.js +11 -9
  139. package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
  140. package/cjs/extensions/forms/hooks/usePath.js +3 -3
  141. package/cjs/extensions/forms/hooks/usePath.js.map +1 -1
  142. package/cjs/extensions/forms/hooks/useValueProps.js +4 -1
  143. package/cjs/extensions/forms/hooks/useValueProps.js.map +1 -1
  144. package/cjs/extensions/forms/types.d.ts +4 -0
  145. package/cjs/extensions/forms/types.js.map +1 -1
  146. package/cjs/shared/Eufemia.d.ts +1 -1
  147. package/cjs/shared/Eufemia.js +2 -2
  148. package/cjs/shared/Eufemia.js.map +1 -1
  149. package/cjs/shared/locales/en-GB.d.ts +1 -0
  150. package/cjs/shared/locales/en-GB.js +1 -0
  151. package/cjs/shared/locales/en-GB.js.map +1 -1
  152. package/cjs/shared/locales/en-US.d.ts +1 -0
  153. package/cjs/shared/locales/index.d.ts +2 -0
  154. package/cjs/shared/locales/nb-NO.d.ts +1 -0
  155. package/cjs/shared/locales/nb-NO.js +2 -1
  156. package/cjs/shared/locales/nb-NO.js.map +1 -1
  157. package/cjs/shared/useTheme.d.ts +4 -10
  158. package/cjs/shared/useTheme.js +7 -5
  159. package/cjs/shared/useTheme.js.map +1 -1
  160. package/cjs/style/core/scopes.scss +1 -1
  161. package/cjs/style/dnb-ui-basis.css +1 -1
  162. package/cjs/style/dnb-ui-basis.min.css +1 -1
  163. package/cjs/style/dnb-ui-body.css +1 -1
  164. package/cjs/style/dnb-ui-body.min.css +1 -1
  165. package/cjs/style/dnb-ui-components.css +15 -0
  166. package/cjs/style/dnb-ui-components.min.css +1 -1
  167. package/cjs/style/dnb-ui-core.css +1 -1
  168. package/cjs/style/dnb-ui-core.min.css +1 -1
  169. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +15 -0
  170. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  171. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +15 -0
  172. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  173. package/cjs/style/themes/theme-ui/ui-theme-components.css +15 -0
  174. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  175. package/components/checkbox/style/dnb-checkbox.scss +1 -1
  176. package/components/radio/style/dnb-radio.scss +1 -1
  177. package/components/table/TableStickyHeader.js.map +1 -1
  178. package/components/upload/Upload.js +2 -1
  179. package/components/upload/Upload.js.map +1 -1
  180. package/components/upload/UploadDocs.d.ts +1 -0
  181. package/components/upload/UploadDocs.js +15 -3
  182. package/components/upload/UploadDocs.js.map +1 -1
  183. package/components/upload/UploadInfo.js +57 -5
  184. package/components/upload/UploadInfo.js.map +1 -1
  185. package/components/upload/UploadVerify.d.ts +4 -2
  186. package/components/upload/UploadVerify.js +30 -5
  187. package/components/upload/UploadVerify.js.map +1 -1
  188. package/components/upload/style/dnb-upload.css +15 -0
  189. package/components/upload/style/dnb-upload.min.css +1 -1
  190. package/components/upload/style/dnb-upload.scss +17 -0
  191. package/components/upload/types.d.ts +7 -1
  192. package/components/upload/types.js.map +1 -1
  193. package/es/components/checkbox/style/dnb-checkbox.scss +1 -1
  194. package/es/components/radio/style/dnb-radio.scss +1 -1
  195. package/es/components/table/TableStickyHeader.js.map +1 -1
  196. package/es/components/upload/Upload.js +2 -1
  197. package/es/components/upload/Upload.js.map +1 -1
  198. package/es/components/upload/UploadDocs.d.ts +1 -0
  199. package/es/components/upload/UploadDocs.js +15 -3
  200. package/es/components/upload/UploadDocs.js.map +1 -1
  201. package/es/components/upload/UploadInfo.js +57 -5
  202. package/es/components/upload/UploadInfo.js.map +1 -1
  203. package/es/components/upload/UploadVerify.d.ts +4 -2
  204. package/es/components/upload/UploadVerify.js +30 -5
  205. package/es/components/upload/UploadVerify.js.map +1 -1
  206. package/es/components/upload/style/dnb-upload.css +15 -0
  207. package/es/components/upload/style/dnb-upload.min.css +1 -1
  208. package/es/components/upload/style/dnb-upload.scss +17 -0
  209. package/es/components/upload/types.d.ts +7 -1
  210. package/es/components/upload/types.js.map +1 -1
  211. package/es/extensions/forms/DataContext/Context.d.ts +8 -3
  212. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  213. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +8 -0
  214. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
  215. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +9 -1
  216. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
  217. package/es/extensions/forms/DataContext/Provider/Provider.js +22 -7
  218. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  219. package/es/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -1
  220. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +28 -24
  221. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  222. package/es/extensions/forms/Field/Name/Name.js +2 -2
  223. package/es/extensions/forms/Field/Name/Name.js.map +1 -1
  224. package/es/extensions/forms/Field/Selection/Selection.d.ts +3 -0
  225. package/es/extensions/forms/Field/Selection/Selection.js +22 -16
  226. package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
  227. package/es/extensions/forms/FieldBlock/FieldBlock.js +3 -3
  228. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  229. package/es/extensions/forms/Form/Element/Element.js +9 -9
  230. package/es/extensions/forms/Form/Element/Element.js.map +1 -1
  231. package/es/extensions/forms/Form/Isolation/Isolation.js +26 -8
  232. package/es/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
  233. package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +13 -5
  234. package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
  235. package/es/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js +10 -11
  236. package/es/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map +1 -1
  237. package/es/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js +3 -3
  238. package/es/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js.map +1 -1
  239. package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +2 -2
  240. package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  241. package/es/extensions/forms/Iterate/Array/Array.js +7 -5
  242. package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
  243. package/es/extensions/forms/Iterate/EditContainer/EditContainer.d.ts +1 -3
  244. package/es/extensions/forms/Iterate/EditContainer/EditContainer.js +26 -20
  245. package/es/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  246. package/es/extensions/forms/Iterate/EditContainer/EditContainerDocs.js +10 -0
  247. package/es/extensions/forms/Iterate/EditContainer/EditContainerDocs.js.map +1 -1
  248. package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +44 -14
  249. package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  250. package/{extensions/forms/Iterate/IterateElementContext.d.ts → es/extensions/forms/Iterate/IterateItemContext.d.ts} +3 -3
  251. package/es/extensions/forms/Iterate/IterateItemContext.js +4 -0
  252. package/es/extensions/forms/Iterate/IterateItemContext.js.map +1 -0
  253. package/es/extensions/forms/Iterate/PushButton/PushButton.js +3 -3
  254. package/es/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
  255. package/es/extensions/forms/Iterate/PushButton/PushButtonDocs.js +5 -0
  256. package/es/extensions/forms/Iterate/PushButton/PushButtonDocs.js.map +1 -1
  257. package/es/extensions/forms/Iterate/PushContainer/OpenButton.d.ts +4 -0
  258. package/es/extensions/forms/Iterate/PushContainer/OpenButton.js +32 -0
  259. package/es/extensions/forms/Iterate/PushContainer/OpenButton.js.map +1 -0
  260. package/es/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +37 -0
  261. package/es/extensions/forms/Iterate/PushContainer/PushContainer.js +80 -0
  262. package/es/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -0
  263. package/es/extensions/forms/Iterate/PushContainer/PushContainerContext.d.ts +11 -0
  264. package/es/extensions/forms/Iterate/PushContainer/PushContainerContext.js +6 -0
  265. package/es/extensions/forms/Iterate/PushContainer/PushContainerContext.js.map +1 -0
  266. package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.d.ts +3 -0
  267. package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +34 -0
  268. package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -0
  269. package/es/extensions/forms/Iterate/PushContainer/index.d.ts +2 -0
  270. package/es/extensions/forms/Iterate/PushContainer/index.js +3 -0
  271. package/es/extensions/forms/Iterate/PushContainer/index.js.map +1 -0
  272. package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -4
  273. package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  274. package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts +4 -0
  275. package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js +15 -6
  276. package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  277. package/es/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js +5 -0
  278. package/es/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js.map +1 -1
  279. package/es/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +3 -3
  280. package/es/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
  281. package/es/extensions/forms/Iterate/hooks/useItem.d.ts +1 -0
  282. package/es/extensions/forms/Iterate/hooks/useItem.js +9 -0
  283. package/es/extensions/forms/Iterate/hooks/useItem.js.map +1 -0
  284. package/es/extensions/forms/Iterate/index.d.ts +3 -1
  285. package/es/extensions/forms/Iterate/index.js +3 -1
  286. package/es/extensions/forms/Iterate/index.js.map +1 -1
  287. package/es/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +19 -0
  288. package/es/extensions/forms/Value/ArraySelection/ArraySelection.js +66 -0
  289. package/es/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -0
  290. package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.d.ts +2 -0
  291. package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +8 -0
  292. package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -0
  293. package/es/extensions/forms/Value/ArraySelection/index.d.ts +2 -0
  294. package/es/extensions/forms/Value/ArraySelection/index.js +3 -0
  295. package/es/extensions/forms/Value/ArraySelection/index.js.map +1 -0
  296. package/es/extensions/forms/Value/Selection/Selection.d.ts +9 -0
  297. package/es/extensions/forms/Value/Selection/Selection.js +48 -0
  298. package/es/extensions/forms/Value/Selection/Selection.js.map +1 -0
  299. package/es/extensions/forms/Value/Selection/SelectionDocs.d.ts +2 -0
  300. package/es/extensions/forms/Value/Selection/SelectionDocs.js +8 -0
  301. package/es/extensions/forms/Value/Selection/SelectionDocs.js.map +1 -0
  302. package/es/extensions/forms/Value/Selection/index.d.ts +2 -0
  303. package/es/extensions/forms/Value/Selection/index.js +3 -0
  304. package/es/extensions/forms/Value/Selection/index.js.map +1 -0
  305. package/es/extensions/forms/Value/ValueDocs.js +6 -1
  306. package/es/extensions/forms/Value/ValueDocs.js.map +1 -1
  307. package/es/extensions/forms/Value/index.d.ts +2 -0
  308. package/es/extensions/forms/Value/index.js +2 -0
  309. package/es/extensions/forms/Value/index.js.map +1 -1
  310. package/es/extensions/forms/ValueBlock/ValueBlock.js +3 -3
  311. package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  312. package/es/extensions/forms/Wizard/Container/WizardContainer.js +16 -1
  313. package/es/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  314. package/es/extensions/forms/Wizard/Context/WizardContext.d.ts +1 -0
  315. package/es/extensions/forms/Wizard/Context/WizardContext.js.map +1 -1
  316. package/es/extensions/forms/constants/locales/en-GB.d.ts +3 -0
  317. package/es/extensions/forms/constants/locales/en-GB.js +3 -0
  318. package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
  319. package/es/extensions/forms/constants/locales/en-US.d.ts +3 -0
  320. package/es/extensions/forms/constants/locales/index.d.ts +6 -0
  321. package/es/extensions/forms/constants/locales/nb-NO.d.ts +3 -0
  322. package/es/extensions/forms/constants/locales/nb-NO.js +3 -0
  323. package/es/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  324. package/es/extensions/forms/hooks/useDataValue.d.ts +1 -0
  325. package/es/extensions/forms/hooks/useDataValue.js +11 -4
  326. package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
  327. package/es/extensions/forms/hooks/useExternalValue.js +4 -4
  328. package/es/extensions/forms/hooks/useExternalValue.js.map +1 -1
  329. package/es/extensions/forms/hooks/useFieldProps.js +11 -9
  330. package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
  331. package/es/extensions/forms/hooks/usePath.js +2 -2
  332. package/es/extensions/forms/hooks/usePath.js.map +1 -1
  333. package/es/extensions/forms/hooks/useValueProps.js +4 -1
  334. package/es/extensions/forms/hooks/useValueProps.js.map +1 -1
  335. package/es/extensions/forms/types.d.ts +4 -0
  336. package/es/extensions/forms/types.js.map +1 -1
  337. package/es/shared/Eufemia.d.ts +1 -1
  338. package/es/shared/Eufemia.js +2 -2
  339. package/es/shared/Eufemia.js.map +1 -1
  340. package/es/shared/locales/en-GB.d.ts +1 -0
  341. package/es/shared/locales/en-GB.js +1 -0
  342. package/es/shared/locales/en-GB.js.map +1 -1
  343. package/es/shared/locales/en-US.d.ts +1 -0
  344. package/es/shared/locales/index.d.ts +2 -0
  345. package/es/shared/locales/nb-NO.d.ts +1 -0
  346. package/es/shared/locales/nb-NO.js +2 -1
  347. package/es/shared/locales/nb-NO.js.map +1 -1
  348. package/es/shared/useTheme.d.ts +4 -10
  349. package/es/shared/useTheme.js +7 -5
  350. package/es/shared/useTheme.js.map +1 -1
  351. package/es/style/core/scopes.scss +1 -1
  352. package/es/style/dnb-ui-basis.css +1 -1
  353. package/es/style/dnb-ui-basis.min.css +1 -1
  354. package/es/style/dnb-ui-body.css +1 -1
  355. package/es/style/dnb-ui-body.min.css +1 -1
  356. package/es/style/dnb-ui-components.css +15 -0
  357. package/es/style/dnb-ui-components.min.css +1 -1
  358. package/es/style/dnb-ui-core.css +1 -1
  359. package/es/style/dnb-ui-core.min.css +1 -1
  360. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +15 -0
  361. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  362. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +15 -0
  363. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  364. package/es/style/themes/theme-ui/ui-theme-components.css +15 -0
  365. package/es/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  366. package/esm/dnb-ui-basis.min.mjs +1 -1
  367. package/esm/dnb-ui-components.min.mjs +1 -1
  368. package/esm/dnb-ui-elements.min.mjs +1 -1
  369. package/esm/dnb-ui-extensions.min.mjs +5 -5
  370. package/esm/dnb-ui-lib.min.mjs +1 -1
  371. package/extensions/forms/DataContext/Context.d.ts +8 -3
  372. package/extensions/forms/DataContext/Context.js.map +1 -1
  373. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +8 -0
  374. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
  375. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +9 -1
  376. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
  377. package/extensions/forms/DataContext/Provider/Provider.js +22 -7
  378. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  379. package/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -1
  380. package/extensions/forms/Field/ArraySelection/ArraySelection.js +28 -24
  381. package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  382. package/extensions/forms/Field/Name/Name.js +2 -2
  383. package/extensions/forms/Field/Name/Name.js.map +1 -1
  384. package/extensions/forms/Field/Selection/Selection.d.ts +3 -0
  385. package/extensions/forms/Field/Selection/Selection.js +27 -20
  386. package/extensions/forms/Field/Selection/Selection.js.map +1 -1
  387. package/extensions/forms/FieldBlock/FieldBlock.js +3 -3
  388. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  389. package/extensions/forms/Form/Element/Element.js +9 -9
  390. package/extensions/forms/Form/Element/Element.js.map +1 -1
  391. package/extensions/forms/Form/Isolation/Isolation.js +26 -8
  392. package/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
  393. package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +13 -5
  394. package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
  395. package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js +10 -11
  396. package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map +1 -1
  397. package/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js +3 -3
  398. package/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js.map +1 -1
  399. package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +2 -2
  400. package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  401. package/extensions/forms/Iterate/Array/Array.js +7 -5
  402. package/extensions/forms/Iterate/Array/Array.js.map +1 -1
  403. package/extensions/forms/Iterate/EditContainer/EditContainer.d.ts +1 -3
  404. package/extensions/forms/Iterate/EditContainer/EditContainer.js +26 -20
  405. package/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  406. package/extensions/forms/Iterate/EditContainer/EditContainerDocs.js +10 -0
  407. package/extensions/forms/Iterate/EditContainer/EditContainerDocs.js.map +1 -1
  408. package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +44 -14
  409. package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  410. package/{es/extensions/forms/Iterate/IterateElementContext.d.ts → extensions/forms/Iterate/IterateItemContext.d.ts} +3 -3
  411. package/extensions/forms/Iterate/IterateItemContext.js +4 -0
  412. package/extensions/forms/Iterate/IterateItemContext.js.map +1 -0
  413. package/extensions/forms/Iterate/PushButton/PushButton.js +3 -3
  414. package/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
  415. package/extensions/forms/Iterate/PushButton/PushButtonDocs.js +5 -0
  416. package/extensions/forms/Iterate/PushButton/PushButtonDocs.js.map +1 -1
  417. package/extensions/forms/Iterate/PushContainer/OpenButton.d.ts +4 -0
  418. package/extensions/forms/Iterate/PushContainer/OpenButton.js +32 -0
  419. package/extensions/forms/Iterate/PushContainer/OpenButton.js.map +1 -0
  420. package/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +37 -0
  421. package/extensions/forms/Iterate/PushContainer/PushContainer.js +83 -0
  422. package/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -0
  423. package/extensions/forms/Iterate/PushContainer/PushContainerContext.d.ts +11 -0
  424. package/extensions/forms/Iterate/PushContainer/PushContainerContext.js +6 -0
  425. package/extensions/forms/Iterate/PushContainer/PushContainerContext.js.map +1 -0
  426. package/extensions/forms/Iterate/PushContainer/PushContainerDocs.d.ts +3 -0
  427. package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +34 -0
  428. package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -0
  429. package/extensions/forms/Iterate/PushContainer/index.d.ts +2 -0
  430. package/extensions/forms/Iterate/PushContainer/index.js +3 -0
  431. package/extensions/forms/Iterate/PushContainer/index.js.map +1 -0
  432. package/extensions/forms/Iterate/RemoveButton/RemoveButton.js +4 -4
  433. package/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  434. package/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts +4 -0
  435. package/extensions/forms/Iterate/ViewContainer/ViewContainer.js +15 -6
  436. package/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  437. package/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js +5 -0
  438. package/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js.map +1 -1
  439. package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +3 -3
  440. package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
  441. package/extensions/forms/Iterate/hooks/useItem.d.ts +1 -0
  442. package/extensions/forms/Iterate/hooks/useItem.js +9 -0
  443. package/extensions/forms/Iterate/hooks/useItem.js.map +1 -0
  444. package/extensions/forms/Iterate/index.d.ts +3 -1
  445. package/extensions/forms/Iterate/index.js +3 -1
  446. package/extensions/forms/Iterate/index.js.map +1 -1
  447. package/extensions/forms/Value/ArraySelection/ArraySelection.d.ts +19 -0
  448. package/extensions/forms/Value/ArraySelection/ArraySelection.js +70 -0
  449. package/extensions/forms/Value/ArraySelection/ArraySelection.js.map +1 -0
  450. package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.d.ts +2 -0
  451. package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js +8 -0
  452. package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map +1 -0
  453. package/extensions/forms/Value/ArraySelection/index.d.ts +2 -0
  454. package/extensions/forms/Value/ArraySelection/index.js +3 -0
  455. package/extensions/forms/Value/ArraySelection/index.js.map +1 -0
  456. package/extensions/forms/Value/Selection/Selection.d.ts +9 -0
  457. package/extensions/forms/Value/Selection/Selection.js +48 -0
  458. package/extensions/forms/Value/Selection/Selection.js.map +1 -0
  459. package/extensions/forms/Value/Selection/SelectionDocs.d.ts +2 -0
  460. package/extensions/forms/Value/Selection/SelectionDocs.js +8 -0
  461. package/extensions/forms/Value/Selection/SelectionDocs.js.map +1 -0
  462. package/extensions/forms/Value/Selection/index.d.ts +2 -0
  463. package/extensions/forms/Value/Selection/index.js +3 -0
  464. package/extensions/forms/Value/Selection/index.js.map +1 -0
  465. package/extensions/forms/Value/ValueDocs.js +6 -1
  466. package/extensions/forms/Value/ValueDocs.js.map +1 -1
  467. package/extensions/forms/Value/index.d.ts +2 -0
  468. package/extensions/forms/Value/index.js +2 -0
  469. package/extensions/forms/Value/index.js.map +1 -1
  470. package/extensions/forms/ValueBlock/ValueBlock.js +3 -3
  471. package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  472. package/extensions/forms/Wizard/Container/WizardContainer.js +27 -11
  473. package/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  474. package/extensions/forms/Wizard/Context/WizardContext.d.ts +1 -0
  475. package/extensions/forms/Wizard/Context/WizardContext.js.map +1 -1
  476. package/extensions/forms/constants/locales/en-GB.d.ts +3 -0
  477. package/extensions/forms/constants/locales/en-GB.js +3 -0
  478. package/extensions/forms/constants/locales/en-GB.js.map +1 -1
  479. package/extensions/forms/constants/locales/en-US.d.ts +3 -0
  480. package/extensions/forms/constants/locales/index.d.ts +6 -0
  481. package/extensions/forms/constants/locales/nb-NO.d.ts +3 -0
  482. package/extensions/forms/constants/locales/nb-NO.js +3 -0
  483. package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  484. package/extensions/forms/hooks/useDataValue.d.ts +1 -0
  485. package/extensions/forms/hooks/useDataValue.js +11 -4
  486. package/extensions/forms/hooks/useDataValue.js.map +1 -1
  487. package/extensions/forms/hooks/useExternalValue.js +4 -4
  488. package/extensions/forms/hooks/useExternalValue.js.map +1 -1
  489. package/extensions/forms/hooks/useFieldProps.js +11 -9
  490. package/extensions/forms/hooks/useFieldProps.js.map +1 -1
  491. package/extensions/forms/hooks/usePath.js +2 -2
  492. package/extensions/forms/hooks/usePath.js.map +1 -1
  493. package/extensions/forms/hooks/useValueProps.js +4 -1
  494. package/extensions/forms/hooks/useValueProps.js.map +1 -1
  495. package/extensions/forms/types.d.ts +4 -0
  496. package/extensions/forms/types.js.map +1 -1
  497. package/package.json +1 -1
  498. package/shared/Eufemia.d.ts +1 -1
  499. package/shared/Eufemia.js +2 -2
  500. package/shared/Eufemia.js.map +1 -1
  501. package/shared/locales/en-GB.d.ts +1 -0
  502. package/shared/locales/en-GB.js +1 -0
  503. package/shared/locales/en-GB.js.map +1 -1
  504. package/shared/locales/en-US.d.ts +1 -0
  505. package/shared/locales/index.d.ts +2 -0
  506. package/shared/locales/nb-NO.d.ts +1 -0
  507. package/shared/locales/nb-NO.js +2 -1
  508. package/shared/locales/nb-NO.js.map +1 -1
  509. package/shared/useTheme.d.ts +4 -10
  510. package/shared/useTheme.js +7 -5
  511. package/shared/useTheme.js.map +1 -1
  512. package/style/core/scopes.scss +1 -1
  513. package/style/dnb-ui-basis.css +1 -1
  514. package/style/dnb-ui-basis.min.css +1 -1
  515. package/style/dnb-ui-body.css +1 -1
  516. package/style/dnb-ui-body.min.css +1 -1
  517. package/style/dnb-ui-components.css +15 -0
  518. package/style/dnb-ui-components.min.css +1 -1
  519. package/style/dnb-ui-core.css +1 -1
  520. package/style/dnb-ui-core.min.css +1 -1
  521. package/style/themes/theme-eiendom/eiendom-theme-components.css +15 -0
  522. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  523. package/style/themes/theme-sbanken/sbanken-theme-components.css +15 -0
  524. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  525. package/style/themes/theme-ui/ui-theme-components.css +15 -0
  526. package/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  527. package/umd/dnb-ui-basis.min.js +1 -1
  528. package/umd/dnb-ui-components.min.js +1 -1
  529. package/umd/dnb-ui-elements.min.js +1 -1
  530. package/umd/dnb-ui-extensions.min.js +5 -5
  531. package/umd/dnb-ui-lib.min.js +1 -1
  532. package/cjs/extensions/forms/Iterate/IterateElementContext.js.map +0 -1
  533. package/es/extensions/forms/Iterate/IterateElementContext.js +0 -4
  534. package/es/extensions/forms/Iterate/IterateElementContext.js.map +0 -1
  535. package/extensions/forms/Iterate/IterateElementContext.js +0 -4
  536. package/extensions/forms/Iterate/IterateElementContext.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_Container","_IterateElementContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_structuredClone","_useDataValue","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","getValue","useDataValue","preparedProps","useMemo","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","newValue","l","index","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","useFieldProps","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","useEffect","current","elementData","_ref","map","_valueCountRef$curren","id","makeUniqueId","hasNewItems","isNew","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","WrapperElement","Fragment","Flex","Stack","createElement","elementProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","Item","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n useMemo,\n useRef,\n useEffect,\n useReducer,\n createRef,\n useContext,\n Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n BasicProps as FlexContainerProps,\n Props as FlexContainerAllProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateElementContext, {\n IterateElementContextState,\n} from '../IterateElementContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\n\nimport type { ContainerMode, ElementChild, Props } from './types'\nimport type { Identifier, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n const summaryListContext = useContext(SummaryListContext)\n const valueBlockContext = useContext(ValueBlockContext)\n\n const { getValue } = useDataValue()\n const preparedProps = useMemo(() => {\n const {\n path,\n countPath,\n countPathLimit = Infinity,\n countPathTransform,\n } = props\n\n if (countPath) {\n const arrayValue = getValue(path)\n let countValue = parseFloat(getValue(countPath))\n if (!(countValue >= 0)) {\n countValue = 0\n }\n if (countValue > countPathLimit) {\n countValue = countPathLimit\n }\n if (arrayValue?.length !== countValue) {\n const newValue = []\n for (let i = 0, l = countValue; i < l; i++) {\n const value = arrayValue?.[i]\n newValue.push(countPathTransform?.({ value, index: i }))\n }\n\n return {\n ...props,\n value: newValue,\n }\n }\n }\n\n return props\n }, [getValue, props])\n\n const {\n path,\n value: arrayValue,\n withoutFlex,\n emptyValue,\n placeholder,\n handleChange,\n onChange,\n children,\n } = useFieldProps(preparedProps)\n\n const idsRef = useRef<Array<Identifier>>([])\n const isNewRef = useRef<Record<string, boolean>>({})\n const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n const valueWhileClosingRef = useRef<Array<unknown>>()\n const valueCountRef = useRef(arrayValue)\n const containerRef = useRef<HTMLDivElement>()\n const hadPushRef = useRef<boolean>()\n const innerRefs = useRef<\n Record<string, React.RefObject<HTMLDivElement>>\n >({})\n\n const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n useEffect(() => {\n // Update inside the useEffect, to support React.StrictMode\n valueCountRef.current = arrayValue || []\n }, [arrayValue])\n\n const elementData = useMemo(() => {\n return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n (value, index) => {\n const id = idsRef.current[index] || makeUniqueId()\n\n const hasNewItems =\n arrayValue.length > valueCountRef.current?.length\n\n if (!idsRef.current[index]) {\n isNewRef.current[id] = hasNewItems\n idsRef.current.push(id)\n }\n\n const isNew = isNewRef.current[id] || false\n if (!modesRef.current[id]) {\n modesRef.current[id] = isNew ? 'edit' : 'view'\n }\n\n return {\n id,\n path,\n value,\n index,\n arrayValue,\n containerRef,\n isNew,\n containerMode: modesRef.current[id],\n switchContainerMode: (mode: ContainerMode) => {\n modesRef.current[id] = mode\n delete isNewRef.current?.[id]\n forceUpdate()\n },\n handleChange: (path: Path, value: unknown) => {\n const newArrayValue = structuredClone(arrayValue)\n\n // Make sure we have a new object reference,\n // else two new objects will be the same\n newArrayValue[index] = { ...newArrayValue[index] }\n\n pointer.set(newArrayValue, path, value)\n handleChange(newArrayValue)\n },\n handlePush: (element: unknown) => {\n hadPushRef.current = true\n handleChange([...(arrayValue ?? []), element])\n },\n handleRemove: ({ keepItems = false } = {}) => {\n if (keepItems) {\n // Add a backup as the array value while animating\n valueWhileClosingRef.current = arrayValue\n }\n\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue.splice(index, 1)\n handleChange(newArrayValue)\n },\n\n // - Called after animation end\n fulfillRemove: () => {\n valueWhileClosingRef.current = null\n delete modesRef.current?.[id]\n delete isNewRef.current?.[id]\n const findIndex = idsRef.current.indexOf(id)\n idsRef.current.splice(findIndex, 1)\n forceUpdate()\n },\n\n // - Called when cancel button press\n restoreOriginalValue: (value: unknown) => {\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue[index] = value\n handleChange(newArrayValue)\n },\n } as IterateElementContextState\n }\n )\n\n // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [salt, arrayValue, path, handleChange])\n\n // - Call the onChange callback when a new element is added without calling \"handlePush\"\n useMemo(() => {\n const last = elementData?.[elementData.length - 1]\n if (last?.isNew && !hadPushRef.current) {\n onChange?.(arrayValue)\n } else {\n hadPushRef.current = false\n }\n }, [arrayValue, elementData, onChange])\n\n const flexProps: FlexContainerProps & {\n innerRef: FlexContainerAllProps['innerRef']\n } = {\n className: classnames(\n 'dnb-forms-iterate',\n 'dnb-forms-section',\n props?.className\n ),\n ...pickFlexContainerProps(props as FlexContainerProps),\n ...pickSpacingProps(props),\n innerRef: containerRef,\n }\n\n const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n return (\n <WrapperElement {...(omitFlex ? null : flexProps)}>\n {arrayValue === emptyValue || props?.value?.length === 0\n ? placeholder\n : elementData.map((elementProps) => {\n const { id, value, index } = elementProps\n const elementRef = (innerRefs.current[id] =\n innerRefs.current[id] || createRef<HTMLDivElement>())\n\n const renderChildren = (elementChild: ElementChild) => {\n return typeof elementChild === 'function'\n ? elementChild(value, index)\n : elementChild\n }\n\n const contextValue = {\n ...elementProps,\n elementRef,\n }\n\n const content = Array.isArray(children)\n ? children.map((child) => renderChildren(child))\n : renderChildren(children)\n\n if (omitFlex) {\n return (\n <IterateElementContext.Provider\n key={`element-${id}`}\n value={contextValue}\n >\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateElementContext.Provider>\n )\n }\n\n return (\n <Flex.Item\n className=\"dnb-forms-iterate__element\"\n tabIndex={-1}\n innerRef={elementRef}\n key={`element-${id}`}\n >\n <IterateElementContext.Provider value={contextValue}>\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateElementContext.Provider>\n </Flex.Item>\n )\n })}\n </WrapperElement>\n )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
1
+ {"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_Container","_IterateItemContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_useDataValue","_structuredClone","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","getValue","useDataValue","preparedProps","useMemo","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","newValue","l","index","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","useFieldProps","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","useEffect","current","elementData","_ref","map","_valueCountRef$curren","id","makeUniqueId","hasNewItems","isNew","_value$__containerMod","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","WrapperElement","Fragment","Flex","Stack","createElement","elementProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","Item","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n useMemo,\n useRef,\n useEffect,\n useReducer,\n createRef,\n useContext,\n Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n BasicProps as FlexContainerProps,\n Props as FlexContainerAllProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n IterateItemContextState,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport useDataValue from '../../hooks/useDataValue'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n const summaryListContext = useContext(SummaryListContext)\n const valueBlockContext = useContext(ValueBlockContext)\n\n const { getValue } = useDataValue()\n const preparedProps = useMemo(() => {\n const {\n path,\n countPath,\n countPathLimit = Infinity,\n countPathTransform,\n } = props\n\n if (countPath) {\n const arrayValue = getValue(path)\n let countValue = parseFloat(getValue(countPath))\n if (!(countValue >= 0)) {\n countValue = 0\n }\n if (countValue > countPathLimit) {\n countValue = countPathLimit\n }\n if (arrayValue?.length !== countValue) {\n const newValue = []\n for (let i = 0, l = countValue; i < l; i++) {\n const value = arrayValue?.[i]\n newValue.push(countPathTransform?.({ value, index: i }))\n }\n\n return {\n ...props,\n value: newValue,\n }\n }\n }\n\n return props\n }, [getValue, props])\n\n const {\n path,\n value: arrayValue,\n withoutFlex,\n emptyValue,\n placeholder,\n handleChange,\n onChange,\n children,\n } = useFieldProps(preparedProps)\n\n const idsRef = useRef<Array<Identifier>>([])\n const isNewRef = useRef<Record<string, boolean>>({})\n const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n const valueWhileClosingRef = useRef<Value>()\n const valueCountRef = useRef(arrayValue)\n const containerRef = useRef<HTMLDivElement>()\n const hadPushRef = useRef<boolean>()\n const innerRefs = useRef<\n Record<string, React.RefObject<HTMLDivElement>>\n >({})\n\n const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n useEffect(() => {\n // Update inside the useEffect, to support React.StrictMode\n valueCountRef.current = arrayValue || []\n }, [arrayValue])\n\n const elementData = useMemo(() => {\n return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n (value, index) => {\n const id = idsRef.current[index] || makeUniqueId()\n\n const hasNewItems =\n arrayValue.length > valueCountRef.current?.length\n\n if (!idsRef.current[index]) {\n isNewRef.current[id] = hasNewItems\n idsRef.current.push(id)\n }\n\n const isNew = isNewRef.current[id] || false\n if (!modesRef.current[id]) {\n modesRef.current[id] =\n value?.['__containerMode'] ?? (isNew ? 'edit' : 'view')\n delete value?.['__containerMode']\n }\n\n return {\n id,\n path,\n value,\n index,\n arrayValue,\n containerRef,\n isNew,\n containerMode: modesRef.current[id],\n switchContainerMode: (mode: ContainerMode) => {\n modesRef.current[id] = mode\n delete isNewRef.current?.[id]\n forceUpdate()\n },\n handleChange: (path: Path, value: unknown) => {\n const newArrayValue = structuredClone(arrayValue)\n\n // Make sure we have a new object reference,\n // else two new objects will be the same\n newArrayValue[index] = { ...newArrayValue[index] }\n\n pointer.set(newArrayValue, path, value)\n handleChange(newArrayValue)\n },\n handlePush: (element: unknown) => {\n hadPushRef.current = true\n handleChange([...(arrayValue ?? []), element])\n },\n handleRemove: ({ keepItems = false } = {}) => {\n if (keepItems) {\n // Add a backup as the array value while animating\n valueWhileClosingRef.current = arrayValue\n }\n\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue.splice(index, 1)\n handleChange(newArrayValue)\n },\n\n // - Called after animation end\n fulfillRemove: () => {\n valueWhileClosingRef.current = null\n delete modesRef.current?.[id]\n delete isNewRef.current?.[id]\n const findIndex = idsRef.current.indexOf(id)\n idsRef.current.splice(findIndex, 1)\n forceUpdate()\n },\n\n // - Called when cancel button press\n restoreOriginalValue: (value: unknown) => {\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue[index] = value\n handleChange(newArrayValue)\n },\n } as IterateItemContextState\n }\n )\n\n // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [salt, arrayValue, path, handleChange])\n\n // - Call the onChange callback when a new element is added without calling \"handlePush\"\n useMemo(() => {\n const last = elementData?.[elementData.length - 1]\n if (last?.isNew && !hadPushRef.current) {\n onChange?.(arrayValue)\n } else {\n hadPushRef.current = false\n }\n }, [arrayValue, elementData, onChange])\n\n const flexProps: FlexContainerProps & {\n innerRef: FlexContainerAllProps['innerRef']\n } = {\n className: classnames(\n 'dnb-forms-iterate',\n 'dnb-forms-section',\n props?.className\n ),\n ...pickFlexContainerProps(props as FlexContainerProps),\n ...pickSpacingProps(props),\n innerRef: containerRef,\n }\n\n const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n return (\n <WrapperElement {...(omitFlex ? null : flexProps)}>\n {arrayValue === emptyValue || props?.value?.length === 0\n ? placeholder\n : elementData.map((elementProps) => {\n const { id, value, index } = elementProps\n const elementRef = (innerRefs.current[id] =\n innerRefs.current[id] || createRef<HTMLDivElement>())\n\n const renderChildren = (elementChild: ElementChild) => {\n return typeof elementChild === 'function'\n ? elementChild(value, index)\n : elementChild\n }\n\n const contextValue = {\n ...elementProps,\n elementRef,\n }\n\n const content = Array.isArray(children)\n ? children.map((child) => renderChildren(child))\n : renderChildren(children)\n\n if (omitFlex) {\n return (\n <IterateItemContext.Provider\n key={`element-${id}`}\n value={contextValue}\n >\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateItemContext.Provider>\n )\n }\n\n return (\n <Flex.Item\n className=\"dnb-forms-iterate__element\"\n tabIndex={-1}\n innerRef={elementRef}\n key={`element-${id}`}\n >\n <IterateItemContext.Provider value={contextValue}>\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateItemContext.Provider>\n </Flex.Item>\n )\n })}\n </WrapperElement>\n )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
@@ -12,12 +12,10 @@ export type Props = {
12
12
  titleWhenNew?: React.ReactNode;
13
13
  /**
14
14
  * If the EditContainer is open or not.
15
- * Used internally.
16
15
  */
17
16
  open?: boolean;
18
17
  /**
19
- * The toolbar to be shown in the EditContainer.
20
- * Used internally.
18
+ * An alternative toolbar to be shown in the EditContainer.
21
19
  */
22
20
  toolbar?: React.ReactNode;
23
21
  };
@@ -10,29 +10,34 @@ var _react = _interopRequireWildcard(require("react"));
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
  var _componentHelper = require("../../../../shared/component-helper");
12
12
  var _elements = require("../../../../elements");
13
- var _IterateElementContext = _interopRequireDefault(require("../IterateElementContext"));
14
- var _EditToolbarTools = _interopRequireDefault(require("./EditToolbarTools"));
13
+ var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
14
+ var _EditToolbarTools = _interopRequireWildcard(require("./EditToolbarTools"));
15
15
  var _ElementBlock = _interopRequireDefault(require("../AnimatedContainer/ElementBlock"));
16
16
  var _Toolbar2 = _interopRequireDefault(require("../Toolbar"));
17
- const _excluded = ["children", "className", "title", "titleWhenNew", "toolbar"];
18
17
  var _Toolbar;
18
+ const _excluded = ["toolbar"],
19
+ _excluded2 = ["children", "className", "title", "titleWhenNew", "toolbar"];
19
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
21
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
22
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
24
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
23
25
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
24
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
26
  function EditContainer(props) {
27
+ const {
28
+ toolbar
29
+ } = props,
30
+ rest = _objectWithoutProperties(props, _excluded);
26
31
  return _react.default.createElement(EditContainerWithoutToolbar, _extends({
27
- toolbar: _Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_EditToolbarTools.default, null)))
28
- }, props));
32
+ toolbar: toolbar !== null && toolbar !== void 0 ? toolbar : _Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_EditToolbarTools.default, null)))
33
+ }, rest));
29
34
  }
30
35
  function EditContainerWithoutToolbar(props) {
31
- const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
36
+ const iterateItemContext = (0, _react.useContext)(_IterateItemContext.default);
32
37
  const {
33
38
  containerMode,
34
39
  isNew
35
- } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
40
+ } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
36
41
  const _ref = props || {},
37
42
  {
38
43
  children,
@@ -41,22 +46,23 @@ function EditContainerWithoutToolbar(props) {
41
46
  titleWhenNew,
42
47
  toolbar
43
48
  } = _ref,
44
- restProps = _objectWithoutProperties(_ref, _excluded);
45
- const wasNewRef = (0, _react.useRef)(isNew);
46
- (0, _react.useEffect)(() => {
47
- if (containerMode === 'view') {
48
- wasNewRef.current = false;
49
- }
50
- }, [isNew, containerMode]);
51
- const blockTitle = wasNewRef.current && titleWhenNew ? titleWhenNew : title;
52
- const ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(blockTitle), [blockTitle]);
49
+ restProps = _objectWithoutProperties(_ref, _excluded2);
50
+ const wasNew = (0, _EditToolbarTools.useWasNew)({
51
+ isNew,
52
+ containerMode
53
+ });
54
+ let itemTitle = wasNew && titleWhenNew ? titleWhenNew : title;
55
+ let ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(itemTitle), [itemTitle]);
56
+ if (ariaLabel.includes('{itemNr}')) {
57
+ itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', iterateItemContext.index + 1);
58
+ }
53
59
  return _react.default.createElement(_ElementBlock.default, _extends({
54
60
  mode: "edit",
55
61
  className: (0, _classnames.default)('dnb-forms-section-edit-block', className),
56
62
  ariaLabel: ariaLabel
57
- }, restProps), blockTitle && _react.default.createElement(_elements.Lead, {
63
+ }, restProps), itemTitle && _react.default.createElement(_elements.Lead, {
58
64
  size: "basis"
59
- }, blockTitle), children, toolbar);
65
+ }, itemTitle), children, toolbar);
60
66
  }
61
67
  EditContainer._supportsSpacingProps = true;
62
68
  EditContainerWithoutToolbar._supportsSpacingProps = true;
@@ -1 +1 @@
1
- {"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateElementContext","_EditToolbarTools","_ElementBlock","_Toolbar2","_excluded","_Toolbar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_extends","assign","bind","arguments","apply","EditContainer","props","createElement","EditContainerWithoutToolbar","toolbar","iterateElementContext","useContext","IterateElementContext","containerMode","isNew","_ref","children","className","title","titleWhenNew","restProps","wasNewRef","useRef","useEffect","current","blockTitle","ariaLabel","useMemo","convertJsxToString","mode","classnames","Lead","size","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateElementContext from '../IterateElementContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport ElementBlock, {\n ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\n\nexport type Props = {\n /**\n * The title of the EditContainer.\n */\n title?: React.ReactNode\n\n /**\n * The title for a new item show within the EditContainer.\n */\n titleWhenNew?: React.ReactNode\n\n /**\n * If the EditContainer is open or not.\n * Used internally.\n */\n open?: boolean\n\n /**\n * The toolbar to be shown in the EditContainer.\n * Used internally.\n */\n toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nexport default function EditContainer(props: AllProps) {\n return (\n <EditContainerWithoutToolbar\n toolbar={\n <Toolbar>\n <EditToolbarTools />\n </Toolbar>\n }\n {...props}\n />\n )\n}\n\nexport function EditContainerWithoutToolbar(\n props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n const iterateElementContext = useContext(IterateElementContext)\n const { containerMode, isNew } = iterateElementContext ?? {}\n\n const {\n children,\n className,\n title,\n titleWhenNew,\n toolbar,\n ...restProps\n } = props || {}\n\n const wasNewRef = useRef<unknown>(isNew)\n\n useEffect(() => {\n if (containerMode === 'view') {\n wasNewRef.current = false\n }\n }, [isNew, containerMode])\n\n const blockTitle =\n wasNewRef.current && titleWhenNew ? titleWhenNew : title\n const ariaLabel = useMemo(\n () => convertJsxToString(blockTitle),\n [blockTitle]\n )\n\n return (\n <ElementBlock\n mode=\"edit\"\n className={classnames('dnb-forms-section-edit-block', className)}\n ariaLabel={ariaLabel}\n {...restProps}\n >\n {blockTitle && <Lead size=\"basis\">{blockTitle}</Lead>}\n {children}\n {toolbar}\n </ElementBlock>\n )\n}\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}
1
+ {"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateItemContext","_EditToolbarTools","_ElementBlock","_Toolbar2","_Toolbar","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EditContainer","props","toolbar","rest","createElement","EditContainerWithoutToolbar","iterateItemContext","useContext","IterateItemContext","containerMode","isNew","_ref","children","className","title","titleWhenNew","restProps","wasNew","useWasNew","itemTitle","ariaLabel","useMemo","convertJsxToString","includes","replace","index","mode","classnames","Lead","size","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateItemContext from '../IterateItemContext'\nimport EditToolbarTools, { useWasNew } from './EditToolbarTools'\nimport ElementBlock, {\n ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\n\nexport type Props = {\n /**\n * The title of the EditContainer.\n */\n title?: React.ReactNode\n\n /**\n * The title for a new item show within the EditContainer.\n */\n titleWhenNew?: React.ReactNode\n\n /**\n * If the EditContainer is open or not.\n */\n open?: boolean\n\n /**\n * An alternative toolbar to be shown in the EditContainer.\n */\n toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nexport default function EditContainer(props: AllProps) {\n const { toolbar, ...rest } = props\n return (\n <EditContainerWithoutToolbar\n toolbar={\n toolbar ?? (\n <Toolbar>\n <EditToolbarTools />\n </Toolbar>\n )\n }\n {...rest}\n />\n )\n}\n\nexport function EditContainerWithoutToolbar(\n props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n const iterateItemContext = useContext(IterateItemContext)\n const { containerMode, isNew } = iterateItemContext ?? {}\n\n const {\n children,\n className,\n title,\n titleWhenNew,\n toolbar,\n ...restProps\n } = props || {}\n\n const wasNew = useWasNew({ isNew, containerMode })\n let itemTitle = wasNew && titleWhenNew ? titleWhenNew : title\n let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])\n if (ariaLabel.includes('{itemNr}')) {\n itemTitle = ariaLabel = ariaLabel.replace(\n '{itemNr}',\n iterateItemContext.index + 1\n )\n }\n\n return (\n <ElementBlock\n mode=\"edit\"\n className={classnames('dnb-forms-section-edit-block', className)}\n ariaLabel={ariaLabel}\n {...restProps}\n >\n {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n {children}\n {toolbar}\n </ElementBlock>\n )\n}\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}
@@ -20,6 +20,16 @@ const EditContainerProperties = {
20
20
  type: 'string',
21
21
  status: 'optional'
22
22
  },
23
+ toolbar: {
24
+ doc: 'An alternative toolbar to be shown in the container.',
25
+ type: 'React.Node',
26
+ status: 'optional'
27
+ },
28
+ open: {
29
+ doc: 'If the container should be open or not. This is taken care of internally by default.',
30
+ type: 'boolean',
31
+ status: 'optional'
32
+ },
23
33
  '[FlexVertical](/uilib/layout/flex/container/)': {
24
34
  doc: 'All Flex.Vertical properties.',
25
35
  type: 'Various',
@@ -1 +1 @@
1
- {"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","titleWhenNew","variant","exports","EditContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n title: {\n doc: 'The title of the container.',\n type: 'React.Node',\n status: 'optional',\n },\n titleWhenNew: {\n doc: 'The title for a new item.',\n type: 'React.Node',\n status: 'optional',\n },\n variant: {\n doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n type: 'string',\n status: 'optional',\n },\n '[FlexVertical](/uilib/layout/flex/container/)': {\n doc: 'All Flex.Vertical properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAG,OAAA,CAAAP,uBAAA,GAAAA,uBAAA;AAEM,MAAMQ,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
1
+ {"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","titleWhenNew","variant","toolbar","open","exports","EditContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n title: {\n doc: 'The title of the container.',\n type: 'React.Node',\n status: 'optional',\n },\n titleWhenNew: {\n doc: 'The title for a new item.',\n type: 'React.Node',\n status: 'optional',\n },\n variant: {\n doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n type: 'string',\n status: 'optional',\n },\n toolbar: {\n doc: 'An alternative toolbar to be shown in the container.',\n type: 'React.Node',\n status: 'optional',\n },\n open: {\n doc: 'If the container should be open or not. This is taken care of internally by default.',\n type: 'boolean',\n status: 'optional',\n },\n '[FlexVertical](/uilib/layout/flex/container/)': {\n doc: 'All Flex.Vertical properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAK,OAAA,CAAAT,uBAAA,GAAAA,uBAAA;AAEM,MAAMU,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
@@ -9,10 +9,11 @@ exports.useWasNew = useWasNew;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _components = require("../../../../components");
11
11
  var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
12
- var _IterateElementContext = _interopRequireDefault(require("../IterateElementContext"));
12
+ var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
13
13
  var _icons = require("../../../../icons");
14
14
  var _RemoveButton = _interopRequireDefault(require("../RemoveButton"));
15
15
  var _FieldBoundaryContext = _interopRequireDefault(require("../../DataContext/FieldBoundary/FieldBoundaryContext"));
16
+ var _PushContainerContext = _interopRequireDefault(require("../PushContainer/PushContainerContext"));
16
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -24,11 +25,25 @@ function EditToolbarTools() {
24
25
  arrayValue,
25
26
  index,
26
27
  isNew
27
- } = (0, _react.useContext)(_IterateElementContext.default) || {};
28
+ } = (0, _react.useContext)(_IterateItemContext.default) || {};
28
29
  const {
29
- hasVisibleError
30
+ hasError,
31
+ hasVisibleError,
32
+ setShowBoundaryErrors
30
33
  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
31
- const translation = (0, _useTranslation.default)().IterateEditContainer;
34
+ const {
35
+ entries,
36
+ commitHandleRef
37
+ } = (0, _react.useContext)(_PushContainerContext.default) || {};
38
+ const {
39
+ doneButton,
40
+ cancelButton,
41
+ removeButton,
42
+ errorInSection
43
+ } = (0, _useTranslation.default)().IterateEditContainer;
44
+ const {
45
+ createButton
46
+ } = (0, _useTranslation.default)().IteratePushContainer;
32
47
  const valueBackupRef = (0, _react.useRef)();
33
48
  const wasNew = useWasNew({
34
49
  isNew,
@@ -48,34 +63,49 @@ function EditToolbarTools() {
48
63
  restoreOriginalValue === null || restoreOriginalValue === void 0 ? void 0 : restoreOriginalValue(valueBackupRef.current);
49
64
  }
50
65
  setShowError(false);
66
+ setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
51
67
  switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
52
- }, [restoreOriginalValue, switchContainerMode]);
68
+ }, [restoreOriginalValue, setShowBoundaryErrors, switchContainerMode]);
53
69
  const doneHandler = (0, _react.useCallback)(() => {
54
- if (hasVisibleError) {
55
- setShowError(true);
70
+ if (hasError) {
71
+ setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
72
+ if (hasVisibleError) {
73
+ setShowError(true);
74
+ }
56
75
  } else {
76
+ setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
57
77
  setShowError(false);
58
- switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
78
+ if (commitHandleRef) {
79
+ var _commitHandleRef$curr;
80
+ (_commitHandleRef$curr = commitHandleRef.current) === null || _commitHandleRef$curr === void 0 ? void 0 : _commitHandleRef$curr.call(commitHandleRef);
81
+ } else {
82
+ switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
83
+ }
59
84
  }
60
- }, [hasVisibleError, switchContainerMode]);
85
+ }, [commitHandleRef, hasError, hasVisibleError, setShowBoundaryErrors, switchContainerMode]);
61
86
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.FormStatus, {
62
87
  show: showError && hasVisibleError,
63
88
  no_animation: false
64
- }, translation.errorInSection), _react.default.createElement(_components.Flex.Horizontal, {
89
+ }, errorInSection), _react.default.createElement(_components.Flex.Horizontal, {
65
90
  gap: "large"
66
- }, _react.default.createElement(_components.Button, {
91
+ }, commitHandleRef ? _react.default.createElement(_components.Button, {
92
+ variant: "tertiary",
93
+ icon: _icons.check,
94
+ icon_position: "left",
95
+ on_click: doneHandler
96
+ }, createButton) : _react.default.createElement(_components.Button, {
67
97
  variant: "tertiary",
68
98
  icon: _icons.check,
69
99
  icon_position: "left",
70
100
  on_click: doneHandler
71
- }, translation.doneButton), wasNew ? _react.default.createElement(_RemoveButton.default, {
72
- text: translation.removeButton
101
+ }, doneButton), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) > 0 && containerMode === 'edit') && (wasNew ? _react.default.createElement(_RemoveButton.default, {
102
+ text: removeButton
73
103
  }) : _react.default.createElement(_components.Button, {
74
104
  variant: "tertiary",
75
105
  icon: _icons.close,
76
106
  icon_position: "left",
77
107
  on_click: cancelHandler
78
- }, translation.cancelButton)));
108
+ }, cancelButton))));
79
109
  }
80
110
  function useWasNew(_ref) {
81
111
  let {
@@ -1 +1 @@
1
- {"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateElementContext","_icons","_RemoveButton","_FieldBoundaryContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","useContext","IterateElementContext","hasVisibleError","FieldBoundaryContext","translation","useTranslation","IterateEditContainer","valueBackupRef","useRef","wasNew","useWasNew","showError","setShowError","useState","useEffect","current","cancelHandler","useCallback","doneHandler","createElement","Fragment","FormStatus","show","no_animation","errorInSection","Flex","Horizontal","gap","Button","variant","icon","check","icon_position","on_click","doneButton","text","removeButton","close","cancelButton","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, {\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport { Button, Flex, FormStatus } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function EditToolbarTools() {\n const {\n restoreOriginalValue,\n switchContainerMode,\n containerMode,\n arrayValue,\n index,\n isNew,\n } = useContext(IterateElementContext) || {}\n const { hasVisibleError } = useContext(FieldBoundaryContext) || {}\n\n const translation = useTranslation().IterateEditContainer\n const valueBackupRef = useRef<unknown>()\n const wasNew = useWasNew({ isNew, containerMode })\n const [showError, setShowError] = useState(false)\n\n useEffect(() => {\n if (containerMode === 'edit' && !valueBackupRef.current) {\n valueBackupRef.current = arrayValue?.[index]\n }\n if (containerMode === 'view') {\n valueBackupRef.current = null\n }\n }, [arrayValue, containerMode, index])\n\n const cancelHandler = useCallback(() => {\n if (valueBackupRef.current) {\n restoreOriginalValue?.(valueBackupRef.current)\n }\n setShowError(false)\n switchContainerMode?.('view')\n }, [restoreOriginalValue, switchContainerMode])\n const doneHandler = useCallback(() => {\n if (hasVisibleError) {\n setShowError(true)\n } else {\n setShowError(false)\n switchContainerMode?.('view')\n }\n }, [hasVisibleError, switchContainerMode])\n\n return (\n <>\n <FormStatus show={showError && hasVisibleError} no_animation={false}>\n {translation.errorInSection}\n </FormStatus>\n <Flex.Horizontal gap=\"large\">\n <Button\n variant=\"tertiary\"\n icon={check}\n icon_position=\"left\"\n on_click={doneHandler}\n >\n {translation.doneButton}\n </Button>\n\n {wasNew ? (\n <RemoveButton text={translation.removeButton} />\n ) : (\n <Button\n variant=\"tertiary\"\n icon={close}\n icon_position=\"left\"\n on_click={cancelHandler}\n >\n {translation.cancelButton}\n </Button>\n )}\n </Flex.Horizontal>\n </>\n )\n}\n\nexport function useWasNew({\n isNew,\n containerMode,\n}: {\n isNew: boolean\n containerMode: ContainerMode\n}) {\n const wasNewRef = useRef<unknown>(isNew)\n\n useEffect(() => {\n if (containerMode === 'view') {\n wasNewRef.current = false\n }\n }, [isNew, containerMode])\n\n return wasNewRef.current\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateItemContext","_icons","_RemoveButton","_FieldBoundaryContext","_PushContainerContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","useContext","IterateItemContext","hasError","hasVisibleError","setShowBoundaryErrors","FieldBoundaryContext","entries","commitHandleRef","PushContainerContext","doneButton","cancelButton","removeButton","errorInSection","useTranslation","IterateEditContainer","createButton","IteratePushContainer","valueBackupRef","useRef","wasNew","useWasNew","showError","setShowError","useState","useEffect","current","cancelHandler","useCallback","doneHandler","_commitHandleRef$curr","createElement","Fragment","FormStatus","show","no_animation","Flex","Horizontal","gap","Button","variant","icon","check","icon_position","on_click","length","text","close","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, {\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport { Button, Flex, FormStatus } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport PushContainerContext from '../PushContainer/PushContainerContext'\n\nexport default function EditToolbarTools() {\n const {\n restoreOriginalValue,\n switchContainerMode,\n containerMode,\n arrayValue,\n index,\n isNew,\n } = useContext(IterateItemContext) || {}\n const { hasError, hasVisibleError, setShowBoundaryErrors } =\n useContext(FieldBoundaryContext) || {}\n const { entries, commitHandleRef } =\n useContext(PushContainerContext) || {}\n\n const { doneButton, cancelButton, removeButton, errorInSection } =\n useTranslation().IterateEditContainer\n const { createButton } = useTranslation().IteratePushContainer\n const valueBackupRef = useRef<unknown>()\n const wasNew = useWasNew({ isNew, containerMode })\n const [showError, setShowError] = useState(false)\n\n useEffect(() => {\n if (containerMode === 'edit' && !valueBackupRef.current) {\n valueBackupRef.current = arrayValue?.[index]\n }\n if (containerMode === 'view') {\n valueBackupRef.current = null\n }\n }, [arrayValue, containerMode, index])\n\n const cancelHandler = useCallback(() => {\n if (valueBackupRef.current) {\n restoreOriginalValue?.(valueBackupRef.current)\n }\n setShowError(false)\n setShowBoundaryErrors?.(false)\n switchContainerMode?.('view')\n }, [restoreOriginalValue, setShowBoundaryErrors, switchContainerMode])\n const doneHandler = useCallback(() => {\n if (hasError) {\n setShowBoundaryErrors?.(true)\n if (hasVisibleError) {\n setShowError(true)\n }\n } else {\n setShowBoundaryErrors?.(false)\n setShowError(false)\n if (commitHandleRef) {\n commitHandleRef.current?.()\n } else {\n switchContainerMode?.('view')\n }\n }\n }, [\n commitHandleRef,\n hasError,\n hasVisibleError,\n setShowBoundaryErrors,\n switchContainerMode,\n ])\n\n return (\n <>\n <FormStatus show={showError && hasVisibleError} no_animation={false}>\n {errorInSection}\n </FormStatus>\n <Flex.Horizontal gap=\"large\">\n {commitHandleRef ? (\n <Button\n variant=\"tertiary\"\n icon={check}\n icon_position=\"left\"\n on_click={doneHandler}\n >\n {createButton}\n </Button>\n ) : (\n <Button\n variant=\"tertiary\"\n icon={check}\n icon_position=\"left\"\n on_click={doneHandler}\n >\n {doneButton}\n </Button>\n )}\n\n {(!entries || (entries?.length > 0 && containerMode === 'edit')) &&\n (wasNew ? (\n <RemoveButton text={removeButton} />\n ) : (\n <Button\n variant=\"tertiary\"\n icon={close}\n icon_position=\"left\"\n on_click={cancelHandler}\n >\n {cancelButton}\n </Button>\n ))}\n </Flex.Horizontal>\n </>\n )\n}\n\nexport function useWasNew({\n isNew,\n containerMode,\n}: {\n isNew: boolean\n containerMode: ContainerMode\n}) {\n const wasNewRef = useRef<unknown>(isNew)\n\n useEffect(() => {\n if (containerMode === 'view') {\n wasNewRef.current = false\n }\n }, [isNew, containerMode])\n\n return wasNewRef.current\n}\n"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Path } from '../types';
3
3
  import { ContainerMode } from './Array/types';
4
- export interface IterateElementContextState {
4
+ export interface IterateItemContextState {
5
5
  id?: string;
6
6
  index?: number;
7
7
  value?: unknown;
@@ -20,5 +20,5 @@ export interface IterateElementContextState {
20
20
  restoreOriginalValue?: (value: unknown) => void;
21
21
  fulfillRemove?: () => void;
22
22
  }
23
- declare const IterateElementContext: React.Context<IterateElementContextState>;
24
- export default IterateElementContext;
23
+ declare const IterateItemContext: React.Context<IterateItemContextState>;
24
+ export default IterateItemContext;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
- const IterateElementContext = _react.default.createContext(undefined);
10
- var _default = IterateElementContext;
9
+ const IterateItemContext = _react.default.createContext(undefined);
10
+ var _default = IterateItemContext;
11
11
  exports.default = _default;
12
- //# sourceMappingURL=IterateElementContext.js.map
12
+ //# sourceMappingURL=IterateItemContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IterateItemContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","IterateItemContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/IterateItemContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../types'\nimport { ContainerMode } from './Array/types'\n\nexport interface IterateItemContextState {\n id?: string\n index?: number\n value?: unknown\n isNew?: boolean\n path?: Path\n arrayValue?: Array<unknown>\n containerMode?: ContainerMode\n containerRef?: React.RefObject<HTMLDivElement>\n elementRef?: React.RefObject<HTMLDivElement>\n switchContainerMode?: (mode: ContainerMode) => void\n handleChange?: (path: Path, value: unknown) => void\n handleRemove?: ({ keepItems }?: { keepItems?: boolean }) => void\n handlePush?: (value: unknown) => void\n restoreOriginalValue?: (value: unknown) => void\n fulfillRemove?: () => void\n}\n\nconst IterateItemContext = React.createContext<\n IterateItemContextState | undefined\n>(undefined)\n\nexport default IterateItemContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAsBzB,MAAMG,kBAAkB,GAAGC,cAAK,CAACC,aAAa,CAE5CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,kBAAkB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
10
  var _components = require("../../../../components");
11
- var _IterateElementContext = _interopRequireDefault(require("../IterateElementContext"));
11
+ var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
12
12
  var _hooks = require("../../hooks");
13
13
  var _types = require("../../types");
14
14
  var _icons = require("../../../../icons");
@@ -20,10 +20,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
20
20
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
21
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
22
22
  function PushButton(props) {
23
- const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
23
+ const iterateItemContext = (0, _react.useContext)(_IterateItemContext.default);
24
24
  const {
25
25
  handlePush
26
- } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
26
+ } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
27
27
  const {
28
28
  pushValue,
29
29
  className
@@ -1 +1 @@
1
- {"version":3,"file":"PushButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_types","_icons","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PushButton","props","iterateElementContext","useContext","IterateElementContext","handlePush","pushValue","className","restProps","buttonProps","omitDataValueReadWriteProps","value","handleChange","children","useFieldProps","undefined","Array","isArray","Error","handleClick","useCallback","newValue","createElement","Button","classnames","variant","icon","add","icon_position","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\nimport { add } from '../../../../icons'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]> & {\n pushValue: unknown | ((value: unknown) => void)\n }\n\nfunction PushButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handlePush } = iterateElementContext ?? {}\n\n const { pushValue, className, ...restProps } = props\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { value, handleChange, children } = useFieldProps(restProps)\n\n if (value !== undefined && !Array.isArray(value)) {\n throw new Error('PushButton received a non-array value')\n }\n\n const handleClick = useCallback(() => {\n const newValue =\n typeof pushValue === 'function' ? pushValue(value) : pushValue\n\n if (handlePush) {\n // Inside an Iterate element - make the change through the Iterate component\n handlePush(newValue)\n return // stop here\n }\n\n // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n handleChange([...(value ?? []), newValue])\n }, [value, pushValue, handlePush, handleChange])\n\n return (\n <Button\n className={classnames('dnb-forms-iterate-push-button', className)}\n variant=\"secondary\"\n icon={add}\n icon_position=\"left\"\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":"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"}
1
+ {"version":3,"file":"PushButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_hooks","_types","_icons","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PushButton","props","iterateItemContext","useContext","IterateItemContext","handlePush","pushValue","className","restProps","buttonProps","omitDataValueReadWriteProps","value","handleChange","children","useFieldProps","undefined","Array","isArray","Error","handleClick","useCallback","newValue","createElement","Button","classnames","variant","icon","add","icon_position","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateItemContext from '../IterateItemContext'\nimport { useFieldProps } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\nimport { add } from '../../../../icons'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]> & {\n pushValue: unknown | ((value: unknown) => void)\n }\n\nfunction PushButton(props: Props) {\n const iterateItemContext = useContext(IterateItemContext)\n const { handlePush } = iterateItemContext ?? {}\n\n const { pushValue, className, ...restProps } = props\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { value, handleChange, children } = useFieldProps(restProps)\n\n if (value !== undefined && !Array.isArray(value)) {\n throw new Error('PushButton received a non-array value')\n }\n\n const handleClick = useCallback(() => {\n const newValue =\n typeof pushValue === 'function' ? pushValue(value) : pushValue\n\n if (handlePush) {\n // Inside an Iterate element - make the change through the Iterate component\n handlePush(newValue)\n return // stop here\n }\n\n // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n handleChange([...(value ?? []), newValue])\n }, [value, pushValue, handlePush, handleChange])\n\n return (\n <Button\n className={classnames('dnb-forms-iterate-push-button', className)}\n variant=\"secondary\"\n icon={add}\n icon_position=\"left\"\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":"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"}
@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.PushButtonProperties = exports.PushButtonEvents = void 0;
7
7
  const PushButtonProperties = {
8
+ path: {
9
+ doc: 'The path to the array to add the new item to.',
10
+ type: 'string',
11
+ status: 'required'
12
+ },
8
13
  pushValue: {
9
14
  doc: 'The element to add to the array when the button is clicked. Can be a function to returns the push value.',
10
15
  type: 'unknown',
@@ -1 +1 @@
1
- {"version":3,"file":"PushButtonDocs.js","names":["PushButtonProperties","pushValue","doc","type","status","exports","PushButtonEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PushButtonProperties: PropertiesTableProps = {\n pushValue: {\n doc: 'The element to add to the array when the button is clicked. Can be a function to returns the push value.',\n type: 'unknown',\n status: 'optional',\n },\n '[Button](/uilib/components/button/properties)': {\n doc: 'All button properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n\nexport const PushButtonEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,SAAS,EAAE;IACTC,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAC,OAAA,CAAAL,oBAAA,GAAAA,oBAAA;AAEM,MAAMM,gBAAsC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}
1
+ {"version":3,"file":"PushButtonDocs.js","names":["PushButtonProperties","path","doc","type","status","pushValue","exports","PushButtonEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PushButtonProperties: PropertiesTableProps = {\n path: {\n doc: 'The path to the array to add the new item to.',\n type: 'string',\n status: 'required',\n },\n pushValue: {\n doc: 'The element to add to the array when the button is clicked. Can be a function to returns the push value.',\n type: 'unknown',\n status: 'optional',\n },\n '[Button](/uilib/components/button/properties)': {\n doc: 'All button properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n\nexport const PushButtonEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,oBAAA,GAAAA,oBAAA;AAEM,MAAMO,gBAAsC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}
@@ -0,0 +1,4 @@
1
+ import { ButtonProps } from '../../../../components/Button';
2
+ type Props = ButtonProps;
3
+ declare function OpenButton(props: Props): import("react/jsx-runtime").JSX.Element;
4
+ export default OpenButton;