@coveord/plasma-mantine 55.7.2-next.2 → 55.7.2-next.21

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 (381) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +58 -56
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/accordion/Accordion.d.ts +13 -0
  5. package/dist/cjs/components/accordion/Accordion.d.ts.map +1 -0
  6. package/dist/cjs/components/accordion/Accordion.js +29 -0
  7. package/dist/cjs/components/accordion/Accordion.js.map +1 -0
  8. package/dist/cjs/components/accordion/Accordion.module.css +3 -0
  9. package/dist/cjs/components/accordion/index.d.ts +2 -0
  10. package/dist/cjs/components/accordion/index.d.ts.map +1 -0
  11. package/dist/cjs/components/accordion/index.js +13 -0
  12. package/dist/cjs/components/accordion/index.js.map +1 -0
  13. package/dist/cjs/components/action-icon/ActionIcon.d.ts +41 -0
  14. package/dist/cjs/components/action-icon/ActionIcon.d.ts.map +1 -1
  15. package/dist/cjs/components/action-icon/ActionIcon.js +49 -0
  16. package/dist/cjs/components/action-icon/ActionIcon.js.map +1 -1
  17. package/dist/cjs/components/alert/Alert.d.ts +14 -0
  18. package/dist/cjs/components/alert/Alert.d.ts.map +1 -1
  19. package/dist/cjs/components/alert/Alert.js +55 -17
  20. package/dist/cjs/components/alert/Alert.js.map +1 -1
  21. package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map +1 -1
  22. package/dist/cjs/components/button/Button.d.ts +41 -5
  23. package/dist/cjs/components/button/Button.d.ts.map +1 -1
  24. package/dist/cjs/components/button/Button.js +36 -24
  25. package/dist/cjs/components/button/Button.js.map +1 -1
  26. package/dist/cjs/components/button/ButtonWithDisabledTooltip.d.ts +1 -1
  27. package/dist/cjs/components/child-form/ChildForm.module.css +2 -2
  28. package/dist/cjs/components/code-editor/CodeEditor.d.ts +2 -0
  29. package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
  30. package/dist/cjs/components/code-editor/CodeEditor.js +37 -15
  31. package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
  32. package/dist/cjs/components/code-editor/CodeEditor.module.css +1 -1
  33. package/dist/cjs/components/code-editor/search/Search.d.ts +2 -1
  34. package/dist/cjs/components/code-editor/search/Search.d.ts.map +1 -1
  35. package/dist/cjs/components/code-editor/search/Search.js +5 -6
  36. package/dist/cjs/components/code-editor/search/Search.js.map +1 -1
  37. package/dist/cjs/components/collection/Collection.d.ts +1 -1
  38. package/dist/cjs/components/collection/Collection.d.ts.map +1 -1
  39. package/dist/cjs/components/collection/Collection.js +11 -19
  40. package/dist/cjs/components/collection/Collection.js.map +1 -1
  41. package/dist/cjs/components/collection/CollectionItem.d.ts.map +1 -1
  42. package/dist/cjs/components/collection/CollectionItem.js +5 -4
  43. package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
  44. package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
  45. package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts +16 -4
  46. package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
  47. package/dist/cjs/components/copyToClipboard/CopyToClipboard.js +22 -13
  48. package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
  49. package/dist/cjs/components/date-range-picker/DateRange.module.css +2 -2
  50. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
  51. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -5
  52. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  53. package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
  54. package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
  55. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
  56. package/dist/cjs/components/header/Header.d.ts +14 -6
  57. package/dist/cjs/components/header/Header.d.ts.map +1 -1
  58. package/dist/cjs/components/header/Header.js +9 -6
  59. package/dist/cjs/components/header/Header.js.map +1 -1
  60. package/dist/cjs/components/header/Header.module.css +1 -10
  61. package/dist/cjs/components/header/HeaderRight/HeaderRight.d.ts +19 -0
  62. package/dist/cjs/components/header/HeaderRight/HeaderRight.d.ts.map +1 -0
  63. package/dist/cjs/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js} +6 -6
  64. package/dist/cjs/components/header/HeaderRight/HeaderRight.js.map +1 -0
  65. package/dist/cjs/components/index.d.ts +2 -0
  66. package/dist/cjs/components/index.d.ts.map +1 -1
  67. package/dist/cjs/components/index.js +2 -0
  68. package/dist/cjs/components/index.js.map +1 -1
  69. package/dist/cjs/components/info-token/InfoToken.d.ts +30 -0
  70. package/dist/cjs/components/info-token/InfoToken.d.ts.map +1 -0
  71. package/dist/cjs/components/info-token/InfoToken.js +121 -0
  72. package/dist/cjs/components/info-token/InfoToken.js.map +1 -0
  73. package/dist/cjs/components/info-token/InfoToken.module.css +8 -0
  74. package/dist/cjs/components/info-token/index.d.ts +2 -0
  75. package/dist/cjs/components/info-token/index.d.ts.map +1 -0
  76. package/dist/cjs/components/info-token/index.js +8 -0
  77. package/dist/cjs/components/info-token/index.js.map +1 -0
  78. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -2
  79. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +2 -4
  80. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  81. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +32 -0
  82. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
  83. package/dist/cjs/components/modal/Modal.module.css +1 -1
  84. package/dist/cjs/components/prompt/Prompt.d.ts +1 -1
  85. package/dist/cjs/components/prompt/Prompt.d.ts.map +1 -1
  86. package/dist/cjs/components/prompt/Prompt.js +14 -4
  87. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  88. package/dist/cjs/components/prompt/PromptCancelButton.d.ts.map +1 -1
  89. package/dist/cjs/components/prompt/PromptCancelButton.js +3 -3
  90. package/dist/cjs/components/prompt/PromptCancelButton.js.map +1 -1
  91. package/dist/cjs/components/prompt/PromptConfirmButton.d.ts.map +1 -1
  92. package/dist/cjs/components/prompt/PromptConfirmButton.js +7 -8
  93. package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
  94. package/dist/cjs/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  95. package/dist/cjs/components/table/Table.module.css +4 -4
  96. package/dist/cjs/components/table/Table.types.d.ts +2 -2
  97. package/dist/cjs/components/table/Table.types.d.ts.map +1 -1
  98. package/dist/cjs/components/table/layouts/TableLayoutControl.js +1 -1
  99. package/dist/cjs/components/table/layouts/TableLayoutControl.js.map +1 -1
  100. package/dist/cjs/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
  101. package/dist/cjs/components/table/layouts/row-layout/RowLayout.js +2 -2
  102. package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
  103. package/dist/cjs/components/table/layouts/row-layout/RowLayout.module.css +11 -17
  104. package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -1
  105. package/dist/cjs/components/table/table-actions/TableActionItem.js +2 -3
  106. package/dist/cjs/components/table/table-actions/TableActionItem.js.map +1 -1
  107. package/dist/cjs/components/table/table-actions/TableActionsList.d.ts.map +1 -1
  108. package/dist/cjs/components/table/table-actions/TableActionsList.js +4 -4
  109. package/dist/cjs/components/table/table-actions/TableActionsList.js.map +1 -1
  110. package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js +7 -6
  111. package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
  112. package/dist/cjs/components/table/table-filter/TableFilter.d.ts.map +1 -1
  113. package/dist/cjs/components/table/table-filter/TableFilter.js +7 -7
  114. package/dist/cjs/components/table/table-filter/TableFilter.js.map +1 -1
  115. package/dist/cjs/components/table/table-header/TableHeader.d.ts.map +1 -1
  116. package/dist/cjs/components/table/table-header/TableHeader.js +1 -2
  117. package/dist/cjs/components/table/table-header/TableHeader.js.map +1 -1
  118. package/dist/cjs/components/table/use-table.d.ts.map +1 -1
  119. package/dist/cjs/components/table/use-url-synced-state.d.ts.map +1 -1
  120. package/dist/cjs/hooks/useClickWithLoading.d.ts.map +1 -1
  121. package/dist/cjs/hooks/useControlledList.d.ts.map +1 -1
  122. package/dist/cjs/index.d.ts +1 -1
  123. package/dist/cjs/index.d.ts.map +1 -1
  124. package/dist/cjs/index.js +3 -0
  125. package/dist/cjs/index.js.map +1 -1
  126. package/dist/cjs/styles/ActionIcon.module.css +7 -0
  127. package/dist/cjs/styles/Alert.module.css +11 -0
  128. package/dist/cjs/styles/Breadcrumbs.module.css +10 -0
  129. package/dist/cjs/styles/Button.module.css +8 -0
  130. package/dist/cjs/styles/Checkbox.module.css +7 -1
  131. package/dist/cjs/styles/CheckboxIndicator.module.css +5 -0
  132. package/dist/cjs/styles/Input.module.css +19 -0
  133. package/dist/cjs/styles/InputWrapper.module.css +12 -2
  134. package/dist/cjs/styles/NavLink.module.css +1 -1
  135. package/dist/cjs/styles/Pagination.module.css +5 -0
  136. package/dist/cjs/styles/Radio.module.css +6 -0
  137. package/dist/cjs/styles/ReadOnlyInput.module.css +6 -2
  138. package/dist/cjs/styles/SegmentedControl.module.css +1 -1
  139. package/dist/cjs/styles/Tabs.module.css +4 -0
  140. package/dist/cjs/styles/Text.module.css +1 -1
  141. package/dist/cjs/theme/PlasmaColors.d.ts +12 -12
  142. package/dist/cjs/theme/PlasmaColors.js +144 -144
  143. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  144. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  145. package/dist/cjs/theme/Theme.js +55 -10
  146. package/dist/cjs/theme/Theme.js.map +1 -1
  147. package/dist/cjs/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
  148. package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  149. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +13 -1
  150. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  151. package/dist/cjs/utils/createFactoryComponent.d.ts.map +1 -1
  152. package/dist/cjs/utils/overrideComponent.d.ts.map +1 -1
  153. package/dist/esm/components/accordion/Accordion.d.ts +13 -0
  154. package/dist/esm/components/accordion/Accordion.d.ts.map +1 -0
  155. package/dist/esm/components/accordion/Accordion.js +11 -0
  156. package/dist/esm/components/accordion/Accordion.js.map +1 -0
  157. package/dist/esm/components/accordion/Accordion.module.css +3 -0
  158. package/dist/esm/components/accordion/index.d.ts +2 -0
  159. package/dist/esm/components/accordion/index.d.ts.map +1 -0
  160. package/dist/esm/components/accordion/index.js +3 -0
  161. package/dist/esm/components/accordion/index.js.map +1 -0
  162. package/dist/esm/components/action-icon/ActionIcon.d.ts +41 -0
  163. package/dist/esm/components/action-icon/ActionIcon.d.ts.map +1 -1
  164. package/dist/esm/components/action-icon/ActionIcon.js +45 -0
  165. package/dist/esm/components/action-icon/ActionIcon.js.map +1 -1
  166. package/dist/esm/components/alert/Alert.d.ts +14 -0
  167. package/dist/esm/components/alert/Alert.d.ts.map +1 -1
  168. package/dist/esm/components/alert/Alert.js +45 -17
  169. package/dist/esm/components/alert/Alert.js.map +1 -1
  170. package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map +1 -1
  171. package/dist/esm/components/button/Button.d.ts +41 -5
  172. package/dist/esm/components/button/Button.d.ts.map +1 -1
  173. package/dist/esm/components/button/Button.js +34 -6
  174. package/dist/esm/components/button/Button.js.map +1 -1
  175. package/dist/esm/components/button/ButtonWithDisabledTooltip.d.ts +1 -1
  176. package/dist/esm/components/child-form/ChildForm.module.css +2 -2
  177. package/dist/esm/components/code-editor/CodeEditor.d.ts +2 -0
  178. package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
  179. package/dist/esm/components/code-editor/CodeEditor.js +14 -3
  180. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  181. package/dist/esm/components/code-editor/CodeEditor.module.css +1 -1
  182. package/dist/esm/components/code-editor/search/Search.d.ts +2 -1
  183. package/dist/esm/components/code-editor/search/Search.d.ts.map +1 -1
  184. package/dist/esm/components/code-editor/search/Search.js +6 -7
  185. package/dist/esm/components/code-editor/search/Search.js.map +1 -1
  186. package/dist/esm/components/collection/Collection.d.ts +1 -1
  187. package/dist/esm/components/collection/Collection.d.ts.map +1 -1
  188. package/dist/esm/components/collection/Collection.js +10 -18
  189. package/dist/esm/components/collection/Collection.js.map +1 -1
  190. package/dist/esm/components/collection/CollectionItem.d.ts.map +1 -1
  191. package/dist/esm/components/collection/CollectionItem.js +7 -6
  192. package/dist/esm/components/collection/CollectionItem.js.map +1 -1
  193. package/dist/esm/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
  194. package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts +16 -4
  195. package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
  196. package/dist/esm/components/copyToClipboard/CopyToClipboard.js +14 -12
  197. package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
  198. package/dist/esm/components/date-range-picker/DateRange.module.css +2 -2
  199. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
  200. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -5
  201. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  202. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
  203. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
  204. package/dist/esm/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
  205. package/dist/esm/components/header/Header.d.ts +14 -6
  206. package/dist/esm/components/header/Header.d.ts.map +1 -1
  207. package/dist/esm/components/header/Header.js +8 -5
  208. package/dist/esm/components/header/Header.js.map +1 -1
  209. package/dist/esm/components/header/Header.module.css +1 -10
  210. package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts +19 -0
  211. package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts.map +1 -0
  212. package/dist/esm/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js} +4 -4
  213. package/dist/esm/components/header/HeaderRight/HeaderRight.js.map +1 -0
  214. package/dist/esm/components/index.d.ts +2 -0
  215. package/dist/esm/components/index.d.ts.map +1 -1
  216. package/dist/esm/components/index.js +2 -0
  217. package/dist/esm/components/index.js.map +1 -1
  218. package/dist/esm/components/info-token/InfoToken.d.ts +30 -0
  219. package/dist/esm/components/info-token/InfoToken.d.ts.map +1 -0
  220. package/dist/esm/components/info-token/InfoToken.js +98 -0
  221. package/dist/esm/components/info-token/InfoToken.js.map +1 -0
  222. package/dist/esm/components/info-token/InfoToken.module.css +8 -0
  223. package/dist/esm/components/info-token/index.d.ts +2 -0
  224. package/dist/esm/components/info-token/index.d.ts.map +1 -0
  225. package/dist/esm/components/info-token/index.js +3 -0
  226. package/dist/esm/components/info-token/index.js.map +1 -0
  227. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -2
  228. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js +2 -4
  229. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  230. package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +32 -0
  231. package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
  232. package/dist/esm/components/modal/Modal.module.css +1 -1
  233. package/dist/esm/components/prompt/Prompt.d.ts +1 -1
  234. package/dist/esm/components/prompt/Prompt.d.ts.map +1 -1
  235. package/dist/esm/components/prompt/Prompt.js +12 -5
  236. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  237. package/dist/esm/components/prompt/PromptCancelButton.d.ts.map +1 -1
  238. package/dist/esm/components/prompt/PromptCancelButton.js +3 -3
  239. package/dist/esm/components/prompt/PromptCancelButton.js.map +1 -1
  240. package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map +1 -1
  241. package/dist/esm/components/prompt/PromptConfirmButton.js +7 -8
  242. package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
  243. package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  244. package/dist/esm/components/table/Table.module.css +4 -4
  245. package/dist/esm/components/table/Table.types.d.ts +2 -2
  246. package/dist/esm/components/table/Table.types.d.ts.map +1 -1
  247. package/dist/esm/components/table/Table.types.js.map +1 -1
  248. package/dist/esm/components/table/layouts/TableLayoutControl.js +1 -1
  249. package/dist/esm/components/table/layouts/TableLayoutControl.js.map +1 -1
  250. package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
  251. package/dist/esm/components/table/layouts/row-layout/RowLayout.js +2 -2
  252. package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map +1 -1
  253. package/dist/esm/components/table/layouts/row-layout/RowLayout.module.css +11 -17
  254. package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -1
  255. package/dist/esm/components/table/table-actions/TableActionItem.js +1 -2
  256. package/dist/esm/components/table/table-actions/TableActionItem.js.map +1 -1
  257. package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map +1 -1
  258. package/dist/esm/components/table/table-actions/TableActionsList.js +5 -5
  259. package/dist/esm/components/table/table-actions/TableActionsList.js.map +1 -1
  260. package/dist/esm/components/table/table-column/TableCollapsibleColumn.js +8 -7
  261. package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
  262. package/dist/esm/components/table/table-filter/TableFilter.d.ts.map +1 -1
  263. package/dist/esm/components/table/table-filter/TableFilter.js +9 -9
  264. package/dist/esm/components/table/table-filter/TableFilter.js.map +1 -1
  265. package/dist/esm/components/table/table-header/TableHeader.d.ts.map +1 -1
  266. package/dist/esm/components/table/table-header/TableHeader.js +1 -2
  267. package/dist/esm/components/table/table-header/TableHeader.js.map +1 -1
  268. package/dist/esm/components/table/use-table.d.ts.map +1 -1
  269. package/dist/esm/components/table/use-url-synced-state.d.ts.map +1 -1
  270. package/dist/esm/hooks/useClickWithLoading.d.ts.map +1 -1
  271. package/dist/esm/hooks/useControlledList.d.ts.map +1 -1
  272. package/dist/esm/index.d.ts +1 -1
  273. package/dist/esm/index.d.ts.map +1 -1
  274. package/dist/esm/index.js +1 -1
  275. package/dist/esm/index.js.map +1 -1
  276. package/dist/esm/styles/ActionIcon.module.css +7 -0
  277. package/dist/esm/styles/Alert.module.css +11 -0
  278. package/dist/esm/styles/Breadcrumbs.module.css +10 -0
  279. package/dist/esm/styles/Button.module.css +8 -0
  280. package/dist/esm/styles/Checkbox.module.css +7 -1
  281. package/dist/esm/styles/CheckboxIndicator.module.css +5 -0
  282. package/dist/esm/styles/Input.module.css +19 -0
  283. package/dist/esm/styles/InputWrapper.module.css +12 -2
  284. package/dist/esm/styles/NavLink.module.css +1 -1
  285. package/dist/esm/styles/Pagination.module.css +5 -0
  286. package/dist/esm/styles/Radio.module.css +6 -0
  287. package/dist/esm/styles/ReadOnlyInput.module.css +6 -2
  288. package/dist/esm/styles/SegmentedControl.module.css +1 -1
  289. package/dist/esm/styles/Tabs.module.css +4 -0
  290. package/dist/esm/styles/Text.module.css +1 -1
  291. package/dist/esm/theme/PlasmaColors.d.ts +12 -12
  292. package/dist/esm/theme/PlasmaColors.js +144 -144
  293. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  294. package/dist/esm/theme/Theme.d.ts.map +1 -1
  295. package/dist/esm/theme/Theme.js +53 -13
  296. package/dist/esm/theme/Theme.js.map +1 -1
  297. package/dist/esm/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
  298. package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  299. package/dist/esm/theme/plasmaCSSVariablesResolver.js +13 -1
  300. package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
  301. package/dist/esm/utils/createFactoryComponent.d.ts.map +1 -1
  302. package/dist/esm/utils/overrideComponent.d.ts.map +1 -1
  303. package/package.json +25 -24
  304. package/src/__tests__/VitestSetup.ts +1 -0
  305. package/src/components/accordion/Accordion.module.css +3 -0
  306. package/src/components/accordion/Accordion.tsx +22 -0
  307. package/src/components/accordion/index.ts +1 -0
  308. package/src/components/action-icon/ActionIcon.tsx +33 -0
  309. package/src/components/alert/Alert.tsx +47 -5
  310. package/src/components/button/Button.tsx +32 -6
  311. package/src/components/child-form/ChildForm.module.css +2 -2
  312. package/src/components/code-editor/CodeEditor.module.css +1 -1
  313. package/src/components/code-editor/CodeEditor.tsx +19 -5
  314. package/src/components/code-editor/__tests__/CodeEditor.spec.tsx +16 -0
  315. package/src/components/code-editor/search/Search.tsx +8 -7
  316. package/src/components/collection/Collection.tsx +10 -18
  317. package/src/components/collection/CollectionItem.tsx +6 -5
  318. package/src/components/copyToClipboard/CopyToClipboard.tsx +34 -13
  319. package/src/components/date-range-picker/DateRange.module.css +2 -2
  320. package/src/components/date-range-picker/DateRangePickerInlineCalendar.tsx +2 -6
  321. package/src/components/header/Header.module.css +1 -10
  322. package/src/components/header/Header.tsx +20 -9
  323. package/src/components/header/{HeaderActions/HeaderActions.tsx → HeaderRight/HeaderRight.tsx} +10 -10
  324. package/src/components/header/__tests__/Header.spec.tsx +16 -1
  325. package/src/components/index.ts +2 -0
  326. package/src/components/info-token/InfoToken.module.css +8 -0
  327. package/src/components/info-token/InfoToken.tsx +147 -0
  328. package/src/components/info-token/index.ts +1 -0
  329. package/src/components/inline-confirm/InlineConfirmPrompt.tsx +4 -4
  330. package/src/components/modal/Modal.module.css +1 -1
  331. package/src/components/prompt/Prompt.tsx +20 -3
  332. package/src/components/prompt/PromptCancelButton.tsx +3 -10
  333. package/src/components/prompt/PromptConfirmButton.tsx +14 -10
  334. package/src/components/prompt/__tests__/Prompt.spec.tsx +1 -0
  335. package/src/components/table/Table.module.css +4 -4
  336. package/src/components/table/Table.types.ts +2 -2
  337. package/src/components/table/__tests__/TableFilter.spec.tsx +1 -1
  338. package/src/components/table/layouts/TableLayoutControl.tsx +1 -1
  339. package/src/components/table/layouts/__tests__/RowLayout.spec.tsx +7 -7
  340. package/src/components/table/layouts/row-layout/RowLayout.module.css +11 -17
  341. package/src/components/table/layouts/row-layout/RowLayout.tsx +2 -2
  342. package/src/components/table/table-actions/TableActionItem.tsx +2 -3
  343. package/src/components/table/table-actions/TableActionsList.tsx +7 -9
  344. package/src/components/table/table-column/TableCollapsibleColumn.tsx +5 -6
  345. package/src/components/table/table-filter/TableFilter.tsx +7 -6
  346. package/src/components/table/table-header/TableHeader.tsx +2 -3
  347. package/src/index.ts +1 -0
  348. package/src/styles/ActionIcon.module.css +7 -0
  349. package/src/styles/Alert.module.css +11 -0
  350. package/src/styles/Breadcrumbs.module.css +10 -0
  351. package/src/styles/Button.module.css +8 -0
  352. package/src/styles/Checkbox.module.css +7 -1
  353. package/src/styles/CheckboxIndicator.module.css +5 -0
  354. package/src/styles/Input.module.css +19 -0
  355. package/src/styles/InputWrapper.module.css +12 -2
  356. package/src/styles/NavLink.module.css +1 -1
  357. package/src/styles/Pagination.module.css +5 -0
  358. package/src/styles/Radio.module.css +6 -0
  359. package/src/styles/ReadOnlyInput.module.css +6 -2
  360. package/src/styles/SegmentedControl.module.css +1 -1
  361. package/src/styles/Tabs.module.css +4 -0
  362. package/src/styles/Text.module.css +1 -1
  363. package/src/theme/PlasmaColors.ts +144 -144
  364. package/src/theme/Theme.tsx +49 -9
  365. package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +12 -30
  366. package/src/theme/plasmaCSSVariablesResolver.ts +13 -0
  367. package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts +0 -19
  368. package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts.map +0 -1
  369. package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map +0 -1
  370. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts +0 -16
  371. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +0 -1
  372. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js +0 -24
  373. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map +0 -1
  374. package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts +0 -19
  375. package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts.map +0 -1
  376. package/dist/esm/components/header/HeaderActions/HeaderActions.js.map +0 -1
  377. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts +0 -16
  378. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +0 -1
  379. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js +0 -14
  380. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js.map +0 -1
  381. package/src/components/table/layouts/row-layout/RowLayoutIcon.tsx +0 -22
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../button';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /**\n * Initial selected range\n */\n initialRange: DateRangePickerValue;\n /**\n * Function called when the user applies the new date range\n *\n * @param range the newly selected dates\n */\n onApply: (range: DateRangePickerValue) => void;\n /**\n * Function called when the user click on the cancel button\n */\n onCancel: () => void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n /**\n * Props for RangeCalendar displayed in the popover\n */\n rangeCalendarProps?: Omit<\n DatePickerBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DateRangePickerValue =>\n Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: Date): Date => (value ? dayjs(value).endOf('day').toDate() : value);\n\nexport const DateRangePickerInlineCalendar = ({\n initialRange,\n onApply,\n onCancel,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n const form = useForm({\n initialValues: {\n dates: initialRange,\n },\n });\n const calendarInputProps = form.getInputProps('dates');\n\n const onCalendarChange = (range: Date | Date[] | DateRangePickerValue): void => {\n const normalized = isDateRangePickerValue(range) && range[1] ? [range[0], endOfDay(range[1])] : range;\n calendarInputProps.onChange(normalized);\n };\n\n const onCalendarApply = () => {\n // In case the user only clicked the start date, but not the end date,\n // assume a single day was meant to be selected.\n if (!form.values.dates[1]) {\n form.values.dates[1] = endOfDay(form.values.dates[0]);\n }\n onApply(form.values.dates);\n };\n\n return (\n <>\n <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n <EditableDateRangePicker\n value={calendarInputProps.value}\n {...calendarInputProps}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect\n value={calendarInputProps.value}\n presets={presets}\n {...calendarInputProps}\n selectProps={{comboboxProps: {withinPortal: false}}}\n />\n </>\n ) : null}\n </Group>\n\n <Center py=\"sm\" px=\"md\">\n <DatePicker\n numberOfColumns={2}\n columnsToScroll={1}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n firstDayOfWeek={0}\n allowSingleDateInRange\n {...rangeCalendarProps}\n {...calendarInputProps}\n onChange={onCalendarChange}\n />\n </Center>\n\n <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n <Button variant=\"outline\" size=\"xs\" onClick={onCancel}>\n Cancel\n </Button>\n <Button size=\"xs\" onClick={onCalendarApply}>\n Apply\n </Button>\n </Group>\n </>\n );\n};\n"],"names":["DateRangePickerInlineCalendar","isDateRangePickerValue","value","Array","isArray","length","endOfDay","dayjs","endOf","toDate","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarChange","range","normalized","onChange","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","columnsToScroll","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","variant","size","onClick"],"mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;oBApDsB;qBACW;oBACxB;8DAEJ;sBACG;2EACQ;2CACoC;uCACG;AAuCpE,IAAMC,yBAAyB,SAACC;WAC5BC,MAAMC,OAAO,CAACF,UAAUA,MAAMG,MAAM,KAAK;;AAE7C,IAAMC,WAAW,SAACJ;WAAuBA,QAAQK,IAAAA,cAAK,EAACL,OAAOM,KAAK,CAAC,OAAOC,MAAM,KAAKP;;AAE/E,IAAMF,gCAAgC;QACzCU,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOC,IAAAA,aAAO,EAAC;QACjBC,eAAe;YACXC,OAAOV;QACX;IACJ;IACA,IAAMW,qBAAqBJ,KAAKK,aAAa,CAAC;IAE9C,IAAMC,mBAAmB,SAACC;QACtB,IAAMC,aAAaxB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,GAAG;YAACA,KAAK,CAAC,EAAE;YAAElB,SAASkB,KAAK,CAAC,EAAE;SAAE,GAAGA;QAChGH,mBAAmBK,QAAQ,CAACD;IAChC;IAEA,IAAME,kBAAkB;QACpB,sEAAsE;QACtE,gDAAgD;QAChD,IAAI,CAACV,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,EAAE;YACvBH,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,GAAGd,SAASW,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE;QACxD;QACAT,QAAQM,KAAKW,MAAM,CAACR,KAAK;IAC7B;IAEA,qBACI;;0BACI,sBAACS,WAAK;gBAACC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACC,MAAM;;kCAClF,qBAACC,gDAAuB;wBACpBpC,OAAOmB,mBAAmBnB,KAAK;uBAC3BmB;wBACJP,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,qBAAC0B,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCACxBvC,OAAOmB,mBAAmBnB,KAAK;gCAC/BW,SAASA;+BACLQ;gCACJqB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAGR,qBAACC,YAAM;gBAACX,IAAG;gBAAKD,IAAG;0BACf,cAAA,qBAACa,iBAAU;oBACPC,iBAAiB;oBACjBC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;mBAClBtC,oBACAK;oBACJK,UAAUH;;;0BAIlB,sBAACM,WAAK;gBAAC0B,SAAQ;gBAAQxB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACoB,IAAI;;kCAC5E,qBAACC,cAAM;wBAACC,SAAQ;wBAAUC,MAAK;wBAAKC,SAAShD;kCAAU;;kCAGvD,qBAAC6C,cAAM;wBAACE,MAAK;wBAAKC,SAASjC;kCAAiB;;;;;;AAM5D"}
1
+ {"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../button';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /**\n * Initial selected range\n */\n initialRange: DateRangePickerValue;\n /**\n * Function called when the user applies the new date range\n *\n * @param range the newly selected dates\n */\n onApply: (range: DateRangePickerValue) => void;\n /**\n * Function called when the user click on the cancel button\n */\n onCancel: () => void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n /**\n * Props for RangeCalendar displayed in the popover\n */\n rangeCalendarProps?: Omit<\n DatePickerBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DateRangePickerValue =>\n Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: Date): Date => (value ? dayjs(value).endOf('day').toDate() : value);\n\nexport const DateRangePickerInlineCalendar = ({\n initialRange,\n onApply,\n onCancel,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n const form = useForm({\n initialValues: {\n dates: initialRange,\n },\n });\n const calendarInputProps = form.getInputProps('dates');\n\n const onCalendarChange = (range: Date | Date[] | DateRangePickerValue): void => {\n const normalized = isDateRangePickerValue(range) && range[1] ? [range[0], endOfDay(range[1])] : range;\n calendarInputProps.onChange(normalized);\n };\n\n const onCalendarApply = () => {\n // In case the user only clicked the start date, but not the end date,\n // assume a single day was meant to be selected.\n if (!form.values.dates[1]) {\n form.values.dates[1] = endOfDay(form.values.dates[0]);\n }\n onApply(form.values.dates);\n };\n\n return (\n <>\n <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n <EditableDateRangePicker\n value={calendarInputProps.value}\n {...calendarInputProps}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect\n value={calendarInputProps.value}\n presets={presets}\n {...calendarInputProps}\n selectProps={{comboboxProps: {withinPortal: false}}}\n />\n </>\n ) : null}\n </Group>\n\n <Center py=\"sm\" px=\"md\">\n <DatePicker\n numberOfColumns={2}\n columnsToScroll={1}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n firstDayOfWeek={0}\n allowSingleDateInRange\n {...rangeCalendarProps}\n {...calendarInputProps}\n onChange={onCalendarChange}\n />\n </Center>\n\n <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n <Button.Tertiary onClick={onCancel}>Cancel</Button.Tertiary>\n <Button.Primary onClick={onCalendarApply}>Apply</Button.Primary>\n </Group>\n </>\n );\n};\n"],"names":["DateRangePickerInlineCalendar","isDateRangePickerValue","value","Array","isArray","length","endOfDay","dayjs","endOf","toDate","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarChange","range","normalized","onChange","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","columnsToScroll","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","Tertiary","onClick","Primary"],"mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;oBApDsB;qBACW;oBACxB;8DAEJ;sBACG;2EACQ;2CACoC;uCACG;AAuCpE,IAAMC,yBAAyB,SAACC;WAC5BC,MAAMC,OAAO,CAACF,UAAUA,MAAMG,MAAM,KAAK;;AAE7C,IAAMC,WAAW,SAACJ;WAAuBA,QAAQK,IAAAA,cAAK,EAACL,OAAOM,KAAK,CAAC,OAAOC,MAAM,KAAKP;;AAE/E,IAAMF,gCAAgC;QACzCU,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOC,IAAAA,aAAO,EAAC;QACjBC,eAAe;YACXC,OAAOV;QACX;IACJ;IACA,IAAMW,qBAAqBJ,KAAKK,aAAa,CAAC;IAE9C,IAAMC,mBAAmB,SAACC;QACtB,IAAMC,aAAaxB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,GAAG;YAACA,KAAK,CAAC,EAAE;YAAElB,SAASkB,KAAK,CAAC,EAAE;SAAE,GAAGA;QAChGH,mBAAmBK,QAAQ,CAACD;IAChC;IAEA,IAAME,kBAAkB;QACpB,sEAAsE;QACtE,gDAAgD;QAChD,IAAI,CAACV,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,EAAE;YACvBH,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,GAAGd,SAASW,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE;QACxD;QACAT,QAAQM,KAAKW,MAAM,CAACR,KAAK;IAC7B;IAEA,qBACI;;0BACI,sBAACS,WAAK;gBAACC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACC,MAAM;;kCAClF,qBAACC,gDAAuB;wBACpBpC,OAAOmB,mBAAmBnB,KAAK;uBAC3BmB;wBACJP,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,qBAAC0B,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCACxBvC,OAAOmB,mBAAmBnB,KAAK;gCAC/BW,SAASA;+BACLQ;gCACJqB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAGR,qBAACC,YAAM;gBAACX,IAAG;gBAAKD,IAAG;0BACf,cAAA,qBAACa,iBAAU;oBACPC,iBAAiB;oBACjBC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;mBAClBtC,oBACAK;oBACJK,UAAUH;;;0BAIlB,sBAACM,WAAK;gBAAC0B,SAAQ;gBAAQxB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACoB,IAAI;;kCAC5E,qBAACC,cAAM,CAACC,QAAQ;wBAACC,SAAS/C;kCAAU;;kCACpC,qBAAC6C,cAAM,CAACG,OAAO;wBAACD,SAAShC;kCAAiB;;;;;;AAI1D"}
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,0FAQxC,mCAAmC,4CAuDrC,CAAC"}
1
+ {"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,GAAI,uFAQ5C,mCAAmC,4CAuDrC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,+CAKrC,iCAAiC,4CAwCnC,CAAC"}
1
+ {"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,GAAI,4CAKzC,iCAAiC,4CAwCnC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,wDAMjC,4BAA4B,4CA8B9B,CAAC"}
1
+ {"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC"}
@@ -1,14 +1,14 @@
1
1
  import { Factory, GroupProps, StylesApiProps } from '@mantine/core';
