@coveord/plasma-mantine 53.0.1 → 53.1.2

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 (256) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +34 -34
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/action-icon/ActionIcon.js +1 -1
  5. package/dist/cjs/components/action-icon/ActionIcon.js.map +1 -1
  6. package/dist/cjs/components/action-icon/index.js.map +1 -1
  7. package/dist/cjs/components/blank-slate/BlankSlate.js +1 -1
  8. package/dist/cjs/components/blank-slate/BlankSlate.js.map +1 -1
  9. package/dist/cjs/components/blank-slate/index.js.map +1 -1
  10. package/dist/cjs/components/browser-preview/BrowserPreview.js.map +1 -1
  11. package/dist/cjs/components/browser-preview/index.js.map +1 -1
  12. package/dist/cjs/components/button/Button.js +3 -3
  13. package/dist/cjs/components/button/Button.js.map +1 -1
  14. package/dist/cjs/components/button/ButtonWithDisabledTooltip.js +3 -3
  15. package/dist/cjs/components/button/ButtonWithDisabledTooltip.js.map +1 -1
  16. package/dist/cjs/components/button/index.js.map +1 -1
  17. package/dist/cjs/components/code-editor/CodeEditor.js +14 -17
  18. package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
  19. package/dist/cjs/components/code-editor/index.js.map +1 -1
  20. package/dist/cjs/components/code-editor/languages/xml.js +5 -5
  21. package/dist/cjs/components/code-editor/languages/xml.js.map +1 -1
  22. package/dist/cjs/components/code-editor/search/Search.js +2 -2
  23. package/dist/cjs/components/code-editor/search/Search.js.map +1 -1
  24. package/dist/cjs/components/code-editor/search/index.js.map +1 -1
  25. package/dist/cjs/components/collection/Collection.js +16 -22
  26. package/dist/cjs/components/collection/Collection.js.map +1 -1
  27. package/dist/cjs/components/collection/CollectionContext.js +1 -1
  28. package/dist/cjs/components/collection/CollectionContext.js.map +1 -1
  29. package/dist/cjs/components/collection/CollectionItem.js +5 -5
  30. package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
  31. package/dist/cjs/components/collection/enhanceWithCollectionProps.js.map +1 -1
  32. package/dist/cjs/components/collection/index.js.map +1 -1
  33. package/dist/cjs/components/copyToClipboard/CopyToClipboard.js +4 -5
  34. package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
  35. package/dist/cjs/components/copyToClipboard/index.js.map +1 -1
  36. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -2
  37. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  38. package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js +2 -3
  39. package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
  40. package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js +1 -2
  41. package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
  42. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js +10 -13
  43. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  44. package/dist/cjs/components/date-range-picker/index.js.map +1 -1
  45. package/dist/cjs/components/header/Header.context.js +1 -1
  46. package/dist/cjs/components/header/Header.context.js.map +1 -1
  47. package/dist/cjs/components/header/Header.js +11 -11
  48. package/dist/cjs/components/header/Header.js.map +1 -1
  49. package/dist/cjs/components/header/HeaderActions/HeaderActions.js +3 -3
  50. package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map +1 -1
  51. package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js +2 -2
  52. package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
  53. package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.js +4 -4
  54. package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
  55. package/dist/cjs/components/header/index.js.map +1 -1
  56. package/dist/cjs/components/index.js.map +1 -1
  57. package/dist/cjs/components/inline-confirm/InlineConfirm.js +1 -1
  58. package/dist/cjs/components/inline-confirm/InlineConfirm.js.map +1 -1
  59. package/dist/cjs/components/inline-confirm/InlineConfirmContext.js +1 -1
  60. package/dist/cjs/components/inline-confirm/InlineConfirmContext.js.map +1 -1
  61. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +9 -9
  62. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  63. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js +1 -2
  64. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js.map +1 -1
  65. package/dist/cjs/components/inline-confirm/index.js.map +1 -1
  66. package/dist/cjs/components/menu/Menu.js +3 -3
  67. package/dist/cjs/components/menu/Menu.js.map +1 -1
  68. package/dist/cjs/components/menu/index.js.map +1 -1
  69. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  70. package/dist/cjs/components/prompt/PromptFooter.js +2 -2
  71. package/dist/cjs/components/prompt/PromptFooter.js.map +1 -1
  72. package/dist/cjs/components/prompt/index.js.map +1 -1
  73. package/dist/cjs/components/sticky-footer/StickyFooter.d.ts +8 -1
  74. package/dist/cjs/components/sticky-footer/StickyFooter.d.ts.map +1 -1
  75. package/dist/cjs/components/sticky-footer/StickyFooter.js +5 -5
  76. package/dist/cjs/components/sticky-footer/StickyFooter.js.map +1 -1
  77. package/dist/cjs/components/sticky-footer/StickyFooter.module.css +9 -0
  78. package/dist/cjs/components/sticky-footer/index.js.map +1 -1
  79. package/dist/cjs/components/table/Table.js +18 -21
  80. package/dist/cjs/components/table/Table.js.map +1 -1
  81. package/dist/cjs/components/table/Table.types.js.map +1 -1
  82. package/dist/cjs/components/table/TableContext.js +5 -5
  83. package/dist/cjs/components/table/TableContext.js.map +1 -1
  84. package/dist/cjs/components/table/index.js.map +1 -1
  85. package/dist/cjs/components/table/layouts/TableLayoutControl.js +1 -1
  86. package/dist/cjs/components/table/layouts/TableLayoutControl.js.map +1 -1
  87. package/dist/cjs/components/table/layouts/TableLayouts.js.map +1 -1
  88. package/dist/cjs/components/table/layouts/row-layout/RowLayout.js +3 -3
  89. package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
  90. package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js +10 -12
  91. package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
  92. package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.js +1 -1
  93. package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.js.map +1 -1
  94. package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js +2 -2
  95. package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
  96. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js +2 -2
  97. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
  98. package/dist/cjs/components/table/table-actions/TableActions.js +3 -3
  99. package/dist/cjs/components/table/table-actions/TableActions.js.map +1 -1
  100. package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js +8 -9
  101. package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
  102. package/dist/cjs/components/table/table-column/TableSelectableColumn.js +4 -4
  103. package/dist/cjs/components/table/table-column/TableSelectableColumn.js.map +1 -1
  104. package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.js +10 -11
  105. package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.js.map +1 -1
  106. package/dist/cjs/components/table/table-consumer/TableConsumer.js.map +1 -1
  107. package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js +5 -5
  108. package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
  109. package/dist/cjs/components/table/table-filter/TableFilter.js +6 -6
  110. package/dist/cjs/components/table/table-filter/TableFilter.js.map +1 -1
  111. package/dist/cjs/components/table/table-footer/TableFooter.js +2 -2
  112. package/dist/cjs/components/table/table-footer/TableFooter.js.map +1 -1
  113. package/dist/cjs/components/table/table-header/TableHeader.js +6 -6
  114. package/dist/cjs/components/table/table-header/TableHeader.js.map +1 -1
  115. package/dist/cjs/components/table/table-header/Th.js +7 -7
  116. package/dist/cjs/components/table/table-header/Th.js.map +1 -1
  117. package/dist/cjs/components/table/table-last-updated/TableLastUpdated.js +5 -5
  118. package/dist/cjs/components/table/table-last-updated/TableLastUpdated.js.map +1 -1
  119. package/dist/cjs/components/table/table-loading/TableLoading.js.map +1 -1
  120. package/dist/cjs/components/table/table-pagination/TablePagination.js +9 -10
  121. package/dist/cjs/components/table/table-pagination/TablePagination.js.map +1 -1
  122. package/dist/cjs/components/table/table-pagination/TablePagination.types.js.map +1 -1
  123. package/dist/cjs/components/table/table-per-page/TablePerPage.js +3 -5
  124. package/dist/cjs/components/table/table-per-page/TablePerPage.js.map +1 -1
  125. package/dist/cjs/components/table/table-per-page/TablePerPage.types.js.map +1 -1
  126. package/dist/cjs/components/table/table-predicate/TablePredicate.js +6 -6
  127. package/dist/cjs/components/table/table-predicate/TablePredicate.js.map +1 -1
  128. package/dist/cjs/hooks/index.js.map +1 -1
  129. package/dist/cjs/hooks/useClickWithLoading.js +2 -2
  130. package/dist/cjs/hooks/useClickWithLoading.js.map +1 -1
  131. package/dist/cjs/hooks/useControlledList.js +3 -6
  132. package/dist/cjs/hooks/useControlledList.js.map +1 -1
  133. package/dist/cjs/hooks/useParentHeight.js.map +1 -1
  134. package/dist/cjs/hooks/useRowSelection.js +5 -6
  135. package/dist/cjs/hooks/useRowSelection.js.map +1 -1
  136. package/dist/cjs/index.js +6 -6
  137. package/dist/cjs/index.js.map +1 -1
  138. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  139. package/dist/cjs/theme/Plasmantine.js.map +1 -1
  140. package/dist/cjs/theme/Theme.js +48 -48
  141. package/dist/cjs/theme/Theme.js.map +1 -1
  142. package/dist/cjs/theme/index.js.map +1 -1
  143. package/dist/cjs/theme/mergeCSSVariablesResolvers.js.map +1 -1
  144. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +2 -2
  145. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  146. package/dist/cjs/types/css/index.d.js.map +1 -1
  147. package/dist/cjs/utils/createFactoryComponent.js.map +1 -1
  148. package/dist/cjs/utils/createPolymorphicComponent.js.map +1 -1
  149. package/dist/cjs/utils/index.js.map +1 -1
  150. package/dist/cjs/utils/overrideComponent.js.map +1 -1
  151. package/dist/cjs/vars/Notification.vars.js +3 -3
  152. package/dist/cjs/vars/Notification.vars.js.map +1 -1
  153. package/dist/cjs/vars/Text.vars.js +1 -1
  154. package/dist/cjs/vars/Text.vars.js.map +1 -1
  155. package/dist/esm/components/action-icon/ActionIcon.js.map +1 -1
  156. package/dist/esm/components/action-icon/index.js.map +1 -1
  157. package/dist/esm/components/blank-slate/BlankSlate.js.map +1 -1
  158. package/dist/esm/components/blank-slate/index.js.map +1 -1
  159. package/dist/esm/components/browser-preview/BrowserPreview.js.map +1 -1
  160. package/dist/esm/components/browser-preview/index.js.map +1 -1
  161. package/dist/esm/components/button/Button.js.map +1 -1
  162. package/dist/esm/components/button/ButtonWithDisabledTooltip.js.map +1 -1
  163. package/dist/esm/components/button/index.js.map +1 -1
  164. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  165. package/dist/esm/components/code-editor/index.js.map +1 -1
  166. package/dist/esm/components/code-editor/languages/xml.js.map +1 -1
  167. package/dist/esm/components/code-editor/search/Search.js.map +1 -1
  168. package/dist/esm/components/code-editor/search/index.js.map +1 -1
  169. package/dist/esm/components/collection/Collection.js.map +1 -1
  170. package/dist/esm/components/collection/CollectionContext.js.map +1 -1
  171. package/dist/esm/components/collection/CollectionItem.js.map +1 -1
  172. package/dist/esm/components/collection/enhanceWithCollectionProps.js.map +1 -1
  173. package/dist/esm/components/collection/index.js.map +1 -1
  174. package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
  175. package/dist/esm/components/copyToClipboard/index.js.map +1 -1
  176. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  177. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
  178. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
  179. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  180. package/dist/esm/components/date-range-picker/index.js.map +1 -1
  181. package/dist/esm/components/header/Header.context.js.map +1 -1
  182. package/dist/esm/components/header/Header.js.map +1 -1
  183. package/dist/esm/components/header/HeaderActions/HeaderActions.js.map +1 -1
  184. package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
  185. package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
  186. package/dist/esm/components/header/index.js.map +1 -1
  187. package/dist/esm/components/index.js.map +1 -1
  188. package/dist/esm/components/inline-confirm/InlineConfirm.js.map +1 -1
  189. package/dist/esm/components/inline-confirm/InlineConfirmContext.js.map +1 -1
  190. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  191. package/dist/esm/components/inline-confirm/InlineConfirmTarget.js.map +1 -1
  192. package/dist/esm/components/inline-confirm/index.js.map +1 -1
  193. package/dist/esm/components/menu/Menu.js.map +1 -1
  194. package/dist/esm/components/menu/index.js.map +1 -1
  195. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  196. package/dist/esm/components/prompt/PromptFooter.js.map +1 -1
  197. package/dist/esm/components/prompt/index.js.map +1 -1
  198. package/dist/esm/components/sticky-footer/StickyFooter.d.ts +8 -1
  199. package/dist/esm/components/sticky-footer/StickyFooter.d.ts.map +1 -1
  200. package/dist/esm/components/sticky-footer/StickyFooter.js.map +1 -1
  201. package/dist/esm/components/sticky-footer/StickyFooter.module.css +9 -0
  202. package/dist/esm/components/sticky-footer/index.js.map +1 -1
  203. package/dist/esm/components/table/Table.js.map +1 -1
  204. package/dist/esm/components/table/Table.types.js.map +1 -1
  205. package/dist/esm/components/table/TableContext.js.map +1 -1
  206. package/dist/esm/components/table/index.js.map +1 -1
  207. package/dist/esm/components/table/layouts/TableLayoutControl.js.map +1 -1
  208. package/dist/esm/components/table/layouts/TableLayouts.js.map +1 -1
  209. package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map +1 -1
  210. package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
  211. package/dist/esm/components/table/layouts/row-layout/RowLayoutContext.js.map +1 -1
  212. package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
  213. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
  214. package/dist/esm/components/table/table-actions/TableActions.js.map +1 -1
  215. package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
  216. package/dist/esm/components/table/table-column/TableSelectableColumn.js.map +1 -1
  217. package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.js.map +1 -1
  218. package/dist/esm/components/table/table-consumer/TableConsumer.js.map +1 -1
  219. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
  220. package/dist/esm/components/table/table-filter/TableFilter.js.map +1 -1
  221. package/dist/esm/components/table/table-footer/TableFooter.js.map +1 -1
  222. package/dist/esm/components/table/table-header/TableHeader.js.map +1 -1
  223. package/dist/esm/components/table/table-header/Th.js.map +1 -1
  224. package/dist/esm/components/table/table-last-updated/TableLastUpdated.js.map +1 -1
  225. package/dist/esm/components/table/table-loading/TableLoading.js.map +1 -1
  226. package/dist/esm/components/table/table-pagination/TablePagination.js +1 -1
  227. package/dist/esm/components/table/table-pagination/TablePagination.js.map +1 -1
  228. package/dist/esm/components/table/table-pagination/TablePagination.types.js.map +1 -1
  229. package/dist/esm/components/table/table-per-page/TablePerPage.js.map +1 -1
  230. package/dist/esm/components/table/table-per-page/TablePerPage.types.js.map +1 -1
  231. package/dist/esm/components/table/table-predicate/TablePredicate.js.map +1 -1
  232. package/dist/esm/hooks/index.js.map +1 -1
  233. package/dist/esm/hooks/useClickWithLoading.js.map +1 -1
  234. package/dist/esm/hooks/useControlledList.js.map +1 -1
  235. package/dist/esm/hooks/useParentHeight.js.map +1 -1
  236. package/dist/esm/hooks/useRowSelection.js.map +1 -1
  237. package/dist/esm/index.js.map +1 -1
  238. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  239. package/dist/esm/theme/Plasmantine.js.map +1 -1
  240. package/dist/esm/theme/Theme.js.map +1 -1
  241. package/dist/esm/theme/index.js.map +1 -1
  242. package/dist/esm/theme/mergeCSSVariablesResolvers.js.map +1 -1
  243. package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
  244. package/dist/esm/types/css/index.d.js.map +1 -1
  245. package/dist/esm/utils/createFactoryComponent.js.map +1 -1
  246. package/dist/esm/utils/createPolymorphicComponent.js.map +1 -1
  247. package/dist/esm/utils/index.js.map +1 -1
  248. package/dist/esm/utils/overrideComponent.js.map +1 -1
  249. package/dist/esm/vars/Notification.vars.js.map +1 -1
  250. package/dist/esm/vars/Text.vars.js.map +1 -1
  251. package/package.json +29 -29
  252. package/src/__tests__/VitestSetup.ts +1 -1
  253. package/src/components/sticky-footer/StickyFooter.module.css +9 -0
  254. package/src/components/sticky-footer/StickyFooter.tsx +8 -1
  255. package/src/components/table/__tests__/TablePagination.spec.tsx +22 -0
  256. package/src/components/table/table-pagination/TablePagination.tsx +1 -1
@@ -15,10 +15,10 @@ var _jsxruntime = require("react/jsx-runtime");
15
15
  var _core = require("@mantine/core");
16
16
  var _Headercontext = require("../Header.context");
17
17
  var defaultProps = {
18
- gap: "sm"
18
+ gap: 'sm'
19
19
  };
20
20
  var HeaderActions = (0, _core.factory)(function(_props, ref) {
21
- var props = (0, _core.useProps)("HeaderActions", defaultProps, _props);
21
+ var props = (0, _core.useProps)('HeaderActions', 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('actions', {
36
36
  className: className,
37
37
  style: style,
38
38
  classNames: classNames,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderActionsStyleNames = 'actions';\n\nexport interface HeaderActionsProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderActionsFactory> {\n children: ReactNode;\n}\n\nexport type HeaderActionsFactory = Factory<{\n props: HeaderActionsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderActionsStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n gap: 'sm',\n};\n\nexport const HeaderActions = factory<HeaderActionsFactory>((_props, ref) => {\n const props = useProps('HeaderActions', 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('actions', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderActions","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,eAA4C;IAC9CC,KAAK;AACT;AAEO,IAAMF,gBAAgBG,IAAAA,aAAO,EAAuB,SAACC,QAAQC;IAChE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,iBAAiBN,cAAcG;IACtD,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,WAAW;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACrEQ;kBAEHF;;AAGb"}
1
+ {"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderActionsStyleNames = 'actions';\n\nexport interface HeaderActionsProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderActionsFactory> {\n children: ReactNode;\n}\n\nexport type HeaderActionsFactory = Factory<{\n props: HeaderActionsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderActionsStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n gap: 'sm',\n};\n\nexport const HeaderActions = factory<HeaderActionsFactory>((_props, ref) => {\n const props = useProps('HeaderActions', 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('actions', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderActions","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA4C;IAC9CC,KAAK;AACT;AAEO,IAAMF,gBAAgBG,IAAAA,aAAO,EAAuB,SAACC,QAAQC;IAChE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,iBAAiBN,cAAcG;IACtD,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,WAAW;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACrEQ;kBAEHF;;AAGb"}
@@ -26,14 +26,14 @@ var HeaderBreadcrumbs = (0, _core.factory)(function(props, ref) {
26
26
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Breadcrumbs, _object_spread_props._(_object_spread._({
27
27
  ref: ref,
28
28
  classNames: {
29
- breadcrumb: ctx.getStyles("breadcrumbsRoot", {
29
+ breadcrumb: ctx.getStyles('breadcrumbsRoot', {
30
30
  className: className,
31
31
  classNames: classNames,
32
32
  styles: styles,
33
33
  style: style,
34
34
  props: props
35
35
  }).className,
36
- separator: ctx.getStyles("breadcrumbsSeparator", {
36
+ separator: ctx.getStyles('breadcrumbsSeparator', {
37
37
  classNames: classNames,
38
38
  styles: styles,
39
39
  props: props
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA6DF,MAA7DE,UAAUC,YAAmDH,MAAnDG,WAAWC,aAAwCJ,MAAxCI,YAAYC,SAA4BL,MAA5BK,QAAQC,QAAoBN,MAApBM,OAAUC,sCAAUP;QAA7DE;QAAUC;QAAWC;QAAYC;QAAQC;;IAChD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRT,KAAKA;QACLG,YAAY;YACRO,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACT,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGU,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACR,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACII;kBAEHL;;AAGb"}
1
+ {"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA6DF,MAA7DE,UAAUC,YAAmDH,MAAnDG,WAAWC,aAAwCJ,MAAxCI,YAAYC,SAA4BL,MAA5BK,QAAQC,QAAoBN,MAApBM,OAAUC,sCAAUP;QAA7DE;QAAUC;QAAWC;QAAYC;QAAQC;;IAChD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRT,KAAKA;QACLG,YAAY;YACRO,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACT,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGU,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACR,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACII;kBAEHL;;AAGb"}
@@ -16,13 +16,13 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
16
16
  var _core = require("@mantine/core");
17
17
  var _Headercontext = require("../Header.context");
18
18
  var defaultProps = {
19
- position: "right",
19
+ position: 'right',
20
20
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.QuestionSize16Px, {
21
21
  height: 16
22
22
  })
23
23
  };
24
24
  var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
25
- var props = (0, _core.useProps)("PlasmaHeaderActions", defaultProps, _props);
25
+ var props = (0, _core.useProps)('PlasmaHeaderActions', defaultProps, _props);
26
26
  var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, label = props.label, position = props.position, vars = props.vars, others = _object_without_properties._(props, [
27
27
  "className",
28
28
  "classNames",
@@ -39,7 +39,7 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
39
39
  disabled: !label,
40
40
  position: position,
41
41
  classNames: {
42
- tooltip: ctx.getStyles("docAnchorTooltip", {
42
+ tooltip: ctx.getStyles('docAnchorTooltip', {
43
43
  classNames: classNames,
44
44
  styles: styles,
45
45
  props: props
@@ -49,7 +49,7 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
49
49
  ref: ref,
50
50
  inline: true,
51
51
  target: "_blank"
52
- }, ctx.getStyles("docAnchor", {
52
+ }, ctx.getStyles('docAnchor', {
53
53
  classNames: classNames,
54
54
  styles: styles,
55
55
  props: props,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n /**\n * A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n */\n href: string;\n /**\n * The tooltip text shown when hovering over the doc link icon\n */\n label?: ReactNode;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <QuestionSize16Px height={16} />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n"],"names":["HeaderDocAnchor","defaultProps","position","children","QuestionSize16Px","height","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/CkB;oBAUxB;6BAEwB;AA8B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,kCAAgB;QAACC,QAAQ;;AACxC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;QAApFE;QAAWC;QAAYC;QAAQC;QAAOX;QAAUY;QAAOb;QAAUc;;IAExE,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB"}
1
+ {"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n /**\n * A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n */\n href: string;\n /**\n * The tooltip text shown when hovering over the doc link icon\n */\n label?: ReactNode;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <QuestionSize16Px height={16} />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n"],"names":["HeaderDocAnchor","defaultProps","position","children","QuestionSize16Px","height","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/CkB;oBAUxB;6BAEwB;AA8B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,kCAAgB;QAACC,QAAQ;;AACxC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;QAApFE;QAAWC;QAAYC;QAAQC;QAAOX;QAAUY;QAAOb;QAAUc;;IAExE,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/header/index.ts"],"sourcesContent":["export * from './Header';\n"],"names":[],"mappings":";;;;;uBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/header/index.ts"],"sourcesContent":["export * from './Header';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './browser-preview';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './button';\nexport * from './action-icon';\nexport * from './menu';\nexport * from './copyToClipboard';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './browser-preview';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './button';\nexport * from './action-icon';\nexport * from './menu';\nexport * from './copyToClipboard';\n"],"names":[],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
@@ -17,7 +17,7 @@ var _InlineConfirmPrompt = require("./InlineConfirmPrompt");
17
17
  var _InlineConfirmTarget = require("./InlineConfirmTarget");
18
18
  var defaultProps = {};
19
19
  var InlineConfirm = function(_props) {
20
- var children = (0, _core.useProps)("InlineConfirm", defaultProps, _props).children;
20
+ var children = (0, _core.useProps)('InlineConfirm', defaultProps, _props).children;
21
21
  var _useState = _sliced_to_array._((0, _react.useState)(null), 2), confirmingId = _useState[0], setConfirmingId = _useState[1];
22
22
  var convertedChildren = _react.Children.toArray(children);
23
23
  var prompt = convertedChildren.find(function(child) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, StylesApiProps, useProps} from '@mantine/core';\nimport {MantineComponent} from '@mantine/core/lib/core/factory/factory';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n /**\n * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n */\n children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n props: InlineConfirmProps;\n ref: never;\n staticComponents: {\n Prompt: typeof InlineConfirmPrompt;\n Target: typeof InlineConfirmTarget;\n };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n const {children} = useProps('InlineConfirm', defaultProps, _props);\n const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n\n return (\n <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmProvider>\n );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["InlineConfirm","defaultProps","_props","children","useProps","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmProvider","value","Prompt","Target","InlineConfirmTarget"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;oBA1BmC;qBAEU;oCACtB;mCACF;mCAEA;AAkBlC,IAAMC,eAA4C,CAAC;AAE5C,IAAMD,gBAAiB,SAACE;IAC3B,IAAM,AAACC,WAAYC,IAAAA,cAAQ,EAAC,iBAAiBH,cAAcC,QAApDC;IACP,IAAwCE,+BAAAA,IAAAA,eAAQ,EAAgB,WAAzDC,eAAiCD,cAAnBE,kBAAmBF;IAExC,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAC3C,IAAMQ,SAASH,kBAAkBI,IAAI,CACjC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,MAAMG,KAAK,CAACC,EAAE,KAAKX;;IAExE,IAAMY,eAAe;eAAMX,gBAAgB;;IAE3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGN,wCAAmB;AAC1Cf,cAAcsB,MAAM,GAAGC,wCAAmB"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, StylesApiProps, useProps} from '@mantine/core';\nimport {MantineComponent} from '@mantine/core/lib/core/factory/factory';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n /**\n * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n */\n children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n props: InlineConfirmProps;\n ref: never;\n staticComponents: {\n Prompt: typeof InlineConfirmPrompt;\n Target: typeof InlineConfirmTarget;\n };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n const {children} = useProps('InlineConfirm', defaultProps, _props);\n const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n\n return (\n <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmProvider>\n );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["InlineConfirm","defaultProps","_props","children","useProps","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmProvider","value","Prompt","Target","InlineConfirmTarget"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BaA;;;eAAAA;;;;;oBA1BmC;qBAEU;oCACtB;mCACF;mCAEA;AAkBlC,IAAMC,eAA4C,CAAC;AAE5C,IAAMD,gBAAiB,SAACE;IAC3B,IAAM,AAACC,WAAYC,IAAAA,cAAQ,EAAC,iBAAiBH,cAAcC,QAApDC;IACP,IAAwCE,+BAAAA,IAAAA,eAAQ,EAAgB,WAAzDC,eAAiCD,cAAnBE,kBAAmBF;IAExC,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAC3C,IAAMQ,SAASH,kBAAkBI,IAAI,CACjC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,MAAMG,KAAK,CAACC,EAAE,KAAKX;;IAExE,IAAMY,eAAe;eAAMX,gBAAgB;;IAE3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGN,wCAAmB;AAC1Cf,cAAcsB,MAAM,GAAGC,wCAAmB"}
@@ -18,7 +18,7 @@ _export(exports, {
18
18
  });
19
19
  var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
20
20
  var _core = require("@mantine/core");
21
- var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)("InlineConfirm component was not found in tree"), 2);
21
+ var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)('InlineConfirm component was not found in tree'), 2);
22
22
  var InlineConfirmProvider = _createSafeContext[0], useInlineConfirm = _createSafeContext[1];
23
23
 
24
24
  //# sourceMappingURL=InlineConfirmContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createSafeContext} from '@mantine/core';\n\ntype InlineConfirmContextType = {\n confirmingId: string;\n setConfirmingId: (id: string) => void;\n clearConfirm: () => void;\n};\n\nexport const [InlineConfirmProvider, useInlineConfirm] = createSafeContext<InlineConfirmContextType>(\n 'InlineConfirm component was not found in tree',\n);\n"],"names":["InlineConfirmProvider","useInlineConfirm","createSafeContext"],"mappings":";;;;;;;;;;;IAQcA,qBAAqB;eAArBA;;IAAuBC,gBAAgB;eAAhBA;;;;oBARL;IAQyBC,wCAAAA,IAAAA,uBAAiB,EACtE;AADG,IAAOF,wBAA2CE,uBAApBD,mBAAoBC"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createSafeContext} from '@mantine/core';\n\ntype InlineConfirmContextType = {\n confirmingId: string;\n setConfirmingId: (id: string) => void;\n clearConfirm: () => void;\n};\n\nexport const [InlineConfirmProvider, useInlineConfirm] = createSafeContext<InlineConfirmContextType>(\n 'InlineConfirm component was not found in tree',\n);\n"],"names":["InlineConfirmProvider","useInlineConfirm","createSafeContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQcA,qBAAqB;eAArBA;;IAAuBC,gBAAgB;eAAhBA;;;;oBARL;IAQyBC,wCAAAA,IAAAA,uBAAiB,EACtE;AADG,IAAOF,wBAA2CE,uBAApBD,mBAAoBC"}
@@ -17,7 +17,7 @@ var _react = require("react");
17
17
  var _InlineConfirmContext = require("./InlineConfirmContext");
18
18
  var _Button = require("../button/Button");
19
19
  var defaultProps = {
20
- label: "Are you sure?",
20
+ label: 'Are you sure?',
21
21
  confirm: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
22
22
  color: "red",
23
23
  children: "Delete"
@@ -26,11 +26,11 @@ var defaultProps = {
26
26
  variant: "outline",
27
27
  children: "Cancel"
28
28
  }),
29
- gap: "xs",
30
- wrap: "nowrap"
29
+ gap: 'xs',
30
+ wrap: 'nowrap'
31
31
  };
32
32
  var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
33
- var _useProps = (0, _core.useProps)("InlineConfirmPrompt", defaultProps, props), id = _useProps.id, label = _useProps.label, confirm = _useProps.confirm, cancel = _useProps.cancel, onConfirm = _useProps.onConfirm, onCancel = _useProps.onCancel, others = _object_without_properties._(_useProps, [
33
+ var _useProps = (0, _core.useProps)('InlineConfirmPrompt', defaultProps, props), id = _useProps.id, label = _useProps.label, confirm = _useProps.confirm, cancel = _useProps.cancel, onConfirm = _useProps.onConfirm, onCancel = _useProps.onCancel, others = _object_without_properties._(_useProps, [
34
34
  "id",
35
35
  "label",
36
36
  "confirm",
@@ -40,21 +40,21 @@ var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
40
40
  ]);
41
41
  var _useInlineConfirm = (0, _InlineConfirmContext.useInlineConfirm)(), confirmingId = _useInlineConfirm.confirmingId, clearConfirm = _useInlineConfirm.clearConfirm;
42
42
  if (!(0, _core.isElement)(cancel) || !(0, _core.isElement)(confirm)) {
43
- throw new Error("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");
43
+ throw new Error('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');
44
44
  }
45
45
  var cancelEl = /*#__PURE__*/ (0, _react.cloneElement)(cancel, {
46
46
  onClick: function() {
47
- var _cancel_props_onClick, _cancel_props, _onCancel;
47
+ var _cancel_props_onClick, _cancel_props;
48
48
  (_cancel_props_onClick = (_cancel_props = cancel.props).onClick) === null || _cancel_props_onClick === void 0 ? void 0 : _cancel_props_onClick.call(_cancel_props);
49
- (_onCancel = onCancel) === null || _onCancel === void 0 ? void 0 : _onCancel();
49
+ onCancel === null || onCancel === void 0 ? void 0 : onCancel();
50
50
  clearConfirm();
51
51
  }
52
52
  });
53
53
  var confirmEl = /*#__PURE__*/ (0, _react.cloneElement)(confirm, {
54
54
  onClick: function() {
55
- var _confirm_props_onClick, _confirm_props, _onConfirm;
55
+ var _confirm_props_onClick, _confirm_props;
56
56
  (_confirm_props_onClick = (_confirm_props = confirm.props).onClick) === null || _confirm_props_onClick === void 0 ? void 0 : _confirm_props_onClick.call(_confirm_props);
57
- (_onConfirm = onConfirm) === null || _onConfirm === void 0 ? void 0 : _onConfirm();
57
+ onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
58
58
  clearConfirm();
59
59
  }
60
60
  });
@@ -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';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\nimport {Button} from '../button/Button';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {\n /**\n * Unique id to map the prompt to the target\n */\n id: string;\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 {id, 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 !== id) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === id) {\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","id","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;oBArD0D;qBACR;oCAEhC;sBACV;AAyCrB,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,IAAqEC,YAAAA,IAAAA,cAAQ,EACzE,uBACAZ,cACAU,QAHGG,KAA8DD,UAA9DC,IAAIZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA9DC;QAAIZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK9C,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,eACAU;aADAV,wBAAAA,CAAAA,gBAAAA,OAAOK,KAAK,EAACc,OAAO,cAApBnB,4CAAAA,2BAAAA;aACAU,YAAAA,sBAAAA,gCAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAS;QACpCsB,SAAS;gBACLtB,wBAAAA,gBACAY;aADAZ,yBAAAA,CAAAA,iBAAAA,QAAQQ,KAAK,EAACc,OAAO,cAArBtB,6CAAAA,4BAAAA;aACAY,aAAAA,uBAAAA,iCAAAA;YACAK;QACJ;IACJ;IAEAO,IAAAA,gBAAS,EAAC;QACN,IAAIR,iBAAiBL,IAAI;YACrBM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,IAAI;QACrB,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';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\nimport {Button} from '../button/Button';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {\n /**\n * Unique id to map the prompt to the target\n */\n id: string;\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 {id, 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 !== id) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === id) {\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","id","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;oBArD0D;qBACR;oCAEhC;sBACV;AAyCrB,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,IAAqEC,YAAAA,IAAAA,cAAQ,EACzE,uBACAZ,cACAU,QAHGG,KAA8DD,UAA9DC,IAAIZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA9DC;QAAIZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK9C,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,IAAI;YACrBM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,IAAI;QACrB,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}
@@ -23,9 +23,8 @@ var InlineConfirmTarget = (0, _core.createPolymorphicComponent)(/*#__PURE__*/ (0
23
23
  ]);
24
24
  var setConfirmingId = (0, _InlineConfirmContext.useInlineConfirm)().setConfirmingId;
25
25
  var handleOnClick = function(e) {
26
- var _onClick;
27
26
  setConfirmingId(id);
28
- (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(e);
27
+ onClick === null || onClick === void 0 ? void 0 : onClick(e);
29
28
  };
30
29
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread._({
31
30
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps {\n id: string;\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {onClick, id, component: Component = Button, ...others}: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(id);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","id","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCACH;AAOxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAEIC;QADCC,iBAAAA,SAASC,YAAAA,IAAeC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KAAuBG;QAA/CL;QAASC;QAAIE;;IAGd,IAAM,AAACG,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;YAEzDT;QADAM,gBAAgBL;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUS;IACd;IAEA,qBAAO,qBAACP;QAAUH,KAAKA;QAAKC,SAASQ;OAAmBH;AAC5D"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps {\n id: string;\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {onClick, id, component: Component = Button, ...others}: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(id);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","id","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCACH;AAOxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAEIC;QADCC,iBAAAA,SAASC,YAAAA,IAAeC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KAAuBG;QAA/CL;QAASC;QAAIE;;IAGd,IAAM,AAACG,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;QACzDH,gBAAgBL;QAChBD,oBAAAA,8BAAAA,QAAUS;IACd;IAEA,qBAAO,qBAACP;QAAUH,KAAKA;QAAKC,SAASQ;OAAmBH;AAC5D"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
@@ -15,13 +15,13 @@ var _core = require("@mantine/core");
15
15
  var _react = require("react");
16
16
  var _utils = require("../../utils");
17
17
  var _ButtonWithDisabledTooltip = require("../button/ButtonWithDisabledTooltip");
18
- var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) /*#__PURE__*/ {
18
+ var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
19
19
  var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, others = _object_without_properties._(_param, [
20
20
  "disabledTooltip",
21
21
  "disabled",
22
22
  "disabledTooltipProps"
23
23
  ]);
24
- return (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
24
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
25
25
  disabled: disabled,
26
26
  disabledTooltip: disabledTooltip,
27
27
  disabledTooltipProps: disabledTooltipProps,
@@ -33,7 +33,7 @@ var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) /*#__
33
33
  });
34
34
  var MenuItem = (0, _utils.createPolymorphicComponent)(_MenuItem);
35
35
  var Menu = (0, _utils.overrideComponent)(_core.Menu, {
36
- displayName: "@coveord/plasma-mantine/Menu",
36
+ displayName: '@coveord/plasma-mantine/Menu',
37
37
  Item: MenuItem
38
38
  });
39
39
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n >\n <MantineMenu.Item ref={ref} disabled={disabled} {...others} />\n </ButtonWithDisabledTooltip>\n ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n displayName: '@coveord/plasma-mantine/Menu',\n Item: MenuItem,\n});\n"],"names":["Menu","_MenuItem","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","others","ButtonWithDisabledTooltip","MantineMenu","Item","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;oBAvB4D;qBAChD;qBAEmC;yCAEpB;AAIxC,IAAMC,0BAAYC,IAAAA,iBAAU,EACxB,iBAA+DC;QAA7DC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAyBC;QAApDH;QAAiBC;QAAUC;;WACzB,qBAACE,oDAAyB;QACtBH,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,qBAACG,UAAW,CAACC,IAAI;YAACP,KAAKA;YAAKE,UAAUA;WAAcE;;AAC7B;AAInC,IAAMI,WAAWC,IAAAA,iCAA0B,EAA0BX;AAE9D,IAAMD,OAAOa,IAAAA,wBAAiB,EAACJ,UAAW,EAAE;IAC/CK,aAAa;IACbJ,MAAMC;AACV"}
1
+ {"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n >\n <MantineMenu.Item ref={ref} disabled={disabled} {...others} />\n </ButtonWithDisabledTooltip>\n ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n displayName: '@coveord/plasma-mantine/Menu',\n Item: MenuItem,\n});\n"],"names":["Menu","_MenuItem","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","others","ButtonWithDisabledTooltip","MantineMenu","Item","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBaA;;;eAAAA;;;;;;oBAvB4D;qBAChD;qBAEmC;yCAEpB;AAIxC,IAAMC,0BAAYC,IAAAA,iBAAU,EACxB,iBAA+DC;QAA7DC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAyBC;QAApDH;QAAiBC;QAAUC;;yBACzB,qBAACE,oDAAyB;QACtBH,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,qBAACG,UAAW,CAACC,IAAI;YAACP,KAAKA;YAAKE,UAAUA;WAAcE;;;AAKhE,IAAMI,WAAWC,IAAAA,iCAA0B,EAA0BX;AAE9D,IAAMD,OAAOa,IAAAA,wBAAiB,EAACJ,UAAW,EAAE;IAC/CK,aAAa;IACbJ,MAAMC;AACV"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/menu/index.ts"],"sourcesContent":["export * from './Menu';\n"],"names":[],"mappings":";;;;;uBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/menu/index.ts"],"sourcesContent":["export * from './Menu';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {Box, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport PromptClasses from './Prompt.module.css';\nimport {PromptFooter} from './PromptFooter';\n\nexport interface PromptProps extends ModalProps {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, ...otherProps}) => {\n const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n root: PromptClasses.root,\n header: PromptClasses.header,\n close: PromptClasses.whiteClose,\n body: PromptClasses.body,\n title: PromptClasses.title,\n };\n\n return (\n <Modal variant=\"prompt\" classNames={{...classNames, ...classesProps}} size=\"sm\" {...otherPropsWithoutClasses}>\n <Box className={PromptClasses.innerBody}>{otherChildren}</Box>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","root","PromptClasses","header","close","whiteClose","body","title","Modal","variant","size","Box","className","innerBody","Footer"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;;oBAnBwB;qBACW;wEACtB;4BACC;AAgBpB,IAAMA,SAAqB;QAAEC,kBAAAA,UAAaC;QAAbD;;IAChC,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,wDAA4BH;QAAzDC;;IACP,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAE3C,IAAMQ,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMV,aAAa;QACfa,MAAMC,wBAAa,CAACD,IAAI;QACxBE,QAAQD,wBAAa,CAACC,MAAM;QAC5BC,OAAOF,wBAAa,CAACG,UAAU;QAC/BC,MAAMJ,wBAAa,CAACI,IAAI;QACxBC,OAAOL,wBAAa,CAACK,KAAK;IAC9B;IAEA,qBACI,sBAACC,WAAK;QAACC,SAAQ;QAASrB,YAAY,qBAAIA,YAAeC;QAAeqB,MAAK;OAASpB;;0BAChF,qBAACqB,SAAG;gBAACC,WAAWV,wBAAa,CAACW,SAAS;0BAAGnB;;YACzCK;;;AAGb;AAEAd,OAAO6B,MAAM,GAAGhB,0BAAY"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {Box, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport PromptClasses from './Prompt.module.css';\nimport {PromptFooter} from './PromptFooter';\n\nexport interface PromptProps extends ModalProps {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, ...otherProps}) => {\n const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n root: PromptClasses.root,\n header: PromptClasses.header,\n close: PromptClasses.whiteClose,\n body: PromptClasses.body,\n title: PromptClasses.title,\n };\n\n return (\n <Modal variant=\"prompt\" classNames={{...classNames, ...classesProps}} size=\"sm\" {...otherPropsWithoutClasses}>\n <Box className={PromptClasses.innerBody}>{otherChildren}</Box>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","root","PromptClasses","header","close","whiteClose","body","title","Modal","variant","size","Box","className","innerBody","Footer"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;;oBAnBwB;qBACW;wEACtB;4BACC;AAgBpB,IAAMA,SAAqB;QAAEC,kBAAAA,UAAaC;QAAbD;;IAChC,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,wDAA4BH;QAAzDC;;IACP,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAE3C,IAAMQ,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMV,aAAa;QACfa,MAAMC,wBAAa,CAACD,IAAI;QACxBE,QAAQD,wBAAa,CAACC,MAAM;QAC5BC,OAAOF,wBAAa,CAACG,UAAU;QAC/BC,MAAMJ,wBAAa,CAACI,IAAI;QACxBC,OAAOL,wBAAa,CAACK,KAAK;IAC9B;IAEA,qBACI,sBAACC,WAAK;QAACC,SAAQ;QAASrB,YAAY,qBAAIA,YAAeC;QAAeqB,MAAK;OAASpB;;0BAChF,qBAACqB,SAAG;gBAACC,WAAWV,wBAAa,CAACW,SAAS;0BAAGnB;;YACzCK;;;AAGb;AAEAd,OAAO6B,MAAM,GAAGhB,0BAAY"}
@@ -13,11 +13,11 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
13
13
  var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
14
14
  var _jsxruntime = require("react/jsx-runtime");
15
15
  var _stickyfooter = require("../sticky-footer");
16
- var PromptFooter = function(_param) /*#__PURE__*/ {
16
+ var PromptFooter = function(_param) {
17
17
  var children = _param.children, otherProps = _object_without_properties._(_param, [
18
18
  "children"
19
19
  ]);
20
- return (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({
20
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({
21
21
  p: 0,
22
22
  pt: "lg"
23
23
  }, otherProps), {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter p={0} pt=\"lg\" {...otherProps}>\n {children}\n </StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter","p","pt"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;WACnF,qBAACE,0BAAY;QAACC,GAAG;QAAGC,IAAG;OAASH;kBAC3BD;;AACS"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter p={0} pt=\"lg\" {...otherProps}>\n {children}\n </StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter","p","pt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;yBACnF,qBAACE,0BAAY;QAACC,GAAG;QAAGC,IAAG;OAASH;kBAC3BD"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":";;;;;uBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
@@ -1,6 +1,6 @@
1
1
  import { Factory, GroupProps, StylesApiProps } from '@mantine/core';
2
2
  import { ReactNode } from 'react';
3
- export interface StickyFooterProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars'>, StylesApiProps<StickyFooterFactory> {
3
+ export interface StickyFooterProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'>, StylesApiProps<StickyFooterFactory> {
4
4
  /**
5
5
  * Whether a border is render on top of the footer
6
6
  */
@@ -9,6 +9,13 @@ export interface StickyFooterProps extends Omit<GroupProps, 'classNames' | 'styl
9
9
  * Footer's children, usually buttons
10
10
  */
11
11
  children?: ReactNode;
12
+ /**
13
+ * Use variant 'modal-footer' when rendering the `StickyFooter` inside `Modal`.
14
+ *
15
+ * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.
16
+ * It also adds a border on top of the footer.
17
+ */
18
+ variant?: 'default' | 'modal-footer';
12
19
  }
13
20
  export type StickyFooterStylesNames = 'root';
14
21
  export type StickyFooterFactory = Factory<{
@@ -1 +1 @@
1
- {"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAS,UAAU,EAAE,cAAc,EAA+B,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EACtD,cAAc,CAAC,mBAAmB,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY;WAVd,iBAAiB;SACnB,cAAc;iBACN,uBAAuB;EAoCtC,CAAC"}
1
+ {"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAS,UAAU,EAAE,cAAc,EAA+B,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EAClE,cAAc,CAAC,mBAAmB,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACxC;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY;WAVd,iBAAiB;SACnB,cAAc;iBACN,uBAAuB;EAoCtC,CAAC"}
@@ -18,11 +18,11 @@ var _core = require("@mantine/core");
18
18
  var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
19
19
  var _StickyFootermodulecss = /*#__PURE__*/ _interop_require_default._(require("./StickyFooter.module.css"));
20
20
  var defaultProps = {
21
- gap: "sm",
22
- justify: "flex-end"
21
+ gap: 'sm',
22
+ justify: 'flex-end'
23
23
  };
24
24
  var StickyFooter = (0, _core.factory)(function(props, ref) {
25
- var _useProps = (0, _core.useProps)("StickyFooter", defaultProps, props), borderTop = _useProps.borderTop, justify = _useProps.justify, gap = _useProps.gap, children = _useProps.children, className = _useProps.className, classNames = _useProps.classNames, style = _useProps.style, styles = _useProps.styles, unstyled = _useProps.unstyled, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
25
+ var _useProps = (0, _core.useProps)('StickyFooter', defaultProps, props), borderTop = _useProps.borderTop, justify = _useProps.justify, gap = _useProps.gap, children = _useProps.children, className = _useProps.className, classNames = _useProps.classNames, style = _useProps.style, styles = _useProps.styles, unstyled = _useProps.unstyled, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
26
26
  "borderTop",
27
27
  "justify",
28
28
  "gap",
@@ -35,7 +35,7 @@ var StickyFooter = (0, _core.factory)(function(props, ref) {
35
35
  "vars"
36
36
  ]);
37
37
  var getStyles = (0, _core.useStyles)({
38
- name: "StickyFooter",
38
+ name: 'StickyFooter',
39
39
  classes: _StickyFootermodulecss.default,
40
40
  props: props,
41
41
  className: className,
@@ -44,7 +44,7 @@ var StickyFooter = (0, _core.factory)(function(props, ref) {
44
44
  styles: styles,
45
45
  unstyled: unstyled
46
46
  });
47
- var css = getStyles("root");
47
+ var css = getStyles('root');
48
48
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
49
49
  justify: justify,
50
50
  gap: gap,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {Factory, Group, GroupProps, StylesApiProps, factory, useProps, useStyles} from '@mantine/core';\nimport clsx from 'clsx';\nimport {ReactNode} from 'react';\nimport classes from './StickyFooter.module.css';\n\nexport interface StickyFooterProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars'>,\n StylesApiProps<StickyFooterFactory> {\n /**\n * Whether a border is render on top of the footer\n */\n borderTop?: boolean;\n /**\n * Footer's children, usually buttons\n */\n children?: ReactNode;\n}\n\nexport type StickyFooterStylesNames = 'root';\n\nexport type StickyFooterFactory = Factory<{\n props: StickyFooterProps;\n ref: HTMLDivElement;\n stylesNames: StickyFooterStylesNames;\n}>;\n\nconst defaultProps: Partial<StickyFooterProps> = {\n gap: 'sm',\n justify: 'flex-end',\n};\n\nexport const StickyFooter = factory<StickyFooterFactory>((props, ref) => {\n const {borderTop, justify, gap, children, className, classNames, style, styles, unstyled, vars, ...others} =\n useProps('StickyFooter', defaultProps, props);\n const getStyles = useStyles<StickyFooterFactory>({\n name: 'StickyFooter',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const css = getStyles('root');\n\n return (\n <Group\n justify={justify}\n gap={gap}\n className={clsx(css.className, {[classes.border]: !!borderTop})}\n style={css.style}\n ref={ref}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["StickyFooter","defaultProps","gap","justify","factory","props","ref","useProps","borderTop","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","css","Group","clsx","border"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;;oBA/B0E;6DACtE;8EAEG;AAuBpB,IAAMC,eAA2C;IAC7CC,KAAK;IACLC,SAAS;AACb;AAEO,IAAMH,eAAeI,IAAAA,aAAO,EAAsB,SAACC,OAAOC;IAC7D,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBN,cAAcI,QADpCG,YACHD,UADGC,WAAWL,UACdI,UADcJ,SAASD,MACvBK,UADuBL,KAAKO,WAC5BF,UAD4BE,UAAUC,YACtCH,UADsCG,WAAWC,aACjDJ,UADiDI,YAAYC,QAC7DL,UAD6DK,OAAOC,SACpEN,UADoEM,QAAQC,WAC5EP,UAD4EO,UAAUC,OACtFR,UADsFQ,MAASC,sCAC/FT;QADGC;QAAWL;QAASD;QAAKO;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAE1F,IAAME,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAK,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAMO,MAAMJ,UAAU;IAEtB,qBACI,qBAACK,WAAK;QACFnB,SAASA;QACTD,KAAKA;QACLQ,WAAWa,IAAAA,aAAI,EAACF,IAAIX,SAAS,EAAG,uBAACU,8BAAO,CAACI,MAAM,EAAG,CAAC,CAAChB;QACpDI,OAAOS,IAAIT,KAAK;QAChBN,KAAKA;OACDU;kBAEHP;;AAGb"}
1
+ {"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {Factory, Group, GroupProps, StylesApiProps, factory, useProps, useStyles} from '@mantine/core';\nimport clsx from 'clsx';\nimport {ReactNode} from 'react';\nimport classes from './StickyFooter.module.css';\n\nexport interface StickyFooterProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n StylesApiProps<StickyFooterFactory> {\n /**\n * Whether a border is render on top of the footer\n */\n borderTop?: boolean;\n /**\n * Footer's children, usually buttons\n */\n children?: ReactNode;\n /**\n * Use variant 'modal-footer' when rendering the `StickyFooter` inside `Modal`.\n *\n * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.\n * It also adds a border on top of the footer.\n */\n variant?: 'default' | 'modal-footer';\n}\n\nexport type StickyFooterStylesNames = 'root';\n\nexport type StickyFooterFactory = Factory<{\n props: StickyFooterProps;\n ref: HTMLDivElement;\n stylesNames: StickyFooterStylesNames;\n}>;\n\nconst defaultProps: Partial<StickyFooterProps> = {\n gap: 'sm',\n justify: 'flex-end',\n};\n\nexport const StickyFooter = factory<StickyFooterFactory>((props, ref) => {\n const {borderTop, justify, gap, children, className, classNames, style, styles, unstyled, vars, ...others} =\n useProps('StickyFooter', defaultProps, props);\n const getStyles = useStyles<StickyFooterFactory>({\n name: 'StickyFooter',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const css = getStyles('root');\n\n return (\n <Group\n justify={justify}\n gap={gap}\n className={clsx(css.className, {[classes.border]: !!borderTop})}\n style={css.style}\n ref={ref}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["StickyFooter","defaultProps","gap","justify","factory","props","ref","useProps","borderTop","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","css","Group","clsx","border"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;;;oBAtC0E;6DACtE;8EAEG;AA8BpB,IAAMC,eAA2C;IAC7CC,KAAK;IACLC,SAAS;AACb;AAEO,IAAMH,eAAeI,IAAAA,aAAO,EAAsB,SAACC,OAAOC;IAC7D,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBN,cAAcI,QADpCG,YACHD,UADGC,WAAWL,UACdI,UADcJ,SAASD,MACvBK,UADuBL,KAAKO,WAC5BF,UAD4BE,UAAUC,YACtCH,UADsCG,WAAWC,aACjDJ,UADiDI,YAAYC,QAC7DL,UAD6DK,OAAOC,SACpEN,UADoEM,QAAQC,WAC5EP,UAD4EO,UAAUC,OACtFR,UADsFQ,MAASC,sCAC/FT;QADGC;QAAWL;QAASD;QAAKO;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAE1F,IAAME,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAK,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAMO,MAAMJ,UAAU;IAEtB,qBACI,qBAACK,WAAK;QACFnB,SAASA;QACTD,KAAKA;QACLQ,WAAWa,IAAAA,aAAI,EAACF,IAAIX,SAAS,EAAG,uBAACU,8BAAO,CAACI,MAAM,EAAG,CAAC,CAAChB;QACpDI,OAAOS,IAAIT,KAAK;QAChBN,KAAKA;OACDU;kBAEHP;;AAGb"}
@@ -4,6 +4,15 @@
4
4
  z-index: 10;
5
5
  background-color: white;
6
6
  padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
7
+
8
+ &[data-variant='modal-footer'] {
9
+ border-top: 1px solid var(--mantine-color-gray-3);
10
+ padding-bottom: 0;
11
+ margin-top: var(--mb-padding);
12
+ margin-bottom: calc(var(--mantine-spacing-md) - var(--mb-padding));
13
+ margin-left: calc(-1 * var(--mb-padding));
14
+ margin-right: calc(-1 * var(--mb-padding));
15
+ }
7
16
  }
8
17
 
9
18
  .border {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":";;;;;uBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}