@coveord/plasma-mantine 56.20.1 → 57.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (193) hide show
  1. package/.turbo/turbo-build.log +4 -4
  2. package/.turbo/turbo-test.log +104 -115
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/ActionIcon/ActionIcon.js +9 -4
  5. package/dist/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
  6. package/dist/cjs/components/Alert/Alert.js +4 -4
  7. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  8. package/dist/cjs/components/Badge/Badge.js +1 -1
  9. package/dist/cjs/components/Badge/Badge.js.map +1 -1
  10. package/dist/cjs/components/BlankSlate/BlankSlate.js +1 -1
  11. package/dist/cjs/components/BrowserPreview/BrowserPreview.js +2 -2
  12. package/dist/cjs/components/BrowserPreview/BrowserPreview.js.map +1 -1
  13. package/dist/cjs/components/Button/Button.js +10 -5
  14. package/dist/cjs/components/Button/Button.js.map +1 -1
  15. package/dist/cjs/components/Button/ButtonWithDisabledTooltip.js +8 -3
  16. package/dist/cjs/components/Button/ButtonWithDisabledTooltip.js.map +1 -1
  17. package/dist/cjs/components/CheckboxIcon/CheckboxIcon.js +2 -2
  18. package/dist/cjs/components/CheckboxIcon/CheckboxIcon.js.map +1 -1
  19. package/dist/cjs/components/ChildForm/ChildForm.js.map +1 -1
  20. package/dist/cjs/components/Chip/Chip.js +8 -3
  21. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  22. package/dist/cjs/components/CircleLoader/CircleLoader.js +8 -3
  23. package/dist/cjs/components/CircleLoader/CircleLoader.js.map +1 -1
  24. package/dist/cjs/components/CodeEditor/CodeEditor.js +9 -9
  25. package/dist/cjs/components/CodeEditor/CodeEditor.js.map +1 -1
  26. package/dist/cjs/components/CodeEditor/languages/xml.js +3 -3
  27. package/dist/cjs/components/CodeEditor/languages/xml.js.map +1 -1
  28. package/dist/cjs/components/CodeEditor/search/Search.js +3 -3
  29. package/dist/cjs/components/CodeEditor/search/Search.js.map +1 -1
  30. package/dist/cjs/components/Collection/Collection.js +12 -12
  31. package/dist/cjs/components/Collection/Collection.js.map +1 -1
  32. package/dist/cjs/components/Collection/CollectionAddButton.js +1 -1
  33. package/dist/cjs/components/Collection/CollectionItem.js +5 -5
  34. package/dist/cjs/components/Collection/CollectionItem.js.map +1 -1
  35. package/dist/cjs/components/Collection/enhanceWithCollectionProps.js +4 -4
  36. package/dist/cjs/components/Collection/enhanceWithCollectionProps.js.map +1 -1
  37. package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayout.js +1 -1
  38. package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutBody.js +2 -2
  39. package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutBody.js.map +1 -1
  40. package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutHeader.js +1 -1
  41. package/dist/cjs/components/Collection/layouts/horizontal-layout/HorizontalLayoutHeader.js.map +1 -1
  42. package/dist/cjs/components/Collection/layouts/shared/DragHandle.js +1 -1
  43. package/dist/cjs/components/Collection/layouts/shared/RemoveButton.js +1 -1
  44. package/dist/cjs/components/Collection/layouts/shared/columnUtils.js +2 -2
  45. package/dist/cjs/components/Collection/layouts/shared/columnUtils.js.map +1 -1
  46. package/dist/cjs/components/Collection/layouts/shared/headerUtils.js +1 -1
  47. package/dist/cjs/components/Collection/layouts/shared/headerUtils.js.map +1 -1
  48. package/dist/cjs/components/Collection/layouts/shared/itemRenderer.js +7 -7
  49. package/dist/cjs/components/Collection/layouts/shared/itemRenderer.js.map +1 -1
  50. package/dist/cjs/components/Collection/layouts/vertical-layout/VerticalLayout.js +1 -1
  51. package/dist/cjs/components/Collection/layouts/vertical-layout/VerticalLayoutBody.js +4 -4
  52. package/dist/cjs/components/Collection/layouts/vertical-layout/VerticalLayoutBody.js.map +1 -1
  53. package/dist/cjs/components/Collection/layouts/vertical-layout/VerticalLayoutHeader.js +1 -1
  54. package/dist/cjs/components/Collection/layouts/vertical-layout/VerticalLayoutHeader.js.map +1 -1
  55. package/dist/cjs/components/CopyToClipboard/CopyToClipboard.js +6 -6
  56. package/dist/cjs/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
  57. package/dist/cjs/components/DateRangePicker/DateRangePicker.js +7 -7
  58. package/dist/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
  59. package/dist/cjs/components/DateRangePicker/DateRangePickerInlineCalendar.js +5 -5
  60. package/dist/cjs/components/DateRangePicker/DateRangePickerInlineCalendar.js.map +1 -1
  61. package/dist/cjs/components/DateRangePicker/DateRangePickerPopoverCalendar.js +3 -3
  62. package/dist/cjs/components/DateRangePicker/DateRangePickerPopoverCalendar.js.map +1 -1
  63. package/dist/cjs/components/DateRangePicker/DateRangePickerPresetSelect.js +3 -3
  64. package/dist/cjs/components/DateRangePicker/DateRangePickerPresetSelect.js.map +1 -1
  65. package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.js +3 -3
  66. package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.js.map +1 -1
  67. package/dist/cjs/components/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
  68. package/dist/cjs/components/DateTimeRangePicker/EditableDateTimeRangePicker.js +3 -3
  69. package/dist/cjs/components/DateTimeRangePicker/EditableDateTimeRangePicker.js.map +1 -1
  70. package/dist/cjs/components/EllipsisText/EllipsisText.js +3 -3
  71. package/dist/cjs/components/EllipsisText/EllipsisText.js.map +1 -1
  72. package/dist/cjs/components/Facet/DefaultFacetItem.js +3 -3
  73. package/dist/cjs/components/Facet/DefaultFacetItem.js.map +1 -1
  74. package/dist/cjs/components/Facet/Facet.js +5 -5
  75. package/dist/cjs/components/Facet/Facet.js.map +1 -1
  76. package/dist/cjs/components/Facet/FacetScrollArea.js +8 -3
  77. package/dist/cjs/components/Facet/FacetScrollArea.js.map +1 -1
  78. package/dist/cjs/components/Header/Header.js +1 -1
  79. package/dist/cjs/components/Header/Header.js.map +1 -1
  80. package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map +1 -1
  81. package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbText.js.map +1 -1
  82. package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
  83. package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
  84. package/dist/cjs/components/Header/HeaderRight/HeaderRight.js.map +1 -1
  85. package/dist/cjs/components/InfoToken/InfoToken.js +3 -3
  86. package/dist/cjs/components/InfoToken/InfoToken.js.map +1 -1
  87. package/dist/cjs/components/InlineConfirm/InlineConfirm.js +2 -2
  88. package/dist/cjs/components/InlineConfirm/InlineConfirm.js.map +1 -1
  89. package/dist/cjs/components/InlineConfirm/InlineConfirmPrompt.js +2 -2
  90. package/dist/cjs/components/InlineConfirm/InlineConfirmPrompt.js.map +1 -1
  91. package/dist/cjs/components/InlineConfirm/InlineConfirmTarget.js +9 -4
  92. package/dist/cjs/components/InlineConfirm/InlineConfirmTarget.js.map +1 -1
  93. package/dist/cjs/components/LastUpdated/LastUpdated.js +1 -1
  94. package/dist/cjs/components/LastUpdated/LastUpdated.js.map +1 -1
  95. package/dist/cjs/components/Menu/Menu.js +8 -3
  96. package/dist/cjs/components/Menu/Menu.js.map +1 -1
  97. package/dist/cjs/components/Modal/Modal.js +8 -3
  98. package/dist/cjs/components/Modal/Modal.js.map +1 -1
  99. package/dist/cjs/components/Modal/ModalFooter.js +1 -1
  100. package/dist/cjs/components/Modal/ModalFooter.js.map +1 -1
  101. package/dist/cjs/components/Prompt/Prompt.js.map +1 -1
  102. package/dist/cjs/components/Prompt/PromptCancelButton.js.map +1 -1
  103. package/dist/cjs/components/Prompt/PromptConfirmButton.js.map +1 -1
  104. package/dist/cjs/components/Prompt/icons/CriticalIcon.js +1 -1
  105. package/dist/cjs/components/Prompt/icons/InfoIcon.js +1 -1
  106. package/dist/cjs/components/Prompt/icons/SuccessIcon.js +1 -1
  107. package/dist/cjs/components/Prompt/icons/WarningIcon.js +1 -1
  108. package/dist/cjs/components/RadioCard/RadioCard.d.ts +4 -0
  109. package/dist/cjs/components/RadioCard/RadioCard.d.ts.map +1 -1
  110. package/dist/cjs/components/RadioCard/RadioCard.js +48 -43
  111. package/dist/cjs/components/RadioCard/RadioCard.js.map +1 -1
  112. package/dist/cjs/components/ReadOnly/ReadOnlyInputStyles.js +1 -1
  113. package/dist/cjs/components/ReadOnly/ReadOnlyInputStyles.js.map +1 -1
  114. package/dist/cjs/components/StatusToken/StatusToken.js +3 -3
  115. package/dist/cjs/components/StatusToken/StatusToken.js.map +1 -1
  116. package/dist/cjs/components/StickyFooter/StickyFooter.js.map +1 -1
  117. package/dist/cjs/components/Table/Table.js +6 -6
  118. package/dist/cjs/components/Table/Table.js.map +1 -1
  119. package/dist/cjs/components/Table/layouts/TableLayoutControl.js +1 -1
  120. package/dist/cjs/components/Table/layouts/row-layout/RowLayout.js +1 -1
  121. package/dist/cjs/components/Table/layouts/row-layout/RowLayout.js.map +1 -1
  122. package/dist/cjs/components/Table/layouts/row-layout/RowLayoutBody.js +8 -9
  123. package/dist/cjs/components/Table/layouts/row-layout/RowLayoutBody.js.map +1 -1
  124. package/dist/cjs/components/Table/layouts/row-layout/RowLayoutHeader.js +1 -1
  125. package/dist/cjs/components/Table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
  126. package/dist/cjs/components/Table/table-actions/TableActionItem.js.map +1 -1
  127. package/dist/cjs/components/Table/table-actions/TableActionsList.js +4 -4
  128. package/dist/cjs/components/Table/table-actions/TableActionsList.js.map +1 -1
  129. package/dist/cjs/components/Table/table-actions/TableHeaderActions.js.map +1 -1
  130. package/dist/cjs/components/Table/table-column/TableActionsColumn.js +3 -3
  131. package/dist/cjs/components/Table/table-column/TableActionsColumn.js.map +1 -1
  132. package/dist/cjs/components/Table/table-column/TableCollapsibleColumn.js +4 -4
  133. package/dist/cjs/components/Table/table-column/TableCollapsibleColumn.js.map +1 -1
  134. package/dist/cjs/components/Table/table-column/TableSelectableColumn.js +3 -3
  135. package/dist/cjs/components/Table/table-column/TableSelectableColumn.js.map +1 -1
  136. package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js +3 -3
  137. package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js.map +1 -1
  138. package/dist/cjs/components/Table/table-date-range-picker/TableDateRangePicker.js +1 -1
  139. package/dist/cjs/components/Table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
  140. package/dist/cjs/components/Table/table-filter/TableFilter.js +2 -2
  141. package/dist/cjs/components/Table/table-filter/TableFilter.js.map +1 -1
  142. package/dist/cjs/components/Table/table-footer/TableFooter.js +2 -2
  143. package/dist/cjs/components/Table/table-footer/TableFooter.js.map +1 -1
  144. package/dist/cjs/components/Table/table-header/TableHeader.js +1 -1
  145. package/dist/cjs/components/Table/table-header/TableHeader.js.map +1 -1
  146. package/dist/cjs/components/Table/table-header/Th.js +1 -1
  147. package/dist/cjs/components/Table/table-header/Th.js.map +1 -1
  148. package/dist/cjs/components/Table/table-last-updated/TableLastUpdated.js.map +1 -1
  149. package/dist/cjs/components/Table/table-loading/TableLoading.js +1 -1
  150. package/dist/cjs/components/Table/table-loading/TableLoading.js.map +1 -1
  151. package/dist/cjs/components/Table/table-no-data/TableNoData.js +1 -1
  152. package/dist/cjs/components/Table/table-pagination/TablePagination.js +3 -3
  153. package/dist/cjs/components/Table/table-pagination/TablePagination.js.map +1 -1
  154. package/dist/cjs/components/Table/table-per-page/TablePerPage.js +3 -3
  155. package/dist/cjs/components/Table/table-per-page/TablePerPage.js.map +1 -1
  156. package/dist/cjs/components/Table/table-predicate/TablePredicate.js +1 -1
  157. package/dist/cjs/components/Table/table-predicate/TablePredicate.js.map +1 -1
  158. package/dist/cjs/components/Table/use-table.js +22 -23
  159. package/dist/cjs/components/Table/use-table.js.map +1 -1
  160. package/dist/cjs/hooks/use-url-synced-state.js +6 -6
  161. package/dist/cjs/hooks/use-url-synced-state.js.map +1 -1
  162. package/dist/cjs/hooks/useClickWithLoading.js +2 -2
  163. package/dist/cjs/hooks/useClickWithLoading.js.map +1 -1
  164. package/dist/cjs/hooks/useControlledList.js +4 -4
  165. package/dist/cjs/hooks/useControlledList.js.map +1 -1
  166. package/dist/cjs/hooks/useParentHeight.js +2 -2
  167. package/dist/cjs/hooks/useParentHeight.js.map +1 -1
  168. package/dist/cjs/styles/RadioCard.module.css +1 -1
  169. package/dist/cjs/theme/PlasmaColors.js +1 -1
  170. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  171. package/dist/cjs/theme/Plasmantine.js +2 -2
  172. package/dist/cjs/theme/Plasmantine.js.map +1 -1
  173. package/dist/cjs/theme/Theme.js +12 -12
  174. package/dist/cjs/theme/Theme.js.map +1 -1
  175. package/dist/cjs/theme/mergeCSSVariablesResolvers.js +1 -1
  176. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +2 -2
  177. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  178. package/dist/cjs/theme/plasmaVariantColorResolver.js +1 -1
  179. package/dist/cjs/theme/plasmaVariantColorResolver.js.map +1 -1
  180. package/dist/cjs/utils/createFactoryComponent.js +1 -1
  181. package/dist/cjs/utils/createFactoryComponent.js.map +1 -1
  182. package/dist/cjs/utils/groupOptions.js +1 -1
  183. package/dist/cjs/utils/overrideComponent.js +2 -2
  184. package/dist/cjs/utils/overrideComponent.js.map +1 -1
  185. package/dist/esm/components/RadioCard/RadioCard.d.ts +4 -0
  186. package/dist/esm/components/RadioCard/RadioCard.d.ts.map +1 -1
  187. package/dist/esm/components/RadioCard/RadioCard.js +47 -43
  188. package/dist/esm/components/RadioCard/RadioCard.js.map +1 -1
  189. package/dist/esm/styles/RadioCard.module.css +1 -1
  190. package/package.json +26 -26
  191. package/src/components/RadioCard/RadioCard.tsx +24 -20
  192. package/src/components/RadioCard/__tests__/RadioCard.component.spec.tsx +34 -1
  193. package/src/styles/RadioCard.module.css +1 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/InlineConfirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext.js';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt.js';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget.js';\n\n/**\n * Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop\n */\nexport interface InlineConfirmComponentsProps {\n /**\n * Unique id to map the prompt to the target\n */\n inlineConfirmId: string;\n}\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) =>\n child.type !== InlineConfirmTarget &&\n (child.props as InlineConfirmComponentsProps)?.inlineConfirmId === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\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","InlineConfirmTarget","props","inlineConfirmId","clearConfirm","InlineConfirmProvider","value","Prompt","InlineConfirmPrompt","Target"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;oBAnCqD;qBACR;oCACtB;mCACF;mCAEA;AA4BlC,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;YAEIA;eADDA,MAAMC,IAAI,KAAKC,wCAAmB,IAClC,EAACF,eAAAA,MAAMG,KAAK,cAAXH,mCAAD,AAACA,aAA8CI,eAAe,MAAKX;;IAE3E,IAAMY,eAAe;eAAMX,gBAAgB;;IAC3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGC,wCAAmB;AAC1CtB,cAAcuB,MAAM,GAAGR,wCAAmB"}
1
+ {"version":3,"sources":["../../../../src/components/InlineConfirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext.js';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt.js';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget.js';\n\n/**\n * Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop\n */\nexport interface InlineConfirmComponentsProps {\n /**\n * Unique id to map the prompt to the target\n */\n inlineConfirmId: string;\n}\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) =>\n child.type !== InlineConfirmTarget &&\n (child.props as InlineConfirmComponentsProps)?.inlineConfirmId === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\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","InlineConfirmTarget","props","inlineConfirmId","clearConfirm","InlineConfirmProvider","value","Prompt","InlineConfirmPrompt","Target"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;oBAnCqD;qBACR;oCACtB;mCACF;mCAEA;AA4BlC,IAAMC,eAA4C,CAAC;AAE5C,IAAMD,gBAAiB,uBAACE;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;YAEIA;eADDA,MAAMC,IAAI,KAAKC,wCAAmB,IAClC,EAACF,eAAAA,MAAMG,KAAK,cAAXH,mCAAD,AAACA,aAA8CI,eAAe,MAAKX;;IAE3E,IAAMY,eAAe;eAAMX,gBAAgB;;IAC3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGC,wCAAmB;AAC1CtB,cAAcuB,MAAM,GAAGR,wCAAmB"}
@@ -41,7 +41,7 @@ var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
41
41
  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');
42
42
  }
43
43
  var cancelEl = /*#__PURE__*/ (0, _react.cloneElement)(cancel, {
44
- onClick: function() {
44
+ onClick: function onClick() {
45
45
  var _cancel_props_onClick, _cancel_props;
46
46
  (_cancel_props_onClick = (_cancel_props = cancel.props).onClick) === null || _cancel_props_onClick === void 0 ? void 0 : _cancel_props_onClick.call(_cancel_props);
47
47
  onCancel === null || onCancel === void 0 ? void 0 : onCancel();
@@ -49,7 +49,7 @@ var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
49
49
  }
50
50
  });
51
51
  var confirmEl = /*#__PURE__*/ (0, _react.cloneElement)(confirm, {
52
- onClick: function() {
52
+ onClick: function onClick() {
53
53
  var _confirm_props_onClick, _confirm_props;
54
54
  (_confirm_props_onClick = (_confirm_props = confirm.props).onClick) === null || _confirm_props_onClick === void 0 ? void 0 : _confirm_props_onClick.call(_confirm_props);
55
55
  onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/InlineConfirm/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.js';\nimport {InlineConfirmComponentsProps} from './InlineConfirm.js';\n\nimport {useInlineConfirm} from './InlineConfirmContext.js';\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 as ReactElement<{onClick?: () => void}>, {\n onClick: () => {\n (cancel as ReactElement<{onClick?: () => void}>).props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm as ReactElement<{onClick?: () => void}>, {\n onClick: () => {\n (confirm as ReactElement<{onClick?: () => void}>).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,QAAgD;QAC1EmB,SAAS;gBACL,uBAAA;aAAA,wBAAA,CAAA,gBAAA,AAACnB,OAAgDK,KAAK,EAACc,OAAO,cAA9D,4CAAA,2BAAA;YACAT,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAiD;QAC5EsB,SAAS;gBACL,wBAAA;aAAA,yBAAA,CAAA,iBAAA,AAACtB,QAAiDQ,KAAK,EAACc,OAAO,cAA/D,6CAAA,4BAAA;YACAV,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/InlineConfirm/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.js';\nimport {InlineConfirmComponentsProps} from './InlineConfirm.js';\n\nimport {useInlineConfirm} from './InlineConfirmContext.js';\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 as ReactElement<{onClick?: () => void}>, {\n onClick: () => {\n (cancel as ReactElement<{onClick?: () => void}>).props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm as ReactElement<{onClick?: () => void}>, {\n onClick: () => {\n (confirm as ReactElement<{onClick?: () => void}>).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;;;;;;;;IAKlF,IAAqCK,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,QAAgD;QAC1EmB,SAAS,SAATA;gBACI,uBAAA;aAAA,wBAAA,CAAA,gBAAA,AAACnB,OAAgDK,KAAK,EAACc,OAAO,cAA9D,4CAAA,2BAAA;YACAT,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAiD;QAC5EsB,SAAS,SAATA;gBACI,wBAAA;aAAA,yBAAA,CAAA,iBAAA,AAACtB,QAAiDQ,KAAK,EAACc,OAAO,cAA/D,6CAAA,4BAAA;YACAV,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"}
@@ -10,19 +10,24 @@ Object.defineProperty(exports, "InlineConfirmTarget", {
10
10
  });
11
11
  var _object_spread = require("@swc/helpers/_/_object_spread");
12
12
  var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
13
+ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
14
+ var _to_array = require("@swc/helpers/_/_to_array");
13
15
  var _jsxruntime = require("react/jsx-runtime");
14
16
  var _core = require("@mantine/core");
15
17
  var _react = require("react");
16
18
  var _Button = require("../Button/Button.js");
17
19
  var _InlineConfirmContext = require("./InlineConfirmContext.js");
18
- var InlineConfirmTarget = (0, _core.createPolymorphicComponent)(/*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
19
- var onClick = _param.onClick, inlineConfirmId = _param.inlineConfirmId, tmp = _param.component, Component = tmp === void 0 ? _Button.Button : tmp, others = _object_without_properties._(_param, [
20
+ var InlineConfirmTarget = (0, _core.createPolymorphicComponent)(/*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
21
+ var _ref = [
22
+ _0,
23
+ _1
24
+ ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), onClick = _ref2.onClick, inlineConfirmId = _ref2.inlineConfirmId, tmp = _ref2.component, Component = tmp === void 0 ? _Button.Button : tmp, others = _object_without_properties._(_ref2, [
20
25
  "onClick",
21
26
  "inlineConfirmId",
22
27
  "component"
23
- ]);
28
+ ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
24
29
  var setConfirmingId = (0, _InlineConfirmContext.useInlineConfirm)().setConfirmingId;
25
- var handleOnClick = function(e) {
30
+ var handleOnClick = function handleOnClick(e) {
26
31
  setConfirmingId(inlineConfirmId);
27
32
  onClick === null || onClick === void 0 ? void 0 : onClick(e);
28
33
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/InlineConfirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, type ButtonProps} from '../Button/Button.js';\nimport {InlineConfirmComponentsProps} from './InlineConfirm.js';\nimport {useInlineConfirm} from './InlineConfirmContext.js';\n\nexport interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {\n onClick,\n inlineConfirmId,\n component: Component = Button,\n ...others\n }: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(inlineConfirmId);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","inlineConfirmId","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACL;oCAER;AAMxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAOIC;QALIC,iBAAAA,SACAC,yBAAAA,iBACWC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KACRG;QAHHL;QACAC;QACAE;;IAKJ,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
+ {"version":3,"sources":["../../../../src/components/InlineConfirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, type ButtonProps} from '../Button/Button.js';\nimport {InlineConfirmComponentsProps} from './InlineConfirm.js';\nimport {useInlineConfirm} from './InlineConfirmContext.js';\n\nexport interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {\n onClick,\n inlineConfirmId,\n component: Component = Button,\n ...others\n }: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(inlineConfirmId);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","onClick","inlineConfirmId","Component","component","Button","others","ref","setConfirmingId","useInlineConfirm","handleOnClick","e"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;;;oBAV4B;qBACG;sBACL;oCAER;AAMxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN;;;;4EAEQC,gBAAAA,SACAC,wBAAAA,iBACWC,YAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KACRG;;;;+CAEPC;IAEA,IAAM,AAACC,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,uBAACC;QACzDH,gBAAgBN;QAChBD,oBAAAA,8BAAAA,QAAUU;IACd;IAEA,qBAAO,qBAACR;QAAUI,KAAKA;QAAKN,SAASS;OAAmBJ;AAC5D"}
@@ -18,7 +18,7 @@ var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
18
18
  var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
19
19
  var defaultProps = {
20
20
  label: 'Last update:',
21
- formatter: function(time) {
21
+ formatter: function formatter(time) {
22
22
  return (0, _dayjs.default)(time).format('h:mm:ss A');
23
23
  }
24
24
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/LastUpdated/LastUpdated.tsx"],"sourcesContent":["import {BoxProps, factory, Factory, Group, GroupProps, StylesApiProps, Text, useProps, useStyles} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nexport type LastUpdatedStylesNames = 'root' | 'label';\n\nexport interface LastUpdatedProps extends BoxProps, Pick<GroupProps, 'justify'>, StylesApiProps<LastUpdatedFactory> {\n /**\n * Optional formatter function to format the time value.\n * Receives the time prop and should return a string.\n * @default (time) => dayjs(time).format('h:mm:ss A')\n */\n formatter?: (time: dayjs.ConfigType) => string;\n /**\n * The unformatted time to display that can be parsed by dayjs.\n * @default The current time via dayjs().valueOf()\n */\n time?: dayjs.ConfigType;\n /**\n * Label to contextualize the time.\n *\n * @default \"Last update:\"\n */\n label?: string;\n}\n\nexport type LastUpdatedFactory = Factory<{\n props: LastUpdatedProps;\n ref: HTMLDivElement;\n stylesNames: LastUpdatedStylesNames;\n}>;\n\nconst defaultProps: Partial<LastUpdatedProps> = {\n label: 'Last update:',\n formatter: (time) => dayjs(time).format('h:mm:ss A'),\n};\n\nexport const LastUpdated = factory<LastUpdatedFactory>(\n (props: LastUpdatedProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n const {formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others} = useProps(\n 'PlasmaLastUpdated',\n defaultProps as Partial<LastUpdatedProps>,\n props,\n );\n\n const resolvedTime = time ?? dayjs().valueOf();\n\n const getStyles = useStyles<LastUpdatedFactory>({\n name: 'LastUpdated',\n classes: {},\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n return (\n <Group\n justify={props.justify}\n ref={ref}\n {...getStyles('root', {className, style, ...stylesApiProps})}\n {...others}\n >\n <Text size=\"xs\" {...getStyles('label', {className, style, ...stylesApiProps})}>\n {label}\n <span role=\"timer\">{formatter(resolvedTime)}</span>\n </Text>\n </Group>\n );\n },\n);\n\nLastUpdated.displayName = 'LastUpdated';\n"],"names":["LastUpdated","defaultProps","label","formatter","time","dayjs","format","factory","props","ref","useProps","classNames","className","styles","style","vars","unstyled","others","resolvedTime","valueOf","getStyles","useStyles","name","classes","stylesApiProps","Group","justify","Text","size","span","role","displayName"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;oBArC0F;8DACrF;8DACA;AA8BlB,IAAMC,eAA0C;IAC5CC,OAAO;IACPC,WAAW,SAACC;eAASC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;AAC5C;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAC9B,SAACC,OAAyBC;IACtB,IAAkGC,YAAAA,IAAAA,cAAQ,EACtG,qBACAT,cACAO,QAHGL,YAA2FO,UAA3FP,WAAWD,QAAgFQ,UAAhFR,OAAOE,OAAyEM,UAAzEN,MAAMO,aAAmED,UAAnEC,YAAYC,YAAuDF,UAAvDE,WAAWC,SAA4CH,UAA5CG,QAAQC,QAAoCJ,UAApCI,OAAOC,OAA6BL,UAA7BK,MAAMC,WAAuBN,UAAvBM,UAAaC,sCAAUP;QAA3FP;QAAWD;QAAOE;QAAMO;QAAYC;QAAWC;QAAQC;QAAOC;QAAMC;;IAM3E,IAAME,eAAed,iBAAAA,kBAAAA,OAAQC,IAAAA,cAAK,IAAGc,OAAO;IAE5C,IAAMC,YAAYC,IAAAA,eAAS,EAAqB;QAC5CC,MAAM;QACNC,SAAS,CAAC;QACVf,OAAAA;QACAI,WAAAA;QACAE,OAAAA;QACAH,YAAAA;QACAE,QAAAA;QACAG,UAAAA;QACAD,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACb,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACY,WAAK;QACFC,SAASlB,MAAMkB,OAAO;QACtBjB,KAAKA;OACDW,UAAU,QAAQ;QAACR,WAAAA;QAAWE,OAAAA;OAAUU,kBACxCP;kBAEJ,cAAA,sBAACU,UAAI;YAACC,MAAK;WAASR,UAAU,SAAS;YAACR,WAAAA;YAAWE,OAAAA;WAAUU;;gBACxDtB;8BACD,qBAAC2B;oBAAKC,MAAK;8BAAS3B,UAAUe;;;;;AAI9C;AAGJlB,YAAY+B,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/LastUpdated/LastUpdated.tsx"],"sourcesContent":["import {BoxProps, factory, Factory, Group, GroupProps, StylesApiProps, Text, useProps, useStyles} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nexport type LastUpdatedStylesNames = 'root' | 'label';\n\nexport interface LastUpdatedProps extends BoxProps, Pick<GroupProps, 'justify'>, StylesApiProps<LastUpdatedFactory> {\n /**\n * Optional formatter function to format the time value.\n * Receives the time prop and should return a string.\n * @default (time) => dayjs(time).format('h:mm:ss A')\n */\n formatter?: (time: dayjs.ConfigType) => string;\n /**\n * The unformatted time to display that can be parsed by dayjs.\n * @default The current time via dayjs().valueOf()\n */\n time?: dayjs.ConfigType;\n /**\n * Label to contextualize the time.\n *\n * @default \"Last update:\"\n */\n label?: string;\n}\n\nexport type LastUpdatedFactory = Factory<{\n props: LastUpdatedProps;\n ref: HTMLDivElement;\n stylesNames: LastUpdatedStylesNames;\n}>;\n\nconst defaultProps: Partial<LastUpdatedProps> = {\n label: 'Last update:',\n formatter: (time) => dayjs(time).format('h:mm:ss A'),\n};\n\nexport const LastUpdated = factory<LastUpdatedFactory>(\n (props: LastUpdatedProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n const {formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others} = useProps(\n 'PlasmaLastUpdated',\n defaultProps as Partial<LastUpdatedProps>,\n props,\n );\n\n const resolvedTime = time ?? dayjs().valueOf();\n\n const getStyles = useStyles<LastUpdatedFactory>({\n name: 'LastUpdated',\n classes: {},\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n return (\n <Group\n justify={props.justify}\n ref={ref}\n {...getStyles('root', {className, style, ...stylesApiProps})}\n {...others}\n >\n <Text size=\"xs\" {...getStyles('label', {className, style, ...stylesApiProps})}>\n {label}\n <span role=\"timer\">{formatter(resolvedTime)}</span>\n </Text>\n </Group>\n );\n },\n);\n\nLastUpdated.displayName = 'LastUpdated';\n"],"names":["LastUpdated","defaultProps","label","formatter","time","dayjs","format","factory","props","ref","useProps","classNames","className","styles","style","vars","unstyled","others","resolvedTime","valueOf","getStyles","useStyles","name","classes","stylesApiProps","Group","justify","Text","size","span","role","displayName"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;oBArC0F;8DACrF;8DACA;AA8BlB,IAAMC,eAA0C;IAC5CC,OAAO;IACPC,WAAW,SAAXA,UAAYC;eAASC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;AAC5C;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAC9B,SAACC,OAAyBC;IACtB,IAAkGC,YAAAA,IAAAA,cAAQ,EACtG,qBACAT,cACAO,QAHGL,YAA2FO,UAA3FP,WAAWD,QAAgFQ,UAAhFR,OAAOE,OAAyEM,UAAzEN,MAAMO,aAAmED,UAAnEC,YAAYC,YAAuDF,UAAvDE,WAAWC,SAA4CH,UAA5CG,QAAQC,QAAoCJ,UAApCI,OAAOC,OAA6BL,UAA7BK,MAAMC,WAAuBN,UAAvBM,UAAaC,sCAAUP;;;;;;;;;;;IAMlG,IAAMQ,eAAed,iBAAAA,kBAAAA,OAAQC,IAAAA,cAAK,IAAGc,OAAO;IAE5C,IAAMC,YAAYC,IAAAA,eAAS,EAAqB;QAC5CC,MAAM;QACNC,SAAS,CAAC;QACVf,OAAAA;QACAI,WAAAA;QACAE,OAAAA;QACAH,YAAAA;QACAE,QAAAA;QACAG,UAAAA;QACAD,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACb,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACY,WAAK;QACFC,SAASlB,MAAMkB,OAAO;QACtBjB,KAAKA;OACDW,UAAU,QAAQ;QAACR,WAAAA;QAAWE,OAAAA;OAAUU,kBACxCP;kBAEJ,cAAA,sBAACU,UAAI;YAACC,MAAK;WAASR,UAAU,SAAS;YAACR,WAAAA;YAAWE,OAAAA;WAAUU;;gBACxDtB;8BACD,qBAAC2B;oBAAKC,MAAK;8BAAS3B,UAAUe;;;;;AAI9C;AAGJlB,YAAY+B,WAAW,GAAG"}
@@ -10,18 +10,23 @@ Object.defineProperty(exports, "Menu", {
10
10
  });
11
11
  var _object_spread = require("@swc/helpers/_/_object_spread");
12
12
  var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
13
+ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
14
+ var _to_array = require("@swc/helpers/_/_to_array");
13
15
  var _jsxruntime = require("react/jsx-runtime");
14
16
  var _core = require("@mantine/core");
15
17
  var _react = require("react");
16
18
  var _createPolymorphicComponent = require("../../utils/createPolymorphicComponent.js");
17
19
  var _overrideComponent = require("../../utils/overrideComponent.js");
18
20
  var _ButtonWithDisabledTooltip = require("../Button/ButtonWithDisabledTooltip.js");
19
- var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
20
- var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, others = _object_without_properties._(_param, [
21
+ var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
22
+ var _ref = [
23
+ _0,
24
+ _1
25
+ ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), disabledTooltip = _ref2.disabledTooltip, disabled = _ref2.disabled, disabledTooltipProps = _ref2.disabledTooltipProps, others = _object_without_properties._(_ref2, [
21
26
  "disabledTooltip",
22
27
  "disabled",
23
28
  "disabledTooltipProps"
24
- ]);
29
+ ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
25
30
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
26
31
  disabled: disabled,
27
32
  disabledTooltip: disabledTooltip,
@@ -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} from '../../utils/createPolymorphicComponent.js';\nimport {overrideComponent} from '../../utils/overrideComponent.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\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\n ref={ref}\n disabled={disabled}\n data-disabled={disabled}\n {...others}\n {...(disabled && (others as any).href ? {href: undefined} : {})}\n />\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","data-disabled","href","undefined","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;oBA7B4D;qBAChD;0CAEgB;iCACT;yCACwC;AAIxE,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;YACbP,KAAKA;YACLE,UAAUA;YACVM,iBAAeN;WACXE,QACCF,YAAY,AAACE,OAAeK,IAAI,GAAG;YAACA,MAAMC;QAAS,IAAI,CAAC;;;AAM7E,IAAMC,WAAWC,IAAAA,sDAA0B,EAA0Bd;AAE9D,IAAMD,OAAOgB,IAAAA,oCAAiB,EAACP,UAAW,EAAE;IAC/CQ,aAAa;IACbP,MAAMI;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} from '../../utils/createPolymorphicComponent.js';\nimport {overrideComponent} from '../../utils/overrideComponent.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\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\n ref={ref}\n disabled={disabled}\n data-disabled={disabled}\n {...others}\n {...(disabled && (others as any).href ? {href: undefined} : {})}\n />\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","disabledTooltip","disabled","disabledTooltipProps","others","ref","ButtonWithDisabledTooltip","MantineMenu","Item","data-disabled","href","undefined","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;;oBA7B4D;qBAChD;0CAEgB;iCACT;yCACwC;AAIxE,IAAMC,0BAAYC,IAAAA,iBAAU,EACxB;;;;4EAAEC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,6BAAAA,sBAAyBC;;;;+CAASC;yBAC3D,qBAACC,oDAAyB;QACtBJ,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,qBAACI,UAAW,CAACC,IAAI;YACbH,KAAKA;YACLH,UAAUA;YACVO,iBAAeP;WACXE,QACCF,YAAY,AAACE,OAAeM,IAAI,GAAG;YAACA,MAAMC;QAAS,IAAI,CAAC;;;AAM7E,IAAMC,WAAWC,IAAAA,sDAA0B,EAA0Bd;AAE9D,IAAMD,OAAOgB,IAAAA,oCAAiB,EAACP,UAAW,EAAE;IAC/CQ,aAAa;IACbP,MAAMI;AACV"}
@@ -10,16 +10,21 @@ Object.defineProperty(exports, "Modal", {
10
10
  });
11
11
  var _object_spread = require("@swc/helpers/_/_object_spread");
12
12
  var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
13
+ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
14
+ var _to_array = require("@swc/helpers/_/_to_array");
13
15
  var _jsxruntime = require("react/jsx-runtime");
14
16
  var _core = require("@mantine/core");
15
17
  var _Header = require("../Header/Header.js");
16
18
  var _ModalFooter = require("./ModalFooter.js");
17
- var PlasmaModal = (0, _core.factory)(function(_param, ref) {
18
- var title = _param.title, description = _param.description, help = _param.help, otherProps = _object_without_properties._(_param, [
19
+ var PlasmaModal = (0, _core.factory)(function(_0, _1) {
20
+ var _ref = [
21
+ _0,
22
+ _1
23
+ ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), title = _ref2.title, description = _ref2.description, help = _ref2.help, otherProps = _object_without_properties._(_ref2, [
19
24
  "title",
20
25
  "description",
21
26
  "help"
22
- ]);
27
+ ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
23
28
  var header = typeof title === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Header.Header, {
24
29
  titleComponent: "div",
25
30
  variant: "secondary",
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n factory,\n Modal as MantineModal,\n ModalFactory as MantineModalFactory,\n ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {Header, type HeaderDocAnchorProps, type HeaderProps} from '../Header/Header.js';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter.js';\n\ninterface PlasmaModalProps extends MantineModalProps {\n /**\n * Description of the modal, displayed below the title.\n */\n description?: HeaderProps['description'];\n /**\n * Help link for the modal, displayed in the header.\n * Usually provides a link to external documentation or help resources.\n */\n help?: HeaderDocAnchorProps;\n}\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n props: PlasmaModalProps;\n staticComponents: MantineModalFactory['staticComponents'] & {\n Footer: typeof PlasmaModalFooter;\n };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>(({title, description, help, ...otherProps}, ref) => {\n const header =\n typeof title === 'string' ? (\n <Header titleComponent=\"div\" variant=\"secondary\" description={description}>\n {title}\n {help && <Header.DocAnchor {...help} />}\n </Header>\n ) : (\n title\n );\n return <MantineModal ref={ref} title={header} {...otherProps} />;\n});\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\nexport type ModalProps = PlasmaModalProps;\n\nexport type ModalFactory = PlasmaModalFactory;\nexport type {ModalRootProps, ModalCssVariables, ModalStylesNames} from '@mantine/core';\n"],"names":["Modal","PlasmaModal","factory","ref","title","description","help","otherProps","header","Header","titleComponent","variant","DocAnchor","MantineModal","displayName","Root","Body","Overlay","Content","Title","CloseButton","Stack","Footer","PlasmaModalFooter"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;oBAhDN;sBAC2D;2BACnB;AAsB/C,IAAMC,cAAcC,IAAAA,aAAO,EAAqB,iBAA4CC;QAA1CC,eAAAA,OAAOC,qBAAAA,aAAaC,cAAAA,MAASC;QAA7BH;QAAOC;QAAaC;;IAClE,IAAME,SACF,OAAOJ,UAAU,yBACb,sBAACK,cAAM;QAACC,gBAAe;QAAMC,SAAQ;QAAYN,aAAaA;;YACzDD;YACAE,sBAAQ,qBAACG,cAAM,CAACG,SAAS,uBAAKN;;SAGnCF;IAER,qBAAO,qBAACS,WAAY;QAACV,KAAKA;QAAKC,OAAOI;OAAYD;AACtD;AAEAN,YAAYa,WAAW,GAAG;AAC1Bb,YAAYc,IAAI,GAAGF,WAAY,CAACE,IAAI;AACpCd,YAAYe,IAAI,GAAGH,WAAY,CAACG,IAAI;AACpCf,YAAYgB,OAAO,GAAGJ,WAAY,CAACI,OAAO;AAC1ChB,YAAYiB,OAAO,GAAGL,WAAY,CAACK,OAAO;AAC1CjB,YAAYQ,MAAM,GAAGI,WAAY,CAACJ,MAAM;AACxCR,YAAYkB,KAAK,GAAGN,WAAY,CAACM,KAAK;AACtClB,YAAYmB,WAAW,GAAGP,WAAY,CAACO,WAAW;AAClDnB,YAAYoB,KAAK,GAAGR,WAAY,CAACQ,KAAK;AACtCpB,YAAYqB,MAAM,GAAGC,wBAAiB;AAE/B,IAAMvB,QAAQC"}
1
+ {"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n factory,\n Modal as MantineModal,\n ModalFactory as MantineModalFactory,\n ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {Header, type HeaderDocAnchorProps, type HeaderProps} from '../Header/Header.js';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter.js';\n\ninterface PlasmaModalProps extends MantineModalProps {\n /**\n * Description of the modal, displayed below the title.\n */\n description?: HeaderProps['description'];\n /**\n * Help link for the modal, displayed in the header.\n * Usually provides a link to external documentation or help resources.\n */\n help?: HeaderDocAnchorProps;\n}\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n props: PlasmaModalProps;\n staticComponents: MantineModalFactory['staticComponents'] & {\n Footer: typeof PlasmaModalFooter;\n };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>(({title, description, help, ...otherProps}, ref) => {\n const header =\n typeof title === 'string' ? (\n <Header titleComponent=\"div\" variant=\"secondary\" description={description}>\n {title}\n {help && <Header.DocAnchor {...help} />}\n </Header>\n ) : (\n title\n );\n return <MantineModal ref={ref} title={header} {...otherProps} />;\n});\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\nexport type ModalProps = PlasmaModalProps;\n\nexport type ModalFactory = PlasmaModalFactory;\nexport type {ModalRootProps, ModalCssVariables, ModalStylesNames} from '@mantine/core';\n"],"names":["Modal","PlasmaModal","factory","title","description","help","otherProps","ref","header","Header","titleComponent","variant","DocAnchor","MantineModal","displayName","Root","Body","Overlay","Content","Title","CloseButton","Stack","Footer","PlasmaModalFooter"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;;oBAhDN;sBAC2D;2BACnB;AAsB/C,IAAMC,cAAcC,IAAAA,aAAO,EAAqB;;;;4EAAEC,cAAAA,OAAOC,oBAAAA,aAAaC,aAAAA,MAASC;;;;+CAAaC;IACxF,IAAMC,SACF,OAAOL,UAAU,yBACb,sBAACM,cAAM;QAACC,gBAAe;QAAMC,SAAQ;QAAYP,aAAaA;;YACzDD;YACAE,sBAAQ,qBAACI,cAAM,CAACG,SAAS,uBAAKP;;SAGnCF;IAER,qBAAO,qBAACU,WAAY;QAACN,KAAKA;QAAKJ,OAAOK;OAAYF;AACtD;AAEAL,YAAYa,WAAW,GAAG;AAC1Bb,YAAYc,IAAI,GAAGF,WAAY,CAACE,IAAI;AACpCd,YAAYe,IAAI,GAAGH,WAAY,CAACG,IAAI;AACpCf,YAAYgB,OAAO,GAAGJ,WAAY,CAACI,OAAO;AAC1ChB,YAAYiB,OAAO,GAAGL,WAAY,CAACK,OAAO;AAC1CjB,YAAYQ,MAAM,GAAGI,WAAY,CAACJ,MAAM;AACxCR,YAAYkB,KAAK,GAAGN,WAAY,CAACM,KAAK;AACtClB,YAAYmB,WAAW,GAAGP,WAAY,CAACO,WAAW;AAClDnB,YAAYoB,KAAK,GAAGR,WAAY,CAACQ,KAAK;AACtCpB,YAAYqB,MAAM,GAAGC,wBAAiB;AAE/B,IAAMvB,QAAQC"}
@@ -15,7 +15,7 @@ var _react = require("react");
15
15
  var _core = require("@mantine/core");
16
16
  var _StickyFooter = require("../StickyFooter/StickyFooter.js");
17
17
  var _ModalFootermodulecss = /*#__PURE__*/ _interop_require_default._(require("./ModalFooter.module.css"));
18
- var ensuresFooterHasEvenHeight = function(footer) {
18
+ var ensuresFooterHasEvenHeight = function ensuresFooterHasEvenHeight(footer) {
19
19
  var remainder = footer.offsetHeight % 2;
20
20
  footer.style.height = "".concat(footer.offsetHeight - remainder + 2, "px");
21
21
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["import {useRef, useEffect} from 'react';\nimport {Factory, factory} from '@mantine/core';\nimport {StickyFooter, type StickyFooterProps, type StickyFooterStylesNames} from '../StickyFooter/StickyFooter.js';\nimport classes from './ModalFooter.module.css';\n\nexport interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {}\n\nexport type ModalFooterStylesNames = StickyFooterStylesNames;\n\nexport type ModalFooterFactory = Factory<{\n props: ModalFooterProps;\n ref: HTMLDivElement;\n stylesNames: ModalFooterStylesNames;\n}>;\n\nconst ensuresFooterHasEvenHeight = (footer: HTMLElement) => {\n const remainder = footer.offsetHeight % 2;\n footer.style.height = `${footer.offsetHeight - remainder + 2}px`;\n};\n\nexport const ModalFooter = factory<ModalFooterFactory>((props, ref) => {\n const _ref = useRef<HTMLDivElement>(null);\n\n const footerRef = ref || _ref;\n\n useEffect(() => {\n if (typeof footerRef !== 'function' && footerRef.current) {\n ensuresFooterHasEvenHeight(footerRef.current);\n }\n\n // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case\n }, [ref, props.h]);\n\n return <StickyFooter className={classes.root} ref={footerRef} {...props} />;\n});\n"],"names":["ModalFooter","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","factory","props","ref","_ref","useRef","footerRef","useEffect","current","h","StickyFooter","className","classes","root"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;;;qBApBmB;oBACD;4BACkD;6EAC7D;AAYpB,IAAMC,6BAA6B,SAACC;IAChC,IAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,AAAC,GAAsC,OAApCJ,OAAOE,YAAY,GAAGD,YAAY,GAAE;AACjE;AAEO,IAAMH,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAAMC,OAAOC,IAAAA,aAAM,EAAiB;IAEpC,IAAMC,YAAYH,OAAOC;IAEzBG,IAAAA,gBAAS,EAAC;QACN,IAAI,OAAOD,cAAc,cAAcA,UAAUE,OAAO,EAAE;YACtDb,2BAA2BW,UAAUE,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACL;QAAKD,MAAMO,CAAC;KAAC;IAEjB,qBAAO,qBAACC,0BAAY;QAACC,WAAWC,6BAAO,CAACC,IAAI;QAAEV,KAAKG;OAAeJ;AACtE"}
1
+ {"version":3,"sources":["../../../../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["import {useRef, useEffect} from 'react';\nimport {Factory, factory} from '@mantine/core';\nimport {StickyFooter, type StickyFooterProps, type StickyFooterStylesNames} from '../StickyFooter/StickyFooter.js';\nimport classes from './ModalFooter.module.css';\n\nexport interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {}\n\nexport type ModalFooterStylesNames = StickyFooterStylesNames;\n\nexport type ModalFooterFactory = Factory<{\n props: ModalFooterProps;\n ref: HTMLDivElement;\n stylesNames: ModalFooterStylesNames;\n}>;\n\nconst ensuresFooterHasEvenHeight = (footer: HTMLElement) => {\n const remainder = footer.offsetHeight % 2;\n footer.style.height = `${footer.offsetHeight - remainder + 2}px`;\n};\n\nexport const ModalFooter = factory<ModalFooterFactory>((props, ref) => {\n const _ref = useRef<HTMLDivElement>(null);\n\n const footerRef = ref || _ref;\n\n useEffect(() => {\n if (typeof footerRef !== 'function' && footerRef.current) {\n ensuresFooterHasEvenHeight(footerRef.current);\n }\n\n // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case\n }, [ref, props.h]);\n\n return <StickyFooter className={classes.root} ref={footerRef} {...props} />;\n});\n"],"names":["ModalFooter","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","factory","props","ref","_ref","useRef","footerRef","useEffect","current","h","StickyFooter","className","classes","root"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;;;qBApBmB;oBACD;4BACkD;6EAC7D;AAYpB,IAAMC,6BAA6B,oCAACC;IAChC,IAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,AAAC,GAAsC,OAApCJ,OAAOE,YAAY,GAAGD,YAAY,GAAE;AACjE;AAEO,IAAMH,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAAMC,OAAOC,IAAAA,aAAM,EAAiB;IAEpC,IAAMC,YAAYH,OAAOC;IAEzBG,IAAAA,gBAAS,EAAC;QACN,IAAI,OAAOD,cAAc,cAAcA,UAAUE,OAAO,EAAE;YACtDb,2BAA2BW,UAAUE,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACL;QAAKD,MAAMO,CAAC;KAAC;IAEjB,qBAAO,qBAACC,0BAAY;QAACC,WAAWC,6BAAO,CAACC,IAAI;QAAEV,KAAKG;OAAeJ;AACtE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n factory,\n Factory,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n Title,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ComponentType, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../Modal/Modal.js';\nimport {PromptContextProvider} from './Prompt.context.js';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton.js';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton.js';\nimport CriticalIcon from './icons/CriticalIcon.js';\nimport InfoIcon from './icons/InfoIcon.js';\nimport SuccessIcon from './icons/SuccessIcon.js';\nimport WarningIcon from './icons/WarningIcon.js';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | Exclude<ModalStylesNames, 'title'>\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof PromptFooter;\n };\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, ComponentType> = {\n success: SuccessIcon,\n warning: WarningIcon,\n critical: CriticalIcon,\n info: InfoIcon,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n centered: true,\n};\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {\n variant,\n title,\n children,\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n attributes: _attributes,\n ...others\n } = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\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 footers: ReactElement[] = [];\n const otherChildren: ReactElement[] = [];\n\n Children.forEach(children, (child: ReactElement) => {\n (child.type === Prompt.Footer ? footers : otherChildren).push(child);\n });\n\n const IconComponent = PromptVariantIconsMapping[variant];\n\n return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n <Modal.Content {...getStyles('content', stylesApiProps)}>\n <Modal.Header {...getStyles('header', stylesApiProps)}>\n <IconComponent />\n <Modal.Title>\n <Title order={3} component=\"div\">\n {title}\n </Title>\n </Modal.Title>\n <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n </Modal.Header>\n <Modal.Body {...getStyles('body', stylesApiProps)}>\n <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n </Modal.Body>\n {footers}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nconst PromptFooter = Modal.Footer.withProps({pt: 0});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","PromptVariantIconsMapping","success","SuccessIcon","warning","WarningIcon","critical","CriticalIcon","info","InfoIcon","defaultProps","variant","centered","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","attributes","_attributes","others","getStyles","useStyles","name","classes","stylesApiProps","footers","otherChildren","Children","forEach","child","type","Footer","push","IconComponent","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","Title","order","component","CloseButton","Body","Box","PromptFooter","withProps","pt","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton"],"mappings":";;;;+BAoEaA;;;eAAAA;;;;;;;;oBA1DN;qBACwD;qBAC3C;6BACgB;wEAChB;kCACmD;mCACE;qEAChD;iEACJ;oEACG;oEACA;AAoCxB,IAAMC,4BAAkE;IACpEC,SAASC,oBAAW;IACpBC,SAASC,oBAAW;IACpBC,UAAUC,qBAAY;IACtBC,MAAMC,iBAAQ;AAClB;AAEA,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEO,IAAMZ,SAASa,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUP,cAAcI;IAC/C,IACIH,UAWAK,MAXAL,SACAO,QAUAF,MAVAE,OACAC,WASAH,MATAG,UACAC,YAQAJ,MARAI,WACAC,aAOAL,MAPAK,YACAC,QAMAN,MANAM,OACAC,SAKAP,MALAO,QACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,AAAYC,cAEZX,MAFAU,YACGE,sCACHZ;QAXAL;QACAO;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNf,OAAAA;QACAgB,SAAAA,wBAAO;QACPZ,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMQ,iBAAiB;QAACZ,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,IAAMW,UAA0B,EAAE;IAClC,IAAMC,gBAAgC,EAAE;IAExCC,eAAQ,CAACC,OAAO,CAAClB,UAAU,SAACmB;QACvBA,CAAAA,MAAMC,IAAI,KAAKvC,OAAOwC,MAAM,GAAGN,UAAUC,aAAY,EAAGM,IAAI,CAACH;IAClE;IAEA,IAAMI,gBAAgBzC,yBAAyB,CAACU,QAAQ;IAExD,qBACI,qBAACgC,oCAAqB;QAACC,OAAO;YAACjC,SAAAA;YAASkB,WAAAA;QAAS;kBAC7C,cAAA,sBAACgB,YAAK,CAACC,IAAI;YAAC/B,KAAKA;YAAKJ,SAAQ;YAASoC,MAAK;WAASnB,QAAYC,UAAU;;8BACvE,qBAACgB,YAAK,CAACG,OAAO,uBAAKnB,UAAU,WAAWI;8BACxC,sBAACY,YAAK,CAACI,OAAO,8CAAKpB,UAAU,WAAWI;;sCACpC,sBAACY,YAAK,CAACK,MAAM,8CAAKrB,UAAU,UAAUI;;8CAClC,qBAACS;8CACD,qBAACG,YAAK,CAACM,KAAK;8CACR,cAAA,qBAACA,WAAK;wCAACC,OAAO;wCAAGC,WAAU;kDACtBnC;;;8CAGT,qBAAC2B,YAAK,CAACS,WAAW,uBAAKzB,UAAU,SAASI;;;sCAE9C,qBAACY,YAAK,CAACU,IAAI,8CAAK1B,UAAU,QAAQI;sCAC9B,cAAA,qBAACuB,SAAG,8CAAK3B,UAAU,SAASI;0CAAkBE;;;wBAEjDD;;;;;;AAKrB;AAEA,IAAMuB,eAAeZ,YAAK,CAACL,MAAM,CAACkB,SAAS,CAAC;IAACC,IAAI;AAAC;AAElD3D,OAAO4D,YAAY,GAAGC,sCAAkB;AACxC7D,OAAO8D,aAAa,GAAGC,wCAAmB;AAC1C/D,OAAOwC,MAAM,GAAGiB"}
1
+ {"version":3,"sources":["../../../../src/components/Prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n factory,\n Factory,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n Title,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ComponentType, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../Modal/Modal.js';\nimport {PromptContextProvider} from './Prompt.context.js';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton.js';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton.js';\nimport CriticalIcon from './icons/CriticalIcon.js';\nimport InfoIcon from './icons/InfoIcon.js';\nimport SuccessIcon from './icons/SuccessIcon.js';\nimport WarningIcon from './icons/WarningIcon.js';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | Exclude<ModalStylesNames, 'title'>\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof PromptFooter;\n };\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, ComponentType> = {\n success: SuccessIcon,\n warning: WarningIcon,\n critical: CriticalIcon,\n info: InfoIcon,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n centered: true,\n};\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {\n variant,\n title,\n children,\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n attributes: _attributes,\n ...others\n } = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\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 footers: ReactElement[] = [];\n const otherChildren: ReactElement[] = [];\n\n Children.forEach(children, (child: ReactElement) => {\n (child.type === Prompt.Footer ? footers : otherChildren).push(child);\n });\n\n const IconComponent = PromptVariantIconsMapping[variant];\n\n return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n <Modal.Content {...getStyles('content', stylesApiProps)}>\n <Modal.Header {...getStyles('header', stylesApiProps)}>\n <IconComponent />\n <Modal.Title>\n <Title order={3} component=\"div\">\n {title}\n </Title>\n </Modal.Title>\n <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n </Modal.Header>\n <Modal.Body {...getStyles('body', stylesApiProps)}>\n <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n </Modal.Body>\n {footers}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nconst PromptFooter = Modal.Footer.withProps({pt: 0});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","PromptVariantIconsMapping","success","SuccessIcon","warning","WarningIcon","critical","CriticalIcon","info","InfoIcon","defaultProps","variant","centered","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","attributes","_attributes","others","getStyles","useStyles","name","classes","stylesApiProps","footers","otherChildren","Children","forEach","child","type","Footer","push","IconComponent","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","Title","order","component","CloseButton","Body","Box","PromptFooter","withProps","pt","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton"],"mappings":";;;;+BAoEaA;;;eAAAA;;;;;;;;oBA1DN;qBACwD;qBAC3C;6BACgB;wEAChB;kCACmD;mCACE;qEAChD;iEACJ;oEACG;oEACA;AAoCxB,IAAMC,4BAAkE;IACpEC,SAASC,oBAAW;IACpBC,SAASC,oBAAW;IACpBC,UAAUC,qBAAY;IACtBC,MAAMC,iBAAQ;AAClB;AAEA,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEO,IAAMZ,SAASa,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUP,cAAcI;IAC/C,IACIH,UAWAK,MAXAL,SACAO,QAUAF,MAVAE,OACAC,WASAH,MATAG,UACAC,YAQAJ,MARAI,WACAC,aAOAL,MAPAK,YACAC,QAMAN,MANAM,OACAC,SAKAP,MALAO,QACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,AAAYC,cAEZX,MAFAU,YACGE,sCACHZ;;;;;;;;;;;;IACJ,IAAMa,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNf,OAAAA;QACAgB,SAAAA,wBAAO;QACPZ,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMQ,iBAAiB;QAACZ,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,IAAMW,UAA0B,EAAE;IAClC,IAAMC,gBAAgC,EAAE;IAExCC,eAAQ,CAACC,OAAO,CAAClB,UAAU,SAACmB;QACvBA,CAAAA,MAAMC,IAAI,KAAKvC,OAAOwC,MAAM,GAAGN,UAAUC,aAAY,EAAGM,IAAI,CAACH;IAClE;IAEA,IAAMI,gBAAgBzC,yBAAyB,CAACU,QAAQ;IAExD,qBACI,qBAACgC,oCAAqB;QAACC,OAAO;YAACjC,SAAAA;YAASkB,WAAAA;QAAS;kBAC7C,cAAA,sBAACgB,YAAK,CAACC,IAAI;YAAC/B,KAAKA;YAAKJ,SAAQ;YAASoC,MAAK;WAASnB,QAAYC,UAAU;;8BACvE,qBAACgB,YAAK,CAACG,OAAO,uBAAKnB,UAAU,WAAWI;8BACxC,sBAACY,YAAK,CAACI,OAAO,8CAAKpB,UAAU,WAAWI;;sCACpC,sBAACY,YAAK,CAACK,MAAM,8CAAKrB,UAAU,UAAUI;;8CAClC,qBAACS;8CACD,qBAACG,YAAK,CAACM,KAAK;8CACR,cAAA,qBAACA,WAAK;wCAACC,OAAO;wCAAGC,WAAU;kDACtBnC;;;8CAGT,qBAAC2B,YAAK,CAACS,WAAW,uBAAKzB,UAAU,SAASI;;;sCAE9C,qBAACY,YAAK,CAACU,IAAI,8CAAK1B,UAAU,QAAQI;sCAC9B,cAAA,qBAACuB,SAAG,8CAAK3B,UAAU,SAASI;0CAAkBE;;;wBAEjDD;;;;;;AAKrB;AAEA,IAAMuB,eAAeZ,YAAK,CAACL,MAAM,CAACkB,SAAS,CAAC;IAACC,IAAI;AAAC;AAElD3D,OAAO4D,YAAY,GAAGC,sCAAkB;AACxC7D,OAAO8D,aAAa,GAAGC,wCAAmB;AAC1C/D,OAAOwC,MAAM,GAAGiB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Prompt/PromptCancelButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../Button/Button.js';\nimport {usePromptContext} from './Prompt.context.js';\n\nexport type PromptCancelButtonStylesNamesVariant = 'cancel';\n\nexport interface PromptCancelButtonProps\n extends CompoundStylesApiProps<PromptCancelButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptCancelButtonFactory = Factory<{\n props: PromptCancelButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptCancelButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst defaultProps: Partial<PromptCancelButtonProps> = {};\n\nexport const PromptCancelButton = factory<PromptCancelButtonFactory>((_props, ref) => {\n const {getStyles} = usePromptContext();\n const props = useProps('PromptCancelButton', defaultProps, _props);\n const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n return <Button.Tertiary ref={ref} {...others} {...getStyles('cancel', {style, styles, className, classNames})} />;\n});\n"],"names":["PromptCancelButton","defaultProps","factory","_props","ref","getStyles","usePromptContext","props","useProps","className","classNames","style","styles","unstyled","vars","others","Button","Tertiary"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;oBAnBoD;sBAC/B;6BACH;AAe/B,IAAMC,eAAiD,CAAC;AAEjD,IAAMD,qBAAqBE,IAAAA,aAAO,EAA4B,SAACC,QAAQC;IAC1E,IAAM,AAACC,YAAaC,IAAAA,+BAAgB,IAA7BD;IACP,IAAME,QAAQC,IAAAA,cAAQ,EAAC,sBAAsBP,cAAcE;IAC3D,IAAOM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,QAA4CJ,MAA5CI,OAAOC,SAAqCL,MAArCK,QAAQC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAnEE;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAEvD,qBAAO,qBAACE,cAAM,CAACC,QAAQ;QAACb,KAAKA;OAASW,QAAYV,UAAU,UAAU;QAACM,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAC/G"}
1
+ {"version":3,"sources":["../../../../src/components/Prompt/PromptCancelButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../Button/Button.js';\nimport {usePromptContext} from './Prompt.context.js';\n\nexport type PromptCancelButtonStylesNamesVariant = 'cancel';\n\nexport interface PromptCancelButtonProps\n extends CompoundStylesApiProps<PromptCancelButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptCancelButtonFactory = Factory<{\n props: PromptCancelButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptCancelButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst defaultProps: Partial<PromptCancelButtonProps> = {};\n\nexport const PromptCancelButton = factory<PromptCancelButtonFactory>((_props, ref) => {\n const {getStyles} = usePromptContext();\n const props = useProps('PromptCancelButton', defaultProps, _props);\n const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n return <Button.Tertiary ref={ref} {...others} {...getStyles('cancel', {style, styles, className, classNames})} />;\n});\n"],"names":["PromptCancelButton","defaultProps","factory","_props","ref","getStyles","usePromptContext","props","useProps","className","classNames","style","styles","unstyled","vars","others","Button","Tertiary"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;oBAnBoD;sBAC/B;6BACH;AAe/B,IAAMC,eAAiD,CAAC;AAEjD,IAAMD,qBAAqBE,IAAAA,aAAO,EAA4B,SAACC,QAAQC;IAC1E,IAAM,AAACC,YAAaC,IAAAA,+BAAgB,IAA7BD;IACP,IAAME,QAAQC,IAAAA,cAAQ,EAAC,sBAAsBP,cAAcE;IAC3D,IAAOM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,QAA4CJ,MAA5CI,OAAOC,SAAqCL,MAArCK,QAAQC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;;;;;;;;IAE1E,qBAAO,qBAACS,cAAM,CAACC,QAAQ;QAACb,KAAKA;OAASW,QAAYV,UAAU,UAAU;QAACM,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAC/G"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, PolymorphicComponentProps, useProps} from '@mantine/core';\nimport {JSXElementConstructor, ReactElement} from 'react';\nimport {Button, ButtonProps} from '../Button/Button.js';\nimport {PromptVariant} from './Prompt.js';\nimport {usePromptContext} from './Prompt.context.js';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COMPONENT_BY_VARIANT: Record<\n PromptVariant,\n <L = 'button'>(\n props: PolymorphicComponentProps<L, ButtonProps>,\n ) => ReactElement<any, string | JSXElementConstructor<any>>\n> = {\n success: Button.Primary,\n info: Button.Primary,\n warning: Button.DestructivePrimary,\n critical: Button.DestructivePrimary,\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n const Component = COMPONENT_BY_VARIANT[variant];\n return (\n <Component\n ref={ref}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COMPONENT_BY_VARIANT","success","Button","Primary","info","warning","DestructivePrimary","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Component"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;;oBAjC+E;sBAE1D;6BAEH;AAe/B,IAAMC,uBAKF;IACAC,SAASC,cAAM,CAACC,OAAO;IACvBC,MAAMF,cAAM,CAACC,OAAO;IACpBE,SAASH,cAAM,CAACI,kBAAkB;IAClCC,UAAUL,cAAM,CAACI,kBAAkB;AACvC;AAEA,IAAME,eAAkD,CAAC;AAElD,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAY3B,oBAAoB,CAACa,QAAQ;IAC/C,qBACI,qBAACc;QACGhB,KAAKA;QACLY,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
1
+ {"version":3,"sources":["../../../../src/components/Prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, PolymorphicComponentProps, useProps} from '@mantine/core';\nimport {JSXElementConstructor, ReactElement} from 'react';\nimport {Button, ButtonProps} from '../Button/Button.js';\nimport {PromptVariant} from './Prompt.js';\nimport {usePromptContext} from './Prompt.context.js';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COMPONENT_BY_VARIANT: Record<\n PromptVariant,\n <L = 'button'>(\n props: PolymorphicComponentProps<L, ButtonProps>,\n ) => ReactElement<any, string | JSXElementConstructor<any>>\n> = {\n success: Button.Primary,\n info: Button.Primary,\n warning: Button.DestructivePrimary,\n critical: Button.DestructivePrimary,\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n const Component = COMPONENT_BY_VARIANT[variant];\n return (\n <Component\n ref={ref}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COMPONENT_BY_VARIANT","success","Button","Primary","info","warning","DestructivePrimary","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Component"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;;oBAjC+E;sBAE1D;6BAEH;AAe/B,IAAMC,uBAKF;IACAC,SAASC,cAAM,CAACC,OAAO;IACvBC,MAAMF,cAAM,CAACC,OAAO;IACpBE,SAASH,cAAM,CAACI,kBAAkB;IAClCC,UAAUL,cAAM,CAACI,kBAAkB;AACvC;AAEA,IAAME,eAAkD,CAAC;AAElD,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;;;;;;;;;;;IACJ,IAAMY,YAAY3B,oBAAoB,CAACa,QAAQ;IAC/C,qBACI,qBAACc;QACGhB,KAAKA;QACLY,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "default", {
9
9
  }
10
10
  });
11
11
  var _jsxruntime = require("react/jsx-runtime");
12
- var CriticalIcon = function() {
12
+ var CriticalIcon = function CriticalIcon() {
13
13
  return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
14
14
  role: "img",
15
15
  "aria-label": "critical",
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "default", {
9
9
  }
10
10
  });
11
11
  var _jsxruntime = require("react/jsx-runtime");
12
- var InfoIcon = function() {
12
+ var InfoIcon = function InfoIcon() {
13
13
  return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
14
14
  role: "img",
15
15
  "aria-label": "info",
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "default", {
9
9
  }
10
10
  });
11
11
  var _jsxruntime = require("react/jsx-runtime");
12
- var SuccessIcon = function() {
12
+ var SuccessIcon = function SuccessIcon() {
13
13
  return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
14
14
  role: "img",
15
15
  "aria-label": "success",
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "default", {
9
9
  }
10
10
  });
11
11
  var _jsxruntime = require("react/jsx-runtime");
12
- var WarningIcon = function() {
12
+ var WarningIcon = function WarningIcon() {
13
13
  return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
14
14
  role: "img",
15
15
  "aria-label": "warning",
@@ -20,6 +20,10 @@ export type RadioCardProps = MantineRadioCardProps & StylesApiProps<RadioCardFac
20
20
  * If true, the radio card will be displayed in a read-only state.
21
21
  */
22
22
  readOnly?: boolean;
23
+ /**
24
+ * The tooltip message to display when disabled
25
+ */
26
+ disabledTooltip?: string;
23
27
  };
24
28
  export declare const RadioCard: import("@mantine/core").MantineComponent<{
25
29
  props: RadioCardProps;
@@ -1 +1 @@
1
- {"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,cAAc,IAAI,qBAAqB,EACvC,oBAAoB,IAAI,2BAA2B,EAEnD,qBAAqB,EACrB,cAAc,EAKjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;AACrH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oBAAoB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAC9C,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAIN,eAAO,MAAM,SAAS;WAxBX,cAAc;SAChB,iBAAiB;iBACT,oBAAoB;UAC3B,qBAAqB;EAuD7B,CAAC"}
1
+ {"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,cAAc,IAAI,qBAAqB,EACvC,oBAAoB,IAAI,2BAA2B,EAEnD,qBAAqB,EACrB,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;AACrH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oBAAoB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAC9C,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIN,eAAO,MAAM,SAAS;WA5BX,cAAc;SAChB,iBAAiB;iBACT,oBAAoB;UAC3B,qBAAqB;EA0D7B,CAAC"}
@@ -17,7 +17,7 @@ var _core = require("@mantine/core");
17
17
  var _RadioCardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../../styles/RadioCard.module.css"));
18
18
  var defaultProps = {};
19
19
  var RadioCard = (0, _core.factory)(function(_props, ref) {
20
- var _useProps = (0, _core.useProps)('RadioCard', defaultProps, _props), classNames = _useProps.classNames, styles = _useProps.styles, style = _useProps.style, className = _useProps.className, vars = _useProps.vars, disabled = _useProps.disabled, label = _useProps.label, description = _useProps.description, others = _object_without_properties._(_useProps, [
20
+ var _useProps = (0, _core.useProps)('RadioCard', defaultProps, _props), classNames = _useProps.classNames, styles = _useProps.styles, style = _useProps.style, className = _useProps.className, vars = _useProps.vars, disabled = _useProps.disabled, label = _useProps.label, description = _useProps.description, disabledTooltip = _useProps.disabledTooltip, others = _object_without_properties._(_useProps, [
21
21
  "classNames",
22
22
  "styles",
23
23
  "style",
@@ -25,7 +25,8 @@ var RadioCard = (0, _core.factory)(function(_props, ref) {
25
25
  "vars",
26
26
  "disabled",
27
27
  "label",
28
- "description"
28
+ "description",
29
+ "disabledTooltip"
29
30
  ]);
30
31
  var getStyles = (0, _core.useStyles)({
31
32
  name: 'RadioCard',
@@ -37,47 +38,51 @@ var RadioCard = (0, _core.factory)(function(_props, ref) {
37
38
  props: _props,
38
39
  styles: styles
39
40
  });
40
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Radio.Card, _object_spread_props._(_object_spread._({
41
- ref: ref,
42
- disabled: disabled,
43
- readOnly: _props.readOnly
44
- }, getStyles('card', {
45
- className: className,
46
- style: style,
47
- classNames: classNames,
48
- styles: styles
49
- }), others), {
50
- children: [
51
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({}, getStyles('container', {
52
- classNames: classNames,
53
- styles: styles
54
- })), {
55
- children: [
56
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Radio.Indicator, _object_spread._({
57
- size: "xs",
58
- disabled: disabled
59
- }, getStyles('indicator', {
60
- classNames: classNames,
61
- styles: styles
62
- }))),
63
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, _object_spread_props._(_object_spread._({
64
- order: 4
65
- }, getStyles('title', {
66
- classNames: classNames,
67
- styles: styles
68
- })), {
69
- children: label
70
- }))
71
- ]
72
- })),
73
- description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, getStyles('description', {
74
- classNames: classNames,
75
- styles: styles
76
- })), {
77
- children: description
78
- }))
79
- ]
80
- }));
41
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
42
+ label: disabledTooltip,
43
+ disabled: !disabled || !disabledTooltip,
44
+ children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Radio.Card, _object_spread_props._(_object_spread._({
45
+ ref: ref,
46
+ disabled: disabled,
47
+ readOnly: _props.readOnly
48
+ }, getStyles('card', {
49
+ className: className,
50
+ style: style,
51
+ classNames: classNames,
52
+ styles: styles
53
+ }), others), {
54
+ children: [
55
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({}, getStyles('container', {
56
+ classNames: classNames,
57
+ styles: styles
58
+ })), {
59
+ children: [
60
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Radio.Indicator, _object_spread._({
61
+ size: "xs",
62
+ disabled: disabled
63
+ }, getStyles('indicator', {
64
+ classNames: classNames,
65
+ styles: styles
66
+ }))),
67
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, _object_spread_props._(_object_spread._({
68
+ order: 4
69
+ }, getStyles('title', {
70
+ classNames: classNames,
71
+ styles: styles
72
+ })), {
73
+ children: label
74
+ }))
75
+ ]
76
+ })),
77
+ description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, getStyles('description', {
78
+ classNames: classNames,
79
+ styles: styles
80
+ })), {
81
+ children: description
82
+ }))
83
+ ]
84
+ }))
85
+ });
81
86
  });
82
87
  RadioCard.displayName = 'RadioCard';
83
88
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n Box,\n Factory,\n Group,\n RadioCardProps as MantineRadioCardProps,\n RadioCardStylesNames as MantineRadioCardStylesNames,\n Radio,\n RadioCardCssVariables,\n StylesApiProps,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n props: RadioCardProps;\n ref: HTMLButtonElement;\n stylesNames: RadioCardStylesNames;\n vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n StylesApiProps<RadioCardFactory> & {\n /**\n * The label of the card. Appears next to the radio indicator.\n */\n label: ReactNode;\n /**\n * The description of the card. Appears under the title.\n */\n description?: ReactNode;\n /**\n * If true, the radio card will be displayed in a read-only state.\n */\n readOnly?: boolean;\n };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n const {classNames, styles, style, className, vars, disabled, label, description, ...others} = useProps(\n 'RadioCard',\n defaultProps,\n _props,\n );\n const getStyles = useStyles<RadioCardFactory>({\n name: 'RadioCard',\n classes,\n vars,\n classNames,\n className,\n style,\n props: _props,\n styles,\n });\n\n return (\n <Radio.Card\n ref={ref}\n disabled={disabled}\n readOnly={_props.readOnly}\n {...getStyles('card', {className, style, classNames, styles})}\n {...others}\n >\n <Group {...getStyles('container', {classNames, styles})}>\n <Radio.Indicator size=\"xs\" disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n <Title order={4} {...getStyles('title', {classNames, styles})}>\n {label}\n </Title>\n </Group>\n {description && <Box {...getStyles('description', {classNames, styles})}>{description}</Box>}\n </Radio.Card>\n );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["RadioCard","defaultProps","factory","_props","ref","useProps","classNames","styles","style","className","vars","disabled","label","description","others","getStyles","useStyles","name","classes","props","Radio","Card","readOnly","Group","Indicator","size","Title","order","Box","displayName"],"mappings":";;;;+BA2CaA;;;eAAAA;;;;;;;;oBA9BN;2EAEa;AA0BpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,aAAO,EAAmB,SAACC,QAAQC;IACxD,IAA8FC,YAAAA,IAAAA,cAAQ,EAClG,aACAJ,cACAE,SAHGG,aAAuFD,UAAvFC,YAAYC,SAA2EF,UAA3EE,QAAQC,QAAmEH,UAAnEG,OAAOC,YAA4DJ,UAA5DI,WAAWC,OAAiDL,UAAjDK,MAAMC,WAA2CN,UAA3CM,UAAUC,QAAiCP,UAAjCO,OAAOC,cAA0BR,UAA1BQ,aAAgBC,sCAAUT;QAAvFC;QAAYC;QAAQC;QAAOC;QAAWC;QAAMC;QAAUC;QAAOC;;IAKpE,IAAME,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPR,MAAAA;QACAJ,YAAAA;QACAG,WAAAA;QACAD,OAAAA;QACAW,OAAOhB;QACPI,QAAAA;IACJ;IAEA,qBACI,sBAACa,WAAK,CAACC,IAAI;QACPjB,KAAKA;QACLO,UAAUA;QACVW,UAAUnB,OAAOmB,QAAQ;OACrBP,UAAU,QAAQ;QAACN,WAAAA;QAAWD,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;IAAM,IACvDO;;0BAEJ,sBAACS,WAAK,8CAAKR,UAAU,aAAa;gBAACT,YAAAA;gBAAYC,QAAAA;YAAM;;kCACjD,qBAACa,WAAK,CAACI,SAAS;wBAACC,MAAK;wBAAKd,UAAUA;uBAAcI,UAAU,aAAa;wBAACT,YAAAA;wBAAYC,QAAAA;oBAAM;kCAC7F,qBAACmB,WAAK;wBAACC,OAAO;uBAAOZ,UAAU,SAAS;wBAACT,YAAAA;wBAAYC,QAAAA;oBAAM;kCACtDK;;;;YAGRC,6BAAe,qBAACe,SAAG,8CAAKb,UAAU,eAAe;gBAACT,YAAAA;gBAAYC,QAAAA;YAAM;0BAAKM;;;;AAGtF;AACAb,UAAU6B,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n Box,\n Factory,\n Group,\n RadioCardProps as MantineRadioCardProps,\n RadioCardStylesNames as MantineRadioCardStylesNames,\n Radio,\n RadioCardCssVariables,\n StylesApiProps,\n Title,\n Tooltip,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n props: RadioCardProps;\n ref: HTMLButtonElement;\n stylesNames: RadioCardStylesNames;\n vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n StylesApiProps<RadioCardFactory> & {\n /**\n * The label of the card. Appears next to the radio indicator.\n */\n label: ReactNode;\n /**\n * The description of the card. Appears under the title.\n */\n description?: ReactNode;\n /**\n * If true, the radio card will be displayed in a read-only state.\n */\n readOnly?: boolean;\n /**\n * The tooltip message to display when disabled\n */\n disabledTooltip?: string;\n };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n const {classNames, styles, style, className, vars, disabled, label, description, disabledTooltip, ...others} =\n useProps('RadioCard', defaultProps, _props);\n const getStyles = useStyles<RadioCardFactory>({\n name: 'RadioCard',\n classes,\n vars,\n classNames,\n className,\n style,\n props: _props,\n styles,\n });\n\n return (\n <Tooltip label={disabledTooltip} disabled={!disabled || !disabledTooltip}>\n <Radio.Card\n ref={ref}\n disabled={disabled}\n readOnly={_props.readOnly}\n {...getStyles('card', {className, style, classNames, styles})}\n {...others}\n >\n <Group {...getStyles('container', {classNames, styles})}>\n <Radio.Indicator size=\"xs\" disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n <Title order={4} {...getStyles('title', {classNames, styles})}>\n {label}\n </Title>\n </Group>\n {description && <Box {...getStyles('description', {classNames, styles})}>{description}</Box>}\n </Radio.Card>\n </Tooltip>\n );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["RadioCard","defaultProps","factory","_props","ref","useProps","classNames","styles","style","className","vars","disabled","label","description","disabledTooltip","others","getStyles","useStyles","name","classes","props","Tooltip","Radio","Card","readOnly","Group","Indicator","size","Title","order","Box","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;;oBAlCN;2EAEa;AA8BpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,aAAO,EAAmB,SAACC,QAAQC;IACxD,IACIC,YAAAA,IAAAA,cAAQ,EAAC,aAAaJ,cAAcE,SADjCG,aACHD,UADGC,YAAYC,SACfF,UADeE,QAAQC,QACvBH,UADuBG,OAAOC,YAC9BJ,UAD8BI,WAAWC,OACzCL,UADyCK,MAAMC,WAC/CN,UAD+CM,UAAUC,QACzDP,UADyDO,OAAOC,cAChER,UADgEQ,aAAaC,kBAC7ET,UAD6ES,iBAAoBC,sCACjGV;;;;;;;;;;;IACJ,IAAMW,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,MAAAA;QACAJ,YAAAA;QACAG,WAAAA;QACAD,OAAAA;QACAY,OAAOjB;QACPI,QAAAA;IACJ;IAEA,qBACI,qBAACc,aAAO;QAACT,OAAOE;QAAiBH,UAAU,CAACA,YAAY,CAACG;kBACrD,cAAA,sBAACQ,WAAK,CAACC,IAAI;YACPnB,KAAKA;YACLO,UAAUA;YACVa,UAAUrB,OAAOqB,QAAQ;WACrBR,UAAU,QAAQ;YAACP,WAAAA;YAAWD,OAAAA;YAAOF,YAAAA;YAAYC,QAAAA;QAAM,IACvDQ;;8BAEJ,sBAACU,WAAK,8CAAKT,UAAU,aAAa;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;;sCACjD,qBAACe,WAAK,CAACI,SAAS;4BAACC,MAAK;4BAAKhB,UAAUA;2BAAcK,UAAU,aAAa;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCAC7F,qBAACqB,WAAK;4BAACC,OAAO;2BAAOb,UAAU,SAAS;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCACtDK;;;;gBAGRC,6BAAe,qBAACiB,SAAG,8CAAKd,UAAU,eAAe;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;8BAAKM;;;;;AAI1F;AACAb,UAAU+B,WAAW,GAAG"}
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "readOnlyInputStyles", {
8
8
  return readOnlyInputStyles;
9
9
  }
10
10
  });
11
- var readOnlyInputStyles = function(theme) {
11
+ var readOnlyInputStyles = function readOnlyInputStyles(theme) {
12
12
  return {
13
13
  wrapper: {
14
14
  '--input-bd': 'var(--mantine-color-default-border)',
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ReadOnly/ReadOnlyInputStyles.ts"],"sourcesContent":["import {type MantineTheme} from '@mantine/core';\n\nexport const readOnlyInputStyles = (theme: MantineTheme) => ({\n wrapper: {\n '--input-bd': 'var(--mantine-color-default-border)',\n '--input-bg': theme.colors.gray[1],\n '--input-color': theme.colors.gray[7],\n '--input-placeholder-color': theme.colors.gray[7],\n },\n label: {\n '--input-asterisk-color': theme.colors.red[2],\n },\n input: {\n cursor: 'text',\n },\n});\n"],"names":["readOnlyInputStyles","theme","wrapper","colors","gray","label","red","input","cursor"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,sBAAsB,SAACC;WAAyB;QACzDC,SAAS;YACL,cAAc;YACd,cAAcD,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YAClC,iBAAiBH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YACrC,6BAA6BH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;QACrD;QACAC,OAAO;YACH,0BAA0BJ,MAAME,MAAM,CAACG,GAAG,CAAC,EAAE;QACjD;QACAC,OAAO;YACHC,QAAQ;QACZ;IACJ"}
1
+ {"version":3,"sources":["../../../../src/components/ReadOnly/ReadOnlyInputStyles.ts"],"sourcesContent":["import {type MantineTheme} from '@mantine/core';\n\nexport const readOnlyInputStyles = (theme: MantineTheme) => ({\n wrapper: {\n '--input-bd': 'var(--mantine-color-default-border)',\n '--input-bg': theme.colors.gray[1],\n '--input-color': theme.colors.gray[7],\n '--input-placeholder-color': theme.colors.gray[7],\n },\n label: {\n '--input-asterisk-color': theme.colors.red[2],\n },\n input: {\n cursor: 'text',\n },\n});\n"],"names":["readOnlyInputStyles","theme","wrapper","colors","gray","label","red","input","cursor"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,sBAAsB,6BAACC;WAAyB;QACzDC,SAAS;YACL,cAAc;YACd,cAAcD,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YAClC,iBAAiBH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YACrC,6BAA6BH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;QACrD;QACAC,OAAO;YACH,0BAA0BJ,MAAME,MAAM,CAACG,GAAG,CAAC,EAAE;QACjD;QACAC,OAAO;YACHC,QAAQ;QACZ;IACJ"}
@@ -24,7 +24,7 @@ var defaultProps = {
24
24
  size: 'lg',
25
25
  variant: 'info'
26
26
  };
27
- var resolveThemeColorFromVariant = function(variant, theme) {
27
+ var resolveThemeColorFromVariant = function resolveThemeColorFromVariant(variant, theme) {
28
28
  switch(variant){
29
29
  case 'success':
30
30
  return theme.colors.green[4];
@@ -44,10 +44,10 @@ var resolveThemeColorFromVariant = function(variant, theme) {
44
44
  return theme.colors.navy[5];
45
45
  }
46
46
  };
47
- var resolveSize = function(size) {
47
+ var resolveSize = function resolveSize(size) {
48
48
  return size === 'sm' ? 8 : 12;
49
49
  };
50
- var resolveIconSrcFromVariant = function(variant) {
50
+ var resolveIconSrcFromVariant = function resolveIconSrcFromVariant(variant) {
51
51
  switch(variant){
52
52
  case 'caution':
53
53
  return _trianglesvgraw.default;