2
2
  import { ReactNode } from 'react';
3
- import { HeaderActions, HeaderActionsStyleNames } from './HeaderActions/HeaderActions';
3
+ import { HeaderRight, HeaderRightStyleNames } from './HeaderRight/HeaderRight';
4
4
  import { HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
5
5
  import { HeaderDocAnchor, HeaderDocAnchorStyleNames } from './HeaderDocAnchor/HeaderDocAnchor';
6
- export type { HeaderActionsProps } from './HeaderActions/HeaderActions';
6
+ export type { HeaderRightProps } from './HeaderRight/HeaderRight';
7
7
  export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
8
8
  export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor';
9
9
  export type HeaderVariant = 'primary' | 'secondary';
10
- export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderActionsStyleNames;
11
- export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {
10
+ export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderRightStyleNames;
11
+ export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {
12
12
  /**
13
13
  * The description text displayed inside the header underneath the title
14
14
  */
@@ -35,8 +35,12 @@ export type HeaderFactory = Factory<{
35
35
  stylesNames: HeaderStyleNames;
36
36
  staticComponents: {
37
37
  Breadcrumbs: typeof HeaderBreadcrumbs;
38
- Actions: typeof HeaderActions;
38
+ Right: typeof HeaderRight;
39
39
  DocAnchor: typeof HeaderDocAnchor;
40
+ /**
41
+ * @deprecated use Header.Right instead
42
+ */
43
+ Actions: typeof HeaderRight;
40
44
  };
41
45
  }>;
42
46
  export declare const Header: import("@mantine/core").MantineComponent<{
@@ -46,8 +50,12 @@ export declare const Header: import("@mantine/core").MantineComponent<{
46
50
  stylesNames: HeaderStyleNames;
47
51
  staticComponents: {
48
52
  Breadcrumbs: typeof HeaderBreadcrumbs;
49
- Actions: typeof HeaderActions;
53
+ Right: typeof HeaderRight;
50
54
  DocAnchor: typeof HeaderDocAnchor;
55
+ /**
56
+ * @deprecated use Header.Right instead
57
+ */
58
+ Actions: typeof HeaderRight;
51
59
  };
52
60
  }>;
53
61
  //# sourceMappingURL=Header.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,aAAa,EAAE,uBAAuB,EAAC,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,yBAAyB,GACzB,2BAA2B,GAC3B,uBAAuB,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WAjBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAkEH,CAAC"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC;;WAEG;QACH,OAAO,EAAE,OAAO,WAAW,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC;;WAEG;QACH,OAAO,EAAE,OAAO,WAAW,CAAC;KAC/B;EAkEH,CAAC"}
@@ -17,7 +17,7 @@ var _core = require("@mantine/core");
17
17
  var _react = require("react");
18
18
  var _Headercontext = require("./Header.context");
19
19
  var _Headermodulecss = /*#__PURE__*/ _interop_require_default._(require("./Header.module.css"));
20
- var _HeaderActions = require("./HeaderActions/HeaderActions");
20
+ var _HeaderRight = require("./HeaderRight/HeaderRight");
21
21
  var _HeaderBreadcrumbs = require("./HeaderBreadcrumbs/HeaderBreadcrumbs");
22
22
  var _HeaderDocAnchor = require("./HeaderDocAnchor/HeaderDocAnchor");
23
23
  var defaultProps = {
@@ -58,14 +58,14 @@ var Header = (0, _core.factory)(function(_props, ref) {
58
58
  var breadcrumbs = convertedChildren.find(function(child) {
59
59
  return child.type === _HeaderBreadcrumbs.HeaderBreadcrumbs;
60
60
  });
61
- var actions = convertedChildren.find(function(child) {
62
- return child.type === _HeaderActions.HeaderActions;
61
+ var right = convertedChildren.find(function(child) {
62
+ return child.type === _HeaderRight.HeaderRight;
63
63
  });
64
64
  var docAnchor = convertedChildren.find(function(child) {
65
65
  return child.type === _HeaderDocAnchor.HeaderDocAnchor;
66
66
  });
67
67
  var otherChildren = convertedChildren.filter(function(child) {
68
- return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !== _HeaderActions.HeaderActions && child.type !== _HeaderDocAnchor.HeaderDocAnchor;
68
+ return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !== _HeaderRight.HeaderRight && child.type !== _HeaderDocAnchor.HeaderDocAnchor;
69
69
  });
70
70
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Headercontext.HeaderProvider, {
71
71
  value: {
@@ -96,7 +96,7 @@ var Header = (0, _core.factory)(function(_props, ref) {
96
96
  }))
97
97
  ]
98
98
  }),
99
- actions
99
+ right
100
100
  ]
101
101
  })),
102
102
  borderBottom ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, _object_spread_props._(_object_spread._({}, getStyles('divider', stylesApiProps)), {
@@ -106,7 +106,10 @@ var Header = (0, _core.factory)(function(_props, ref) {
106
106
  });
107
107
  });
108
108
  Header.Breadcrumbs = _HeaderBreadcrumbs.HeaderBreadcrumbs;
109
- Header.Actions = _HeaderActions.HeaderActions;
109
+ Header.Right = _HeaderRight.HeaderRight;
110
110
  Header.DocAnchor = _HeaderDocAnchor.HeaderDocAnchor;
111
+ /**
112
+ * @deprecated use Header.Right instead
113
+ */ Header.Actions = _HeaderRight.HeaderRight;
111
114
 
112
115
  //# sourceMappingURL=Header.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderActions, HeaderActionsStyleNames} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderActionsProps} from './HeaderActions/HeaderActions';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderActionsStyleNames;\n\nexport interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the primary variant for page header and secondary variant elsewhere\n *\n * @default 'primary'\n */\n variant?: 'primary' | 'secondary';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n props: HeaderProps;\n ref: HTMLDivElement;\n variant: HeaderVariant;\n stylesNames: HeaderStyleNames;\n staticComponents: {\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Actions: typeof HeaderActions;\n DocAnchor: typeof HeaderDocAnchor;\n };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'primary',\n justify: 'space-between',\n wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n const props = useProps('PlasmaHeader', defaultProps, _props);\n const {\n className,\n description,\n borderBottom,\n variant,\n children,\n style,\n classNames,\n unstyled,\n vars,\n styles,\n ...others\n } = props;\n const getStyles = useStyles<HeaderFactory>({\n name: 'PlasmaHeader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const actions = convertedChildren.find((child) => child.type === HeaderActions);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n );\n return (\n <HeaderProvider value={{getStyles}}>\n <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n <Stack gap={0}>\n {breadcrumbs}\n <Title\n variant={variant}\n order={variant === 'primary' ? 1 : 3}\n {...getStyles('title', stylesApiProps)}\n >\n {otherChildren}\n {docAnchor}\n </Title>\n <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {actions}\n </Group>\n {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n </HeaderProvider>\n );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","order","Text","size","Divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;+BAyEaA;;;eAAAA;;;;;;;;oBA7DN;qBACyC;6BACnB;wEACT;6BACiC;iCACQ;+BACJ;AAiDzD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEO,IAAMJ,SAASK,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBR,cAAcK;IACrD,IACII,YAWAF,MAXAE,WACAC,cAUAH,MAVAG,aACAC,eASAJ,MATAI,cACAV,UAQAM,MARAN,SACAW,WAOAL,MAPAK,UACAC,QAMAN,MANAM,OACAC,aAKAP,MALAO,YACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,SAEAV,MAFAU,QACGC,sCACHX;QAXAE;QACAC;QACAC;QACAV;QACAW;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNd,OAAAA;QACAe,SAAAA,wBAAO;QACPb,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMO,iBAAiB;QAACT,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMO,oBAAoBC,eAAQ,CAACC,OAAO,CAACd;IAC3C,IAAMe,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,UAAUR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,4BAAa;;IAC9E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,4BAAa,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAEjH,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAAClC,KAAKA;gBAAKL,SAASA;eAAakB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAK;;4BACPf;0CACD,sBAACgB,WAAK;gCACF1C,SAASA;gCACT2C,OAAO3C,YAAY,YAAY,IAAI;+BAC/BkB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACW,UAAI,8CAAK1B,UAAU,eAAeI;gCAAiBuB,MAAM7C,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRsB;;;YAEJrB,6BAAe,qBAACoC,aAAO,8CAAK5B,UAAU,WAAWI;gBAAiBuB,MAAK;kBAAU;;;AAG9F;AAEA/C,OAAOiD,WAAW,GAAGjB,oCAAiB;AACtChC,OAAOkD,OAAO,GAAGhB,4BAAa;AAC9BlC,OAAOmD,SAAS,GAAGf,gCAAe"}
1
+ {"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | 'body'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderRightStyleNames;\n\nexport interface HeaderProps\n extends StylesApiProps<HeaderFactory>,\n Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the primary variant for page header and secondary variant elsewhere\n *\n * @default 'primary'\n */\n variant?: 'primary' | 'secondary';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n props: HeaderProps;\n ref: HTMLDivElement;\n variant: HeaderVariant;\n stylesNames: HeaderStyleNames;\n staticComponents: {\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Right: typeof HeaderRight;\n DocAnchor: typeof HeaderDocAnchor;\n /**\n * @deprecated use Header.Right instead\n */\n Actions: typeof HeaderRight;\n };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'primary',\n justify: 'space-between',\n wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n const props = useProps('PlasmaHeader', defaultProps, _props);\n const {\n className,\n description,\n borderBottom,\n variant,\n children,\n style,\n classNames,\n unstyled,\n vars,\n styles,\n ...others\n } = props;\n const getStyles = useStyles<HeaderFactory>({\n name: 'PlasmaHeader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const right = convertedChildren.find((child) => child.type === HeaderRight);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n );\n return (\n <HeaderProvider value={{getStyles}}>\n <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n <Stack gap={0}>\n {breadcrumbs}\n <Title\n variant={variant}\n order={variant === 'primary' ? 1 : 3}\n {...getStyles('title', stylesApiProps)}\n >\n {otherChildren}\n {docAnchor}\n </Title>\n <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {right}\n </Group>\n {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n </HeaderProvider>\n );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n/**\n * @deprecated use Header.Right instead\n */\nHeader.Actions = HeaderRight;\n"],"names":["Header","defaultProps","variant","justify","wrap","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","order","Text","size","Divider","Breadcrumbs","Right","DocAnchor","Actions"],"mappings":";;;;+BAgFaA;;;eAAAA;;;;;;;;oBApEN;qBACyC;6BACnB;wEACT;2BAC6B;iCACY;+BACJ;AAwDzD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEO,IAAMJ,SAASK,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBR,cAAcK;IACrD,IACII,YAWAF,MAXAE,WACAC,cAUAH,MAVAG,aACAC,eASAJ,MATAI,cACAV,UAQAM,MARAN,SACAW,WAOAL,MAPAK,UACAC,QAMAN,MANAM,OACAC,aAKAP,MALAO,YACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,SAEAV,MAFAU,QACGC,sCACHX;QAXAE;QACAC;QACAC;QACAV;QACAW;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNd,OAAAA;QACAe,SAAAA,wBAAO;QACPb,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMO,iBAAiB;QAACT,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMO,oBAAoBC,eAAQ,CAACC,OAAO,CAACd;IAC3C,IAAMe,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAAClC,KAAKA;gBAAKL,SAASA;eAAakB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAK;;4BACPf;0CACD,sBAACgB,WAAK;gCACF1C,SAASA;gCACT2C,OAAO3C,YAAY,YAAY,IAAI;+BAC/BkB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACW,UAAI,8CAAK1B,UAAU,eAAeI;gCAAiBuB,MAAM7C,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRsB;;;YAEJrB,6BAAe,qBAACoC,aAAO,8CAAK5B,UAAU,WAAWI;gBAAiBuB,MAAK;kBAAU;;;AAG9F;AAEA/C,OAAOiD,WAAW,GAAGjB,oCAAiB;AACtChC,OAAOkD,KAAK,GAAGhB,wBAAW;AAC1BlC,OAAOmD,SAAS,GAAGf,gCAAe;AAClC;;CAEC,GACDpC,OAAOoD,OAAO,GAAGlB,wBAAW"}
@@ -6,7 +6,7 @@
6
6
 
7
7
  & .description {
8
8
  color: var(--mantine-color-dimmed);
9
- font-weight: 300;
9
+ font-weight: 400;
10
10
  }
11
11
  }
12
12
 
@@ -19,12 +19,3 @@
19
19
  margin-left: var(--mantine-spacing-xs);
20
20
  vertical-align: middle;
21
21
  }
22
-
23
- .breadcrumbs {
24
- font-size: var(--mantine-font-size-sm);
25
- font-weight: 300;
26
- }
27
-
28
- .breadcrumbsSeparator {
29
- color: var(--mantine-color-dimmed);
30
- }
@@ -0,0 +1,19 @@
1
+ import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
2
+ import { ReactNode } from 'react';
3
+ export type HeaderRightStyleNames = 'right';
4
+ export interface HeaderRightProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderRightFactory> {
5
+ children: ReactNode;
6
+ }
7
+ export type HeaderRightFactory = Factory<{
8
+ props: HeaderRightProps;
9
+ ref: HTMLDivElement;
10
+ stylesNames: HeaderRightStyleNames;
11
+ compound: true;
12
+ }>;
13
+ export declare const HeaderRight: import("@mantine/core").MantineComponent<{
14
+ props: HeaderRightProps;
15
+ ref: HTMLDivElement;
16
+ stylesNames: HeaderRightStyleNames;
17
+ compound: true;
18
+ }>;
19
+ //# sourceMappingURL=HeaderRight.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HeaderRight.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,kBAAkB,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;IACnC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,qBAAqB;cACxB,IAAI;EAsBhB,CAAC"}
@@ -2,10 +2,10 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "HeaderActions", {
5
+ Object.defineProperty(exports, "HeaderRight", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return HeaderActions;
8
+ return HeaderRight;
9
9
  }
10
10
  });
11
11
  var _object_spread = require("@swc/helpers/_/_object_spread");
@@ -17,8 +17,8 @@ var _Headercontext = require("../Header.context");
17
17
  var defaultProps = {
18
18
  gap: 'sm'
19
19
  };
20
- var HeaderActions = (0, _core.factory)(function(_props, ref) {
21
- var props = (0, _core.useProps)('HeaderActions', defaultProps, _props);
20
+ var HeaderRight = (0, _core.factory)(function(_props, ref) {
21
+ var props = (0, _core.useProps)('HeaderRight', defaultProps, _props);
22
22
  var gap = props.gap, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, vars = props.vars, others = _object_without_properties._(props, [
23
23
  "gap",
24
24
  "className",
@@ -32,7 +32,7 @@ var HeaderActions = (0, _core.factory)(function(_props, ref) {
32
32
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
33
33
  ref: ref,
34
34
  gap: gap
35
- }, ctx.getStyles('actions', {
35
+ }, ctx.getStyles('right', {
36
36
  className: className,
37
37
  style: style,
38
38
  classNames: classNames,
@@ -43,4 +43,4 @@ var HeaderActions = (0, _core.factory)(function(_props, ref) {
43
43
  }));
44
44
  });
45
45
 
46
- //# sourceMappingURL=HeaderActions.js.map
46
+ //# sourceMappingURL=HeaderRight.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderRightFactory> {\n children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n props: HeaderRightProps;\n ref: HTMLDivElement;\n stylesNames: HeaderRightStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n const props = useProps('HeaderRight', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderRight","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,QAAQC;IAC5D,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,eAAeN,cAAcG;IACpD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,SAAS;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACnEQ;kBAEHF;;AAGb"}
@@ -1,3 +1,4 @@
1
+ export * from './accordion';
1
2
  export * from './action-icon';
2
3
  export * from './alert';
3
4
  export * from './badge';
@@ -10,6 +11,7 @@ export * from './copyToClipboard';
10
11
  export * from './date-range-picker';
11
12
  export * from './ellipsis-text';
12
13
  export * from './header';
14
+ export * from './info-token';
13
15
  export * from './inline-confirm';
14
16
  export * from './menu';
15
17
  export * from './modal';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  var _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./accordion"), exports);
6
7
  _export_star._(require("./action-icon"), exports);
7
8
  _export_star._(require("./alert"), exports);
8
9
  _export_star._(require("./badge"), exports);
@@ -15,6 +16,7 @@ _export_star._(require("./copyToClipboard"), exports);
15
16
  _export_star._(require("./date-range-picker"), exports);
16
17
  _export_star._(require("./ellipsis-text"), exports);
17
18
  _export_star._(require("./header"), exports);
19
+ _export_star._(require("./info-token"), exports);
18
20
  _export_star._(require("./inline-confirm"), exports);
19
21
  _export_star._(require("./menu"), exports);
20
22
  _export_star._(require("./modal"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './accordion';\nexport * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './info-token';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
@@ -0,0 +1,30 @@
1
+ import { BoxProps, Factory, MantineSize, polymorphicFactory, StylesApiProps } from '@mantine/core';
2
+ export type InfoTokenFactory = Factory<{
3
+ props: InfoTokenProps;
4
+ defaultRef: HTMLDivElement;
5
+ defaultComponent: 'div';
6
+ stylesNames: InfoTokenComponentStylesNames;
7
+ vars: InfoTokenCssVariables;
8
+ variant: InfoTokenVariant;
9
+ }>;
10
+ export type InfoTokenComponentStylesNames = 'root';
11
+ export type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';
12
+ export type InfoTokenCssVariables = {
13
+ root: '--info-token-color';
14
+ };
15
+ export interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
16
+ /**
17
+ * The variant of the token.
18
+ *
19
+ * @default 'information'
20
+ */
21
+ variant?: InfoTokenVariant;
22
+ /**
23
+ * The size of the info token.
24
+ *
25
+ * @default 'sm'
26
+ */
27
+ size?: MantineSize;
28
+ }
29
+ export declare const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>>;
30
+ //# sourceMappingURL=InfoToken.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/InfoToken.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEH,QAAQ,EAER,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,cAAc,EAGjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3F,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAgED,eAAO,MAAM,SAAS,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,gBAAgB,CAAC,CAkC7E,CAAC"}
@@ -0,0 +1,121 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "InfoToken", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return InfoToken;
9
+ }
10
+ });
11
+ var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
+ var _object_spread = require("@swc/helpers/_/_object_spread");
13
+ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
14
+ var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
15
+ var _jsxruntime = require("react/jsx-runtime");
16
+ var _plasmareacticons = require("@coveord/plasma-react-icons");
17
+ var _core = require("@mantine/core");
18
+ var _InfoTokenmodulecss = /*#__PURE__*/ _interop_require_default._(require("./InfoToken.module.css"));
19
+ var defaultProps = {
20
+ variant: 'information',
21
+ size: 'xs'
22
+ };
23
+ var colorResolver = function(variant) {
24
+ switch(variant){
25
+ case 'error':
26
+ return 'var(--mantine-color-error)';
27
+ case 'advice':
28
+ return 'var(--mantine-primary-color-filled)';
29
+ case 'question':
30
+ return 'var(--mantine-primary-color-filled)';
31
+ case 'warning':
32
+ return 'var(--mantine-color-yellow-filled)';
33
+ case 'information':
34
+ default:
35
+ return 'var(--mantine-color-gray-filled)';
36
+ }
37
+ };
38
+ var sizeResolver = function(size) {
39
+ if (typeof size === 'number') {
40
+ return size;
41
+ }
42
+ switch(size){
43
+ case 'sm':
44
+ return 20;
45
+ case 'md':
46
+ return 24;
47
+ case 'lg':
48
+ return 32;
49
+ case 'xl':
50
+ return 40;
51
+ case 'xs':
52
+ default:
53
+ return 16;
54
+ }
55
+ };
56
+ var iconResolver = function(variant) {
57
+ switch(variant){
58
+ case 'error':
59
+ return _plasmareacticons.IconAlertSquareFilled;
60
+ case 'information':
61
+ return _plasmareacticons.IconInfoCircleFilled;
62
+ case 'question':
63
+ return _plasmareacticons.IconHelpCircle;
64
+ case 'warning':
65
+ return _plasmareacticons.IconAlertTriangleFilled;
66
+ case 'advice':
67
+ default:
68
+ return _plasmareacticons.IconBulbFilled;
69
+ }
70
+ };
71
+ var varsResolver = (0, _core.createVarsResolver)(function(_theme, param) {
72
+ var variant = param.variant;
73
+ var color = colorResolver(variant);
74
+ return {
75
+ root: {
76
+ '--info-token-color': color
77
+ }
78
+ };
79
+ });
80
+ var InfoToken = (0, _core.polymorphicFactory)(function(_props, ref) {
81
+ var props = (0, _core.useProps)('InfoToken', defaultProps, _props);
82
+ var variant = props.variant, vars = props.vars, className = props.className, style = props.style, unstyled = props.unstyled, styles = props.styles, classNames = props.classNames, size = props.size, others = _object_without_properties._(props, [
83
+ "variant",
84
+ "vars",
85
+ "className",
86
+ "style",
87
+ "unstyled",
88
+ "styles",
89
+ "classNames",
90
+ "size"
91
+ ]);
92
+ var getStyles = (0, _core.useStyles)({
93
+ name: 'InfoToken',
94
+ classes: _InfoTokenmodulecss.default,
95
+ className: className,
96
+ props: props,
97
+ style: style,
98
+ styles: styles,
99
+ unstyled: unstyled,
100
+ vars: vars,
101
+ varsResolver: varsResolver
102
+ });
103
+ var IconComponent = iconResolver(variant);
104
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
105
+ ref: ref,
106
+ variant: variant,
107
+ role: "img",
108
+ size: size
109
+ }, getStyles('root', {
110
+ className: className,
111
+ style: style,
112
+ styles: styles,
113
+ classNames: classNames
114
+ }), others), {
115
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(IconComponent, {
116
+ size: sizeResolver(size)
117
+ })
118
+ }));
119
+ });
120
+
121
+ //# sourceMappingURL=InfoToken.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/info-token/InfoToken.tsx"],"sourcesContent":["import {\n IconAlertSquareFilled,\n IconAlertTriangleFilled,\n IconBulbFilled,\n IconHelpCircle,\n IconInfoCircleFilled,\n TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n Factory,\n MantineSize,\n polymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n props: InfoTokenProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: InfoTokenComponentStylesNames;\n vars: InfoTokenCssVariables;\n variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';\nexport type InfoTokenCssVariables = {\n root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n /**\n * The variant of the token.\n *\n * @default 'information'\n */\n variant?: InfoTokenVariant;\n /**\n * The size of the info token.\n *\n * @default 'sm'\n */\n size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n switch (variant) {\n case 'error':\n return 'var(--mantine-color-error)';\n case 'advice':\n return 'var(--mantine-primary-color-filled)';\n case 'question':\n return 'var(--mantine-primary-color-filled)';\n case 'warning':\n return 'var(--mantine-color-yellow-filled)';\n case 'information':\n default:\n return 'var(--mantine-color-gray-filled)';\n }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n if (typeof size === 'number') {\n return size;\n }\n switch (size) {\n case 'sm':\n return 20;\n case 'md':\n return 24;\n case 'lg':\n return 32;\n case 'xl':\n return 40;\n case 'xs':\n default:\n return 16;\n }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n switch (variant) {\n case 'error':\n return IconAlertSquareFilled;\n case 'information':\n return IconInfoCircleFilled;\n case 'question':\n return IconHelpCircle;\n case 'warning':\n return IconAlertTriangleFilled;\n case 'advice':\n default:\n return IconBulbFilled;\n }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n const color = colorResolver(variant);\n return {\n root: {\n '--info-token-color': color,\n },\n };\n});\n\nexport const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>> = polymorphicFactory<InfoTokenFactory>(\n (_props, ref) => {\n const props = useProps('InfoToken', defaultProps, _props);\n const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n const getStyles = useStyles<InfoTokenFactory>({\n name: 'InfoToken',\n classes,\n className,\n props,\n style,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const IconComponent = iconResolver(variant);\n return (\n <Box\n ref={ref}\n variant={variant}\n role=\"img\"\n size={size}\n {...getStyles('root', {\n className,\n style,\n styles,\n classNames,\n })}\n {...others}\n >\n <IconComponent size={sizeResolver(size)} />\n </Box>\n );\n },\n);\n"],"names":["InfoToken","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","IconAlertSquareFilled","IconInfoCircleFilled","IconHelpCircle","IconAlertTriangleFilled","IconBulbFilled","varsResolver","createVarsResolver","_theme","color","root","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role"],"mappings":";;;;+BAgHaA;;;eAAAA;;;;;;;;gCAzGN;oBAWA;2EACa;AA+BpB,IAAMC,eAAwC;IAACC,SAAS;IAAeC,MAAM;AAAI;AAEjF,IAAMC,gBAAgB,SAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,SAACF;IAClB,IAAI,OAAOA,SAAS,UAAU;QAC1B,OAAOA;IACX;IACA,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,SAACJ;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOK,uCAAqB;QAChC,KAAK;YACD,OAAOC,sCAAoB;QAC/B,KAAK;YACD,OAAOC,gCAAc;QACzB,KAAK;YACD,OAAOC,yCAAuB;QAClC,KAAK;QACL;YACI,OAAOC,gCAAc;IAC7B;AACJ;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAmB,SAACC;QAASZ,gBAAAA;IAChE,IAAMa,QAAQX,cAAcF;IAC5B,OAAO;QACHc,MAAM;YACF,sBAAsBD;QAC1B;IACJ;AACJ;AAEO,IAAMf,YAAqEiB,IAAAA,wBAAkB,EAChG,SAACC,QAAQC;IACL,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,aAAapB,cAAciB;IAClD,IAAOhB,UAAkFkB,MAAlFlB,SAASoB,OAAyEF,MAAzEE,MAAMC,YAAmEH,MAAnEG,WAAWC,QAAwDJ,MAAxDI,OAAOC,WAAiDL,MAAjDK,UAAUC,SAAuCN,MAAvCM,QAAQC,aAA+BP,MAA/BO,YAAYxB,OAAmBiB,MAAnBjB,MAASyB,sCAAUR;QAAlFlB;QAASoB;QAAMC;QAAWC;QAAOC;QAAUC;QAAQC;QAAYxB;;IACtE,IAAM0B,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,WAAAA;QACAH,OAAAA;QACAI,OAAAA;QACAE,QAAAA;QACAD,UAAAA;QACAH,MAAAA;QACAV,cAAAA;IACJ;IACA,IAAMqB,gBAAgB3B,aAAaJ;IACnC,qBACI,qBAACgC,SAAG;QACAf,KAAKA;QACLjB,SAASA;QACTiC,MAAK;QACLhC,MAAMA;OACF0B,UAAU,QAAQ;QAClBN,WAAAA;QACAC,OAAAA;QACAE,QAAAA;QACAC,YAAAA;IACJ,IACIC;kBAEJ,cAAA,qBAACK;YAAc9B,MAAME,aAAaF;;;AAG9C"}
@@ -0,0 +1,8 @@
1
+ .root {
2
+ --info-token-color: var(--mantine-color-primary);
3
+
4
+ display: inline-flex;
5
+ flex-shrink: 0;
6
+ align-items: center;
7
+ color: var(--info-token-color);
8
+ }
@@ -0,0 +1,2 @@
1
+ export * from './InfoToken';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ var _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./InfoToken"), exports);
7
+
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/info-token/index.ts"],"sourcesContent":["export * from './InfoToken';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -11,13 +11,13 @@ interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineC
11
11
  /**
12
12
  * Confirm button element
13
13
  *
14
- * @default <Button color="red">Delete</Button>
14
+ * @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>
15
15
  */
16
16
  confirm?: ReactElement;
17
17
  /**
18
18
  * Cancel button element
19
19
  *
20
- * @default <Button variant="outline">Cancel</Button>
20
+ * @default <Button.Tertiary>Cancel</Button.Tertiary>
21
21
  */
22
22
  cancel?: ReactElement;
23
23
  /**
@@ -18,12 +18,10 @@ var _Button = require("../button/Button");
18
18
  var _InlineConfirmContext = require("./InlineConfirmContext");
19
19
  var defaultProps = {
20
20
  label: 'Are you sure?',
21
- confirm: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
22
- color: "red",
21
+ confirm: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.DestructivePrimary, {
23
22
  children: "Delete"
24
23
  }),
25
- cancel: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
26
- variant: "outline",
24
+ cancel: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Tertiary, {
27
25
  children: "Cancel"
28
26
  }),
29
27
  gap: 'xs',
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button color=\"red\">Delete</Button>\n */\n confirm?: ReactElement;\n /**\n * Cancel button element\n *\n * @default <Button variant=\"outline\">Cancel</Button>\n */\n cancel?: ReactElement;\n /**\n * Function called when the confirm button is clicked\n */\n onConfirm?(): void;\n\n /**\n * Function called when the cancel button is clicked\n */\n onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n props: InlineConfirmPromptProps;\n ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n label: 'Are you sure?',\n confirm: <Button color=\"red\">Delete</Button>,\n cancel: <Button variant=\"outline\">Cancel</Button>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) || !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== inlineConfirmId) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === inlineConfirmId) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["InlineConfirmPrompt","defaultProps","label","confirm","Button","color","cancel","variant","gap","wrap","factory","props","ref","useProps","inlineConfirmId","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;oBAlD0D;qBACR;sBAC1C;oCAGU;AAqC/B,IAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,qBAACC,cAAM;QAACC,OAAM;kBAAM;;IAC7BC,sBAAQ,qBAACF,cAAM;QAACG,SAAQ;kBAAU;;IAClCC,KAAK;IACLC,MAAM;AACV;AAEO,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,OAAOC;IAC3E,IAAkFC,YAAAA,IAAAA,cAAQ,EACtF,uBACAZ,cACAU,QAHGG,kBAA2ED,UAA3EC,iBAAiBZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA3EC;QAAiBZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK3D,IAAqCE,oBAAAA,IAAAA,sCAAgB,KAA9CC,eAA8BD,kBAA9BC,cAAcC,eAAgBF,kBAAhBE;IAErB,IAAI,CAACC,IAAAA,eAAS,EAACf,WAAW,CAACe,IAAAA,eAAS,EAAClB,UAAU;QAC3C,MAAM,IAAImB,MACN;IAER;IACA,IAAMC,yBAAWC,IAAAA,mBAAY,EAAClB,QAAQ;QAClCmB,SAAS;gBACLnB,uBAAAA;aAAAA,wBAAAA,CAAAA,gBAAAA,OAAOK,KAAK,EAACc,OAAO,cAApBnB,4CAAAA,2BAAAA;YACAU,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAS;QACpCsB,SAAS;gBACLtB,wBAAAA;aAAAA,yBAAAA,CAAAA,iBAAAA,QAAQQ,KAAK,EAACc,OAAO,cAArBtB,6CAAAA,4BAAAA;YACAY,sBAAAA,gCAAAA;YACAK;QACJ;IACJ;IAEAO,IAAAA,gBAAS,EAAC;QACN,IAAIR,iBAAiBL,iBAAiB;YAClCM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,iBAAiB;QAClC,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>\n */\n confirm?: ReactElement;\n /**\n * Cancel button element\n *\n * @default <Button.Tertiary>Cancel</Button.Tertiary>\n */\n cancel?: ReactElement;\n /**\n * Function called when the confirm button is clicked\n */\n onConfirm?(): void;\n\n /**\n * Function called when the cancel button is clicked\n */\n onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n props: InlineConfirmPromptProps;\n ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n label: 'Are you sure?',\n confirm: <Button.DestructivePrimary>Delete</Button.DestructivePrimary>,\n cancel: <Button.Tertiary>Cancel</Button.Tertiary>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) || !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== inlineConfirmId) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === inlineConfirmId) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["InlineConfirmPrompt","defaultProps","label","confirm","Button","DestructivePrimary","cancel","Tertiary","gap","wrap","factory","props","ref","useProps","inlineConfirmId","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;oBAlD0D;qBACR;sBAC1C;oCAGU;AAqC/B,IAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,qBAACC,cAAM,CAACC,kBAAkB;kBAAC;;IACpCC,sBAAQ,qBAACF,cAAM,CAACG,QAAQ;kBAAC;;IACzBC,KAAK;IACLC,MAAM;AACV;AAEO,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,OAAOC;IAC3E,IAAkFC,YAAAA,IAAAA,cAAQ,EACtF,uBACAZ,cACAU,QAHGG,kBAA2ED,UAA3EC,iBAAiBZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA3EC;QAAiBZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK3D,IAAqCE,oBAAAA,IAAAA,sCAAgB,KAA9CC,eAA8BD,kBAA9BC,cAAcC,eAAgBF,kBAAhBE;IAErB,IAAI,CAACC,IAAAA,eAAS,EAACf,WAAW,CAACe,IAAAA,eAAS,EAAClB,UAAU;QAC3C,MAAM,IAAImB,MACN;IAER;IACA,IAAMC,yBAAWC,IAAAA,mBAAY,EAAClB,QAAQ;QAClCmB,SAAS;gBACLnB,uBAAAA;aAAAA,wBAAAA,CAAAA,gBAAAA,OAAOK,KAAK,EAACc,OAAO,cAApBnB,4CAAAA,2BAAAA;YACAU,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAS;QACpCsB,SAAS;gBACLtB,wBAAAA;aAAAA,yBAAAA,CAAAA,iBAAAA,QAAQQ,KAAK,EAACc,OAAO,cAArBtB,6CAAAA,4BAAAA;YACAY,sBAAAA,gCAAAA;YACAK;QACJ;IACJ;IAEAO,IAAAA,gBAAS,EAAC;QACN,IAAIR,iBAAiBL,iBAAiB;YAClCM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,iBAAiB;QAClC,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}