@coveord/plasma-mantine 48.9.1 → 48.10.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 (175) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +6 -6
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/__tests__/GlobalSetup.js.map +1 -1
  5. package/dist/cjs/__tests__/SetupAfterEnv.js.map +1 -1
  6. package/dist/cjs/__tests__/Utils.js.map +1 -1
  7. package/dist/cjs/components/blank-slate/BlankSlate.js +1 -1
  8. package/dist/cjs/components/blank-slate/BlankSlate.js.map +1 -1
  9. package/dist/cjs/components/blank-slate/index.js.map +1 -1
  10. package/dist/cjs/components/code-editor/CodeEditor.js +7 -7
  11. package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
  12. package/dist/cjs/components/code-editor/__mocks__/@monaco-editor/react.js.map +1 -1
  13. package/dist/cjs/components/code-editor/__mocks__/monaco-editor.js.map +1 -1
  14. package/dist/cjs/components/code-editor/index.js.map +1 -1
  15. package/dist/cjs/components/collection/Collection.js +8 -8
  16. package/dist/cjs/components/collection/Collection.js.map +1 -1
  17. package/dist/cjs/components/collection/CollectionItem.js +7 -7
  18. package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
  19. package/dist/cjs/components/collection/Colllection.styles.js.map +1 -1
  20. package/dist/cjs/components/collection/index.js.map +1 -1
  21. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  22. package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js +5 -5
  23. package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
  24. package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js +2 -2
  25. package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
  26. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js +1 -1
  27. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  28. package/dist/cjs/components/date-range-picker/index.js.map +1 -1
  29. package/dist/cjs/components/header/Header.js.map +1 -1
  30. package/dist/cjs/components/header/index.js.map +1 -1
  31. package/dist/cjs/components/index.js.map +1 -1
  32. package/dist/cjs/components/inline-confirm/InlineConfirm.js +1 -1
  33. package/dist/cjs/components/inline-confirm/InlineConfirm.js.map +1 -1
  34. package/dist/cjs/components/inline-confirm/InlineConfirmButton.js +2 -2
  35. package/dist/cjs/components/inline-confirm/InlineConfirmButton.js.map +1 -1
  36. package/dist/cjs/components/inline-confirm/InlineConfirmContext.js.map +1 -1
  37. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +2 -2
  38. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  39. package/dist/cjs/components/inline-confirm/index.js.map +1 -1
  40. package/dist/cjs/components/inline-confirm/useInlineConfirm.js.map +1 -1
  41. package/dist/cjs/components/modal-wizard/ModalWizard.js +5 -5
  42. package/dist/cjs/components/modal-wizard/ModalWizard.js.map +1 -1
  43. package/dist/cjs/components/modal-wizard/ModalWizardStep.js.map +1 -1
  44. package/dist/cjs/components/modal-wizard/index.js.map +1 -1
  45. package/dist/cjs/components/prompt/Prompt.js +1 -1
  46. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  47. package/dist/cjs/components/prompt/PromptFooter.js.map +1 -1
  48. package/dist/cjs/components/prompt/index.js.map +1 -1
  49. package/dist/cjs/components/sticky-footer/StickyFooter.js.map +1 -1
  50. package/dist/cjs/components/sticky-footer/index.js.map +1 -1
  51. package/dist/cjs/components/table/Table.js +14 -14
  52. package/dist/cjs/components/table/Table.js.map +1 -1
  53. package/dist/cjs/components/table/TableActions.js.map +1 -1
  54. package/dist/cjs/components/table/TableCollapsibleColumn.js.map +1 -1
  55. package/dist/cjs/components/table/TableContext.js.map +1 -1
  56. package/dist/cjs/components/table/TableDateRangePicker.js +2 -2
  57. package/dist/cjs/components/table/TableDateRangePicker.js.map +1 -1
  58. package/dist/cjs/components/table/TableFilter.js +3 -3
  59. package/dist/cjs/components/table/TableFilter.js.map +1 -1
  60. package/dist/cjs/components/table/TableFooter.js.map +1 -1
  61. package/dist/cjs/components/table/TableHeader.js.map +1 -1
  62. package/dist/cjs/components/table/TablePagination.js +1 -1
  63. package/dist/cjs/components/table/TablePagination.js.map +1 -1
  64. package/dist/cjs/components/table/TablePerPage.js +5 -5
  65. package/dist/cjs/components/table/TablePerPage.js.map +1 -1
  66. package/dist/cjs/components/table/TablePredicate.js +1 -1
  67. package/dist/cjs/components/table/TablePredicate.js.map +1 -1
  68. package/dist/cjs/components/table/Th.js.map +1 -1
  69. package/dist/cjs/components/table/index.js.map +1 -1
  70. package/dist/cjs/components/table/useTable.js.map +1 -1
  71. package/dist/cjs/hooks/index.js.map +1 -1
  72. package/dist/cjs/hooks/useControlledList.js +2 -2
  73. package/dist/cjs/hooks/useControlledList.js.map +1 -1
  74. package/dist/cjs/hooks/useParentHeight.js +6 -6
  75. package/dist/cjs/hooks/useParentHeight.js.map +1 -1
  76. package/dist/cjs/index.js.map +1 -1
  77. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  78. package/dist/cjs/theme/Plasmantine.js.map +1 -1
  79. package/dist/cjs/theme/Theme.js +6 -0
  80. package/dist/cjs/theme/Theme.js.map +1 -1
  81. package/dist/cjs/theme/index.js.map +1 -1
  82. package/dist/definitions/components/collection/Collection.d.ts +67 -1
  83. package/dist/definitions/components/collection/Collection.d.ts.map +1 -1
  84. package/dist/definitions/components/header/Header.d.ts +23 -2
  85. package/dist/definitions/components/header/Header.d.ts.map +1 -1
  86. package/dist/definitions/theme/Theme.d.ts.map +1 -1
  87. package/dist/esm/__tests__/GlobalSetup.js.map +1 -1
  88. package/dist/esm/__tests__/SetupAfterEnv.js.map +1 -1
  89. package/dist/esm/__tests__/Utils.js.map +1 -1
  90. package/dist/esm/components/blank-slate/BlankSlate.js +1 -1
  91. package/dist/esm/components/blank-slate/BlankSlate.js.map +1 -1
  92. package/dist/esm/components/blank-slate/index.js.map +1 -1
  93. package/dist/esm/components/code-editor/CodeEditor.js +7 -7
  94. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  95. package/dist/esm/components/code-editor/__mocks__/@monaco-editor/react.js.map +1 -1
  96. package/dist/esm/components/code-editor/__mocks__/monaco-editor.js.map +1 -1
  97. package/dist/esm/components/code-editor/index.js.map +1 -1
  98. package/dist/esm/components/collection/Collection.js +8 -8
  99. package/dist/esm/components/collection/Collection.js.map +1 -1
  100. package/dist/esm/components/collection/CollectionItem.js +7 -7
  101. package/dist/esm/components/collection/CollectionItem.js.map +1 -1
  102. package/dist/esm/components/collection/Colllection.styles.js.map +1 -1
  103. package/dist/esm/components/collection/index.js.map +1 -1
  104. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  105. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js +5 -5
  106. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
  107. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js +2 -2
  108. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
  109. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js +1 -1
  110. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  111. package/dist/esm/components/date-range-picker/index.js.map +1 -1
  112. package/dist/esm/components/header/Header.js.map +1 -1
  113. package/dist/esm/components/header/index.js.map +1 -1
  114. package/dist/esm/components/index.js.map +1 -1
  115. package/dist/esm/components/inline-confirm/InlineConfirm.js +1 -1
  116. package/dist/esm/components/inline-confirm/InlineConfirm.js.map +1 -1
  117. package/dist/esm/components/inline-confirm/InlineConfirmButton.js +2 -2
  118. package/dist/esm/components/inline-confirm/InlineConfirmButton.js.map +1 -1
  119. package/dist/esm/components/inline-confirm/InlineConfirmContext.js.map +1 -1
  120. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js +2 -2
  121. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  122. package/dist/esm/components/inline-confirm/index.js.map +1 -1
  123. package/dist/esm/components/inline-confirm/useInlineConfirm.js.map +1 -1
  124. package/dist/esm/components/modal-wizard/ModalWizard.js +5 -5
  125. package/dist/esm/components/modal-wizard/ModalWizard.js.map +1 -1
  126. package/dist/esm/components/modal-wizard/ModalWizardStep.js.map +1 -1
  127. package/dist/esm/components/modal-wizard/index.js.map +1 -1
  128. package/dist/esm/components/prompt/Prompt.js +1 -1
  129. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  130. package/dist/esm/components/prompt/PromptFooter.js.map +1 -1
  131. package/dist/esm/components/prompt/index.js.map +1 -1
  132. package/dist/esm/components/sticky-footer/StickyFooter.js.map +1 -1
  133. package/dist/esm/components/sticky-footer/index.js.map +1 -1
  134. package/dist/esm/components/table/Table.js +14 -14
  135. package/dist/esm/components/table/Table.js.map +1 -1
  136. package/dist/esm/components/table/TableActions.js.map +1 -1
  137. package/dist/esm/components/table/TableCollapsibleColumn.js.map +1 -1
  138. package/dist/esm/components/table/TableContext.js.map +1 -1
  139. package/dist/esm/components/table/TableDateRangePicker.js +2 -2
  140. package/dist/esm/components/table/TableDateRangePicker.js.map +1 -1
  141. package/dist/esm/components/table/TableFilter.js +3 -3
  142. package/dist/esm/components/table/TableFilter.js.map +1 -1
  143. package/dist/esm/components/table/TableFooter.js.map +1 -1
  144. package/dist/esm/components/table/TableHeader.js.map +1 -1
  145. package/dist/esm/components/table/TablePagination.js +1 -1
  146. package/dist/esm/components/table/TablePagination.js.map +1 -1
  147. package/dist/esm/components/table/TablePerPage.js +5 -5
  148. package/dist/esm/components/table/TablePerPage.js.map +1 -1
  149. package/dist/esm/components/table/TablePredicate.js +1 -1
  150. package/dist/esm/components/table/TablePredicate.js.map +1 -1
  151. package/dist/esm/components/table/Th.js.map +1 -1
  152. package/dist/esm/components/table/index.js.map +1 -1
  153. package/dist/esm/components/table/useTable.js.map +1 -1
  154. package/dist/esm/hooks/index.js.map +1 -1
  155. package/dist/esm/hooks/useControlledList.js +2 -2
  156. package/dist/esm/hooks/useControlledList.js.map +1 -1
  157. package/dist/esm/hooks/useParentHeight.js +6 -6
  158. package/dist/esm/hooks/useParentHeight.js.map +1 -1
  159. package/dist/esm/index.js.map +1 -1
  160. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  161. package/dist/esm/theme/Plasmantine.js.map +1 -1
  162. package/dist/esm/theme/Theme.js +6 -0
  163. package/dist/esm/theme/Theme.js.map +1 -1
  164. package/dist/esm/theme/index.js.map +1 -1
  165. package/package.json +7 -7
  166. package/src/components/collection/Collection.tsx +67 -1
  167. package/src/components/header/Header.tsx +23 -2
  168. package/src/theme/Theme.tsx +6 -0
  169. package/dist/cjs/components/code-editor/CodeEditor.example.js +0 -41
  170. package/dist/cjs/components/code-editor/CodeEditor.example.js.map +0 -1
  171. package/dist/definitions/components/code-editor/CodeEditor.example.d.ts +0 -4
  172. package/dist/definitions/components/code-editor/CodeEditor.example.d.ts.map +0 -1
  173. package/dist/esm/components/code-editor/CodeEditor.example.js +0 -31
  174. package/dist/esm/components/code-editor/CodeEditor.example.js.map +0 -1
  175. package/src/components/code-editor/CodeEditor.example.tsx +0 -32
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n separator?: ReactNode;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n separator = 'to',\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date) => {\n onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n };\n const onChangeEnd = (date: Date) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\n };\n\n return (\n <>\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"Start\"\n {...startProps}\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n styles={{...startProps.styles, dropdown: {display: 'none'}}}\n />\n {separator}\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"End\"\n {...endProps}\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n styles={{...endProps.styles, dropdown: {display: 'none'}}}\n />\n </>\n );\n};\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","dayjs","startOf","toDate","onChangeEnd","endOf","DatePicker","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;;+BAmBaA,yBAAuB;;;eAAvBA,uBAAuB;;;;;;;qBAnB4B,gBAAgB;0DAC9D,OAAO;AAkBlB,IAAMA,uBAAuB,GAAG,gBAOH;QANhCC,KAAK,SAALA,KAAK,EACLC,QAAQ,SAARA,QAAQ,EACRC,OAAO,SAAPA,OAAO,qBACPC,SAAS,EAATA,SAAS,2BAAG,IAAI,aAAA,sBAChBC,UAAU,EAAVA,UAAU,4BAAG,EAAE,cAAA,oBACfC,QAAQ,EAARA,QAAQ,0BAAG,EAAE,YAAA;IAEb,IAAMC,aAAa,GAAG,SAACC,IAAU,EAAK;QAClCN,QAAQ,aAARA,QAAQ,WAAqD,GAA7DA,KAAAA,CAA6D,GAA7DA,QAAQ,CAAG;YAACO,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACE,OAAO,CAAC,KAAK,CAAC,CAACC,MAAM,EAAE;YAAEV,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;SAAC,CAAC,CAAC;IAClE,CAAC,AAAC;IACF,IAAMW,WAAW,GAAG,SAACJ,IAAU,EAAK;QAChCN,QAAQ,aAARA,QAAQ,WAAmD,GAA3DA,KAAAA,CAA2D,GAA3DA,QAAQ,CAAG;YAACD,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;YAAEQ,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACK,KAAK,CAAC,KAAK,CAAC,CAACF,MAAM,EAAE;SAAC,CAAC,CAAC;IAChE,CAAC,AAAC;IAEF,qBACI;;0BACI,qBAACG,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTZ,UAAU;gBACdJ,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEK,aAAa;gBACvBJ,OAAO,EAAEA,OAAO;gBAChBe,MAAM,EAAE,qCAAIb,UAAU,CAACa,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDhB,SAAS;0BACV,qBAACU,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPX,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEU,WAAW;gBACrBT,OAAO,EAAEA,OAAO;gBAChBe,MAAM,EAAE,qCAAIZ,QAAQ,CAACY,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC3D;;MACH,CACL;AACN,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n separator?: ReactNode;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n separator = 'to',\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date) => {\n onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n };\n const onChangeEnd = (date: Date) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\n };\n\n return (\n <>\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"Start\"\n {...startProps}\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n styles={{...startProps.styles, dropdown: {display: 'none'}}}\n />\n {separator}\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"End\"\n {...endProps}\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n styles={{...endProps.styles, dropdown: {display: 'none'}}}\n />\n </>\n );\n};\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","dayjs","startOf","toDate","onChangeEnd","endOf","DatePicker","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;;+BAmBaA;;;eAAAA;;;;;;;qBAnBmD;0DAC9C;AAkBX,IAAMA,0BAA0B,gBAOH;QANhCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,kCACAC,WAAAA,0CAAY,mDACZC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,gBAAgB,SAACC,MAAe;QAClCN,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAW;YAACO,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,MAAM;YAAIV,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE;SAAC;IAChE;IACA,IAAMW,cAAc,SAACJ,MAAe;QAChCN,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAW;YAACD,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE;YAAEQ,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,MAAM;SAAG;IAC9D;IAEA,qBACI;;0BACI,qBAACG,iBAAU;gBACPC,cAAc;gBACdC,WAAW,KAAK;gBAChBC,OAAM;eACFZ;gBACJJ,OAAOA,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUK;gBACVJ,SAASA;gBACTe,QAAQ,qCAAIb,WAAWa,MAAM;oBAAEC,UAAU;wBAACC,SAAS;oBAAM;;;YAE5DhB;0BACD,qBAACU,iBAAU;gBACPC,cAAc;gBACdC,WAAW,KAAK;gBAChBC,OAAM;eACFX;gBACJL,OAAOA,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUU;gBACVT,SAASA;gBACTe,QAAQ,qCAAIZ,SAASY,MAAM;oBAAEC,UAAU;wBAACC,SAAS;oBAAM;;;;;AAIvE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/date-range-picker/index.tsx"],"sourcesContent":["export * from './DateRangePickerInlineCalendar';\nexport * from './DateRangePickerPopoverCalendar';\nexport * from './DateRangePickerPresetSelect';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,iCAAiC;oBACjC,kCAAkC;oBAClC,+BAA+B"}
1
+ {"version":3,"sources":["../../../../src/components/date-range-picker/index.tsx"],"sourcesContent":["export * from './DateRangePickerInlineCalendar';\nexport * from './DateRangePickerPopoverCalendar';\nexport * from './DateRangePickerPresetSelect';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc;oBACA;oBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {QuestionSize24Px} from '@coveord/plasma-react-icons';\nimport {Anchor, Breadcrumbs, DefaultProps, Divider, Group, Stack, Text, Title, Tooltip} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren, ReactNode} from 'react';\n\ninterface HeaderProps extends DefaultProps {\n description?: ReactNode;\n actions?: ReactNode;\n borderBottom?: boolean;\n docLink?: string;\n docLinkTooltipLabel?: string;\n}\n\nexport const Header: FunctionComponent<PropsWithChildren<HeaderProps>> = ({\n description,\n actions,\n borderBottom,\n docLink,\n docLinkTooltipLabel,\n children,\n ...others\n}) => (\n <>\n <Group position=\"apart\" py=\"md\" px=\"xl\" {...others}>\n <Stack spacing=\"xs\">\n <Title order={4}>\n <Group spacing={0}>\n <Breadcrumbs>{children}</Breadcrumbs>\n {docLink ? (\n <Tooltip label={docLinkTooltipLabel} position=\"bottom\">\n <Anchor href={docLink} target=\"_blank\" ml=\"xs\">\n <QuestionSize24Px height={24} />\n </Anchor>\n </Tooltip>\n ) : null}\n </Group>\n </Title>\n <Text size=\"sm\">{description}</Text>\n </Stack>\n <Group spacing=\"xs\">{actions}</Group>\n </Group>\n {borderBottom ? <Divider size=\"xs\" /> : null}\n </>\n);\n"],"names":["Header","description","actions","borderBottom","docLink","docLinkTooltipLabel","children","others","Group","position","py","px","Stack","spacing","Title","order","Breadcrumbs","Tooltip","label","Anchor","href","target","ml","QuestionSize24Px","height","Text","size","Divider"],"mappings":"AAAA;;;;+BAYaA,QAAM;;;eAANA,MAAM;;;;;;;gCAZY,6BAA6B;oBACiC,eAAe;AAWrG,IAAMA,MAAM,GAAsD,+BASrE;QARAC,WAAW,UAAXA,WAAW,EACXC,OAAO,UAAPA,OAAO,EACPC,YAAY,UAAZA,YAAY,EACZC,OAAO,UAAPA,OAAO,EACPC,mBAAmB,UAAnBA,mBAAmB,EACnBC,QAAQ,UAARA,QAAQ,EACLC,MAAM;QANTN,aAAW;QACXC,SAAO;QACPC,cAAY;QACZC,SAAO;QACPC,qBAAmB;QACnBC,UAAQ;;WAGR;;0BACI,sBAACE,KAAK,MAAA;gBAACC,QAAQ,EAAC,OAAO;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKJ,MAAM;;kCAC9C,sBAACK,KAAK,MAAA;wBAACC,OAAO,EAAC,IAAI;;0CACf,qBAACC,KAAK,MAAA;gCAACC,KAAK,EAAE,CAAC;0CACX,cAAA,sBAACP,KAAK,MAAA;oCAACK,OAAO,EAAE,CAAC;;sDACb,qBAACG,KAAW,YAAA;sDAAEV,QAAQ;0CAAe;wCACpCF,OAAO,iBACJ,qBAACa,KAAO,QAAA;4CAACC,KAAK,EAAEb,mBAAmB;4CAAEI,QAAQ,EAAC,QAAQ;sDAClD,cAAA,qBAACU,KAAM,OAAA;gDAACC,IAAI,EAAEhB,OAAO;gDAAEiB,MAAM,EAAC,QAAQ;gDAACC,EAAE,EAAC,IAAI;0DAC1C,cAAA,qBAACC,iBAAgB,iBAAA;oDAACC,MAAM,EAAE,EAAE;kDAAI;8CAC3B;0CACH,GACV,IAAI;;kCACJ;8BACJ;0CACR,qBAACC,KAAI,KAAA;gCAACC,IAAI,EAAC,IAAI;0CAAEzB,WAAW;8BAAQ;;sBAChC;kCACR,qBAACO,KAAK,MAAA;wBAACK,OAAO,EAAC,IAAI;kCAAEX,OAAO;sBAAS;;eACjC;YACPC,YAAY,iBAAG,qBAACwB,KAAO,QAAA;gBAACD,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;;MAC7C;AAAD,CACL,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {QuestionSize24Px} from '@coveord/plasma-react-icons';\nimport {Anchor, Breadcrumbs, DefaultProps, Divider, Group, Stack, Text, Title, Tooltip} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\ninterface HeaderProps extends DefaultProps {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Action buttons that can be displayed on the right of the header\n */\n actions?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n */\n docLink?: string;\n /**\n * The tooltip text shown when hovering over the doc link icon\n */\n docLinkTooltipLabel?: string;\n /**\n * The title of the header.\n * If more than one children are provided, each of them act as parts of a breadcrumb\n */\n children: ReactNode;\n}\n\nexport const Header: FunctionComponent<HeaderProps> = ({\n description,\n actions,\n borderBottom,\n docLink,\n docLinkTooltipLabel,\n children,\n ...others\n}) => (\n <>\n <Group position=\"apart\" py=\"md\" px=\"xl\" {...others}>\n <Stack spacing=\"xs\">\n <Title order={4}>\n <Group spacing={0}>\n <Breadcrumbs>{children}</Breadcrumbs>\n {docLink ? (\n <Tooltip label={docLinkTooltipLabel} position=\"bottom\">\n <Anchor href={docLink} target=\"_blank\" ml=\"xs\">\n <QuestionSize24Px height={24} />\n </Anchor>\n </Tooltip>\n ) : null}\n </Group>\n </Title>\n <Text size=\"sm\">{description}</Text>\n </Stack>\n <Group spacing=\"xs\">{actions}</Group>\n </Group>\n {borderBottom ? <Divider size=\"xs\" /> : null}\n </>\n);\n"],"names":["Header","description","actions","borderBottom","docLink","docLinkTooltipLabel","children","others","Group","position","py","px","Stack","spacing","Title","order","Breadcrumbs","Tooltip","label","Anchor","href","target","ml","QuestionSize24Px","height","Text","size","Divider"],"mappings":"AAAA;;;;+BAiCaA;;;eAAAA;;;;;;;gCAjCkB;oBAC8D;AAgCtF,IAAMA,SAAyC,+BASlD;QARAC,qBAAAA,aACAC,iBAAAA,SACAC,sBAAAA,cACAC,iBAAAA,SACAC,6BAAAA,qBACAC,kBAAAA,UACGC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;WAGA;;0BACI,sBAACE,WAAK;gBAACC,UAAS;gBAAQC,IAAG;gBAAKC,IAAG;eAASJ;;kCACxC,sBAACK,WAAK;wBAACC,SAAQ;;0CACX,qBAACC,WAAK;gCAACC,OAAO;0CACV,cAAA,sBAACP,WAAK;oCAACK,SAAS;;sDACZ,qBAACG,iBAAW;sDAAEV;;wCACbF,wBACG,qBAACa,aAAO;4CAACC,OAAOb;4CAAqBI,UAAS;sDAC1C,cAAA,qBAACU,YAAM;gDAACC,MAAMhB;gDAASiB,QAAO;gDAASC,IAAG;0DACtC,cAAA,qBAACC,kCAAgB;oDAACC,QAAQ;;;6CAGlC,IAAI;;;;0CAGhB,qBAACC,UAAI;gCAACC,MAAK;0CAAMzB;;;;kCAErB,qBAACO,WAAK;wBAACK,SAAQ;kCAAMX;;;;YAExBC,6BAAe,qBAACwB,aAAO;gBAACD,MAAK;iBAAU,IAAI;;;AAC9C"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/header/index.ts"],"sourcesContent":["export * from './Header';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,UAAU"}
1
+ {"version":3,"sources":["../../../../src/components/header/index.ts"],"sourcesContent":["export * from './Header';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,qBAAqB;oBACrB,iBAAiB;oBACjB,UAAU;oBACV,kBAAkB;oBAClB,SAAS;oBACT,UAAU;oBACV,gBAAgB"}
1
+ {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
@@ -16,7 +16,7 @@ var _inlineConfirmContext = require("./InlineConfirmContext");
16
16
  var _inlineConfirmPrompt = require("./InlineConfirmPrompt");
17
17
  var InlineConfirm = function(param) {
18
18
  var children = param.children;
19
- var ref = _slicedToArray((0, _react.useState)(null), 2), confirmingId = ref[0], setConfirmingId = ref[1];
19
+ var _useState = _slicedToArray((0, _react.useState)(null), 2), confirmingId = _useState[0], setConfirmingId = _useState[1];
20
20
  var convertedChildren = _react.Children.toArray(children);
21
21
  var prompt = convertedChildren.find(function(child) {
22
22
  return child.type === _inlineConfirmPrompt.InlineConfirmPrompt && child.props.id === confirmingId;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Children, FunctionComponent, PropsWithChildren, ReactElement, useState} from 'react';\n\nimport {InlineConfirmButton} from './InlineConfirmButton';\nimport {InlineConfirmContext} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\ntype InlineConfirmType = FunctionComponent<PropsWithChildren> & {\n Prompt: typeof InlineConfirmPrompt;\n Button: typeof InlineConfirmButton;\n};\n\nexport const InlineConfirm: InlineConfirmType = ({children}) => {\n const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId\n );\n const clearConfirm = () => setConfirmingId(null);\n\n return (\n <InlineConfirmContext.Provider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmContext.Provider>\n );\n};\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Button = InlineConfirmButton;\n"],"names":["InlineConfirm","children","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmContext","Provider","value","Prompt","Button","InlineConfirmButton"],"mappings":"AAAA;;;;+BAWaA,eAAa;;;eAAbA,aAAa;;;;;qBAX2D,OAAO;mCAE1D,uBAAuB;oCACtB,wBAAwB;mCACzB,uBAAuB;AAOlD,IAAMA,aAAa,GAAsB,gBAAgB;QAAdC,QAAQ,SAARA,QAAQ;IACtD,IAAwCC,GAA6B,kBAA7BA,IAAAA,MAAQ,SAAA,EAAgB,IAAI,CAAC,IAAA,EAA9DC,YAAY,GAAqBD,GAA6B,GAAlD,EAAEE,eAAe,GAAIF,GAA6B,GAAjC,AAAkC;IAEtE,IAAMG,iBAAiB,GAAGC,MAAQ,SAAA,CAACC,OAAO,CAACN,QAAQ,CAAC,AAAkB,AAAC;IACvE,IAAMO,MAAM,GAAGH,iBAAiB,CAACI,IAAI,CACjC,SAACC,KAAK;eAAKA,KAAK,CAACC,IAAI,KAAKC,oBAAmB,oBAAA,IAAIF,KAAK,CAACG,KAAK,CAACC,EAAE,KAAKX,YAAY;KAAA,CACnF,AAAC;IACF,IAAMY,YAAY,GAAG;eAAMX,eAAe,CAAC,IAAI,CAAC;KAAA,AAAC;IAEjD,qBACI,qBAACY,qBAAoB,qBAAA,CAACC,QAAQ;QAACC,KAAK,EAAE;YAACf,YAAY,EAAZA,YAAY;YAAEC,eAAe,EAAfA,eAAe;YAAEW,YAAY,EAAZA,YAAY;SAAC;kBAC9EP,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIP,QAAQ;MACS,CAClC;AACN,CAAC,AAAC;AAEFD,aAAa,CAACmB,MAAM,GAAGP,oBAAmB,oBAAA,CAAC;AAC3CZ,aAAa,CAACoB,MAAM,GAAGC,oBAAmB,oBAAA,CAAC"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Children, FunctionComponent, PropsWithChildren, ReactElement, useState} from 'react';\n\nimport {InlineConfirmButton} from './InlineConfirmButton';\nimport {InlineConfirmContext} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\ntype InlineConfirmType = FunctionComponent<PropsWithChildren> & {\n Prompt: typeof InlineConfirmPrompt;\n Button: typeof InlineConfirmButton;\n};\n\nexport const InlineConfirm: InlineConfirmType = ({children}) => {\n const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId\n );\n const clearConfirm = () => setConfirmingId(null);\n\n return (\n <InlineConfirmContext.Provider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmContext.Provider>\n );\n};\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Button = InlineConfirmButton;\n"],"names":["InlineConfirm","children","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmContext","Provider","value","Prompt","Button","InlineConfirmButton"],"mappings":"AAAA;;;;+BAWaA;;;eAAAA;;;;;qBAXwE;mCAEnD;oCACC;mCACD;AAO3B,IAAMA,gBAAmC,gBAAgB;QAAdC,iBAAAA;IAC9C,IAAwCC,2BAAAA,IAAAA,eAAQ,EAAgB,IAAI,OAA7DC,eAAiCD,cAAnBE,kBAAmBF;IAExC,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACN;IAC3C,IAAMO,SAASH,kBAAkBI,IAAI,CACjC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,MAAMG,KAAK,CAACC,EAAE,KAAKX;;IAExE,IAAMY,eAAe;eAAMX,gBAAgB,IAAI;;IAE/C,qBACI,qBAACY,0CAAoB,CAACC,QAAQ;QAACC,OAAO;YAACf,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBAC7EP,mBAAAA,oBAAAA,SAAUP,QAAQ;;AAG/B;AAEAD,cAAcmB,MAAM,GAAGP,wCAAmB;AAC1CZ,cAAcoB,MAAM,GAAGC,wCAAmB"}
@@ -16,9 +16,9 @@ var _useInlineConfirm = require("./useInlineConfirm");
16
16
  var InlineConfirmButton = function(props) {
17
17
  var setConfirmingId = (0, _useInlineConfirm.useInlineConfirm)().setConfirmingId;
18
18
  var onClick = function(e) {
19
- var ref;
19
+ var _props_onClick;
20
20
  setConfirmingId(props.id);
21
- (ref = props.onClick) === null || ref === void 0 ? void 0 : ref.call(props, e);
21
+ (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
22
22
  };
23
23
  return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, _objectSpreadProps(_objectSpread({}, props), {
24
24
  onClick: onClick
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {Button, ButtonProps} from '@mantine/core';\nimport {HTMLAttributes, MouseEventHandler} from 'react';\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmButtonProps extends ButtonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'> {\n id: string;\n}\n\nexport const InlineConfirmButton = (props: InlineConfirmButtonProps) => {\n const {setConfirmingId} = useInlineConfirm();\n const onClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(props.id);\n props.onClick?.(e);\n };\n\n return <Button {...props} onClick={onClick} />;\n};\n"],"names":["InlineConfirmButton","props","setConfirmingId","useInlineConfirm","onClick","e","id","Button"],"mappings":"AAAA;;;;+BAQaA,qBAAmB;;;eAAnBA,mBAAmB;;;;;;oBARE,eAAe;gCAElB,oBAAoB;AAM5C,IAAMA,mBAAmB,GAAG,SAACC,KAA+B,EAAK;IACpE,IAAM,AAACC,eAAe,GAAIC,IAAAA,iBAAgB,iBAAA,GAAE,CAArCD,eAAe,AAAsB,AAAC;IAC7C,IAAME,OAAO,GAAyC,SAACC,CAAC,EAAK;YAEzDJ,GAAa;QADbC,eAAe,CAACD,KAAK,CAACK,EAAE,CAAC,CAAC;QAC1BL,CAAAA,GAAa,GAAbA,KAAK,CAACG,OAAO,cAAbH,GAAa,WAAK,GAAlBA,KAAAA,CAAkB,GAAlBA,GAAa,CAAbA,IAAkB,CAAlBA,KAAK,EAAWI,CAAC,CAAC,CAAC;IACvB,CAAC,AAAC;IAEF,qBAAO,qBAACE,KAAM,OAAA,uCAAKN,KAAK;QAAEG,OAAO,EAAEA,OAAO;OAAI,CAAC;AACnD,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {Button, ButtonProps} from '@mantine/core';\nimport {HTMLAttributes, MouseEventHandler} from 'react';\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmButtonProps extends ButtonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'> {\n id: string;\n}\n\nexport const InlineConfirmButton = (props: InlineConfirmButtonProps) => {\n const {setConfirmingId} = useInlineConfirm();\n const onClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(props.id);\n props.onClick?.(e);\n };\n\n return <Button {...props} onClick={onClick} />;\n};\n"],"names":["InlineConfirmButton","props","setConfirmingId","useInlineConfirm","onClick","e","id","Button"],"mappings":"AAAA;;;;+BAQaA;;;eAAAA;;;;;;oBARqB;gCAEH;AAMxB,IAAMA,sBAAsB,SAACC,OAAoC;IACpE,IAAM,AAACC,kBAAmBC,IAAAA,kCAAgB,IAAnCD;IACP,IAAME,UAAgD,SAACC,GAAM;YAEzDJ;QADAC,gBAAgBD,MAAMK,EAAE;QACxBL,CAAAA,iBAAAA,MAAMG,OAAO,cAAbH,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBI;IACpB;IAEA,qBAAO,qBAACE,YAAM,uCAAKN;QAAOG,SAASA;;AACvC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createContext} from 'react';\n\ntype InlineConfirmContextType = {\n confirmingId: string;\n setConfirmingId: (id: string) => void;\n clearConfirm: () => void;\n};\n\nexport const InlineConfirmContext = createContext<InlineConfirmContextType | null>(null);\n"],"names":["InlineConfirmContext","createContext"],"mappings":"AAAA;;;;+BAQaA,sBAAoB;;;eAApBA,oBAAoB;;;qBARL,OAAO;AAQ5B,IAAMA,oBAAoB,GAAGC,IAAAA,MAAa,cAAA,EAAkC,IAAI,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createContext} from 'react';\n\ntype InlineConfirmContextType = {\n confirmingId: string;\n setConfirmingId: (id: string) => void;\n clearConfirm: () => void;\n};\n\nexport const InlineConfirmContext = createContext<InlineConfirmContextType | null>(null);\n"],"names":["InlineConfirmContext","createContext"],"mappings":"AAAA;;;;+BAQaA;;;eAAAA;;;qBARe;AAQrB,IAAMA,uBAAuBC,IAAAA,oBAAa,EAAkC,IAAI"}
@@ -13,8 +13,8 @@ var _core = require("@mantine/core");
13
13
  var _react = require("react");
14
14
  var _useInlineConfirm = require("./useInlineConfirm");
15
15
  var InlineConfirmPrompt = function(param) {
16
- var id = param.id, label = param.label, _confirmLabel = param.confirmLabel, confirmLabel = _confirmLabel === void 0 ? "Delete" : _confirmLabel, _cancelLabel = param.cancelLabel, cancelLabel = _cancelLabel === void 0 ? "Cancel" : _cancelLabel, onConfirm = param.onConfirm;
17
- var ref = (0, _useInlineConfirm.useInlineConfirm)(), confirmingId = ref.confirmingId, clearConfirm = ref.clearConfirm;
16
+ var id = param.id, label = param.label, _param_confirmLabel = param.confirmLabel, confirmLabel = _param_confirmLabel === void 0 ? "Delete" : _param_confirmLabel, _param_cancelLabel = param.cancelLabel, cancelLabel = _param_cancelLabel === void 0 ? "Cancel" : _param_cancelLabel, onConfirm = param.onConfirm;
17
+ var _useInlineConfirm1 = (0, _useInlineConfirm.useInlineConfirm)(), confirmingId = _useInlineConfirm1.confirmingId, clearConfirm = _useInlineConfirm1.clearConfirm;
18
18
  var onClickConfirm = function() {
19
19
  onConfirm();
20
20
  clearConfirm();
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Button, Group} from '@mantine/core';\nimport {FunctionComponent, ReactNode, useEffect} from 'react';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmPromptProps {\n id: string;\n label: ReactNode;\n onConfirm: () => void;\n confirmLabel?: ReactNode;\n cancelLabel?: ReactNode;\n}\n\nexport const InlineConfirmPrompt: FunctionComponent<InlineConfirmPromptProps> = ({\n id,\n label,\n confirmLabel = 'Delete',\n cancelLabel = 'Cancel',\n onConfirm,\n}) => {\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n const onClickConfirm = () => {\n onConfirm();\n clearConfirm();\n };\n\n useEffect(() => {\n if (confirmingId !== id) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === id) {\n return (\n <Group spacing=\"xs\">\n {label}\n <Button onClick={onClickConfirm} color=\"red\">\n {confirmLabel}\n </Button>\n <Button onClick={clearConfirm} variant=\"outline\">\n {cancelLabel}\n </Button>\n </Group>\n );\n }\n return null;\n};\n"],"names":["InlineConfirmPrompt","id","label","confirmLabel","cancelLabel","onConfirm","useInlineConfirm","confirmingId","clearConfirm","onClickConfirm","useEffect","Group","spacing","Button","onClick","color","variant"],"mappings":"AAAA;;;;+BAaaA,qBAAmB;;;eAAnBA,mBAAmB;;;;oBAbJ,eAAe;qBACW,OAAO;gCAE9B,oBAAoB;AAU5C,IAAMA,mBAAmB,GAAgD,gBAM1E;QALFC,EAAE,SAAFA,EAAE,EACFC,KAAK,SAALA,KAAK,wBACLC,YAAY,EAAZA,YAAY,8BAAG,QAAQ,gBAAA,uBACvBC,WAAW,EAAXA,WAAW,6BAAG,QAAQ,eAAA,EACtBC,SAAS,SAATA,SAAS;IAET,IAAqCC,GAAkB,GAAlBA,IAAAA,iBAAgB,iBAAA,GAAE,EAAhDC,YAAY,GAAkBD,GAAkB,CAAhDC,YAAY,EAAEC,YAAY,GAAIF,GAAkB,CAAlCE,YAAY,AAAuB;IAExD,IAAMC,cAAc,GAAG,WAAM;QACzBJ,SAAS,EAAE,CAAC;QACZG,YAAY,EAAE,CAAC;IACnB,CAAC,AAAC;IAEFE,IAAAA,MAAS,UAAA,EAAC,WAAM;QACZ,IAAIH,YAAY,KAAKN,EAAE,EAAE;YACrBO,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAID,YAAY,KAAKN,EAAE,EAAE;QACrB,qBACI,sBAACU,KAAK,MAAA;YAACC,OAAO,EAAC,IAAI;;gBACdV,KAAK;8BACN,qBAACW,KAAM,OAAA;oBAACC,OAAO,EAAEL,cAAc;oBAAEM,KAAK,EAAC,KAAK;8BACvCZ,YAAY;kBACR;8BACT,qBAACU,KAAM,OAAA;oBAACC,OAAO,EAAEN,YAAY;oBAAEQ,OAAO,EAAC,SAAS;8BAC3CZ,WAAW;kBACP;;UACL,CACV;IACN,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Button, Group} from '@mantine/core';\nimport {FunctionComponent, ReactNode, useEffect} from 'react';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmPromptProps {\n id: string;\n label: ReactNode;\n onConfirm: () => void;\n confirmLabel?: ReactNode;\n cancelLabel?: ReactNode;\n}\n\nexport const InlineConfirmPrompt: FunctionComponent<InlineConfirmPromptProps> = ({\n id,\n label,\n confirmLabel = 'Delete',\n cancelLabel = 'Cancel',\n onConfirm,\n}) => {\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n const onClickConfirm = () => {\n onConfirm();\n clearConfirm();\n };\n\n useEffect(() => {\n if (confirmingId !== id) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === id) {\n return (\n <Group spacing=\"xs\">\n {label}\n <Button onClick={onClickConfirm} color=\"red\">\n {confirmLabel}\n </Button>\n <Button onClick={clearConfirm} variant=\"outline\">\n {cancelLabel}\n </Button>\n </Group>\n );\n }\n return null;\n};\n"],"names":["InlineConfirmPrompt","id","label","confirmLabel","cancelLabel","onConfirm","useInlineConfirm","confirmingId","clearConfirm","onClickConfirm","useEffect","Group","spacing","Button","onClick","color","variant"],"mappings":"AAAA;;;;+BAaaA;;;eAAAA;;;;oBAbe;qBAC0B;gCAEvB;AAUxB,IAAMA,sBAAmE,gBAM1E;QALFC,WAAAA,IACAC,cAAAA,mCACAC,cAAAA,gDAAe,2DACfC,aAAAA,8CAAc,+BACdC,kBAAAA;IAEA,IAAqCC,qBAAAA,IAAAA,kCAAgB,KAA9CC,eAA8BD,mBAA9BC,cAAcC,eAAgBF,mBAAhBE;IAErB,IAAMC,iBAAiB,WAAM;QACzBJ;QACAG;IACJ;IAEAE,IAAAA,gBAAS,EAAC,WAAM;QACZ,IAAIH,iBAAiBN,IAAI;YACrBO;QACJ,CAAC;IACL,GAAG,EAAE;IAEL,IAAID,iBAAiBN,IAAI;QACrB,qBACI,sBAACU,WAAK;YAACC,SAAQ;;gBACVV;8BACD,qBAACW,YAAM;oBAACC,SAASL;oBAAgBM,OAAM;8BAClCZ;;8BAEL,qBAACU,YAAM;oBAACC,SAASN;oBAAcQ,SAAQ;8BAClCZ;;;;IAIjB,CAAC;IACD,OAAO,IAAI;AACf"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './useInlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,iBAAiB;oBACjB,oBAAoB;oBACpB,wBAAwB"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './useInlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc;oBACA;oBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/useInlineConfirm.ts"],"sourcesContent":["import {useContext} from 'react';\nimport {InlineConfirmContext} from './InlineConfirmContext';\n\nexport const useInlineConfirm = () => {\n const ctx = useContext(InlineConfirmContext);\n\n if (ctx === null) {\n throw new Error('useConfirm must be used inside of a InlineConfirmContext.Provider');\n }\n\n return ctx;\n};\n"],"names":["useInlineConfirm","ctx","useContext","InlineConfirmContext","Error"],"mappings":"AAAA;;;;+BAGaA,kBAAgB;;;eAAhBA,gBAAgB;;;qBAHJ,OAAO;oCACG,wBAAwB;AAEpD,IAAMA,gBAAgB,GAAG,WAAM;IAClC,IAAMC,GAAG,GAAGC,IAAAA,MAAU,WAAA,EAACC,qBAAoB,qBAAA,CAAC,AAAC;IAE7C,IAAIF,GAAG,KAAK,IAAI,EAAE;QACd,MAAM,IAAIG,KAAK,CAAC,mEAAmE,CAAC,CAAC;IACzF,CAAC;IAED,OAAOH,GAAG,CAAC;AACf,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/useInlineConfirm.ts"],"sourcesContent":["import {useContext} from 'react';\nimport {InlineConfirmContext} from './InlineConfirmContext';\n\nexport const useInlineConfirm = () => {\n const ctx = useContext(InlineConfirmContext);\n\n if (ctx === null) {\n throw new Error('useConfirm must be used inside of a InlineConfirmContext.Provider');\n }\n\n return ctx;\n};\n"],"names":["useInlineConfirm","ctx","useContext","InlineConfirmContext","Error"],"mappings":"AAAA;;;;+BAGaA;;;eAAAA;;;qBAHY;oCACU;AAE5B,IAAMA,mBAAmB,WAAM;IAClC,IAAMC,MAAMC,IAAAA,iBAAU,EAACC,0CAAoB;IAE3C,IAAIF,QAAQ,IAAI,EAAE;QACd,MAAM,IAAIG,MAAM,qEAAqE;IACzF,CAAC;IAED,OAAOH;AACX"}
@@ -19,7 +19,7 @@ var _stickyFooter = require("../sticky-footer");
19
19
  var _modalWizardStep = require("./ModalWizardStep");
20
20
  var _header = require("../header");
21
21
  var ModalWizard = function(_param) {
22
- var _cancelButtonLabel = _param.cancelButtonLabel, cancelButtonLabel = _cancelButtonLabel === void 0 ? "Cancel" : _cancelButtonLabel, _nextButtonLabel = _param.nextButtonLabel, nextButtonLabel = _nextButtonLabel === void 0 ? "Next" : _nextButtonLabel, _previousButtonLabel = _param.previousButtonLabel, previousButtonLabel = _previousButtonLabel === void 0 ? "Previous" : _previousButtonLabel, _finishButtonLabel = _param.finishButtonLabel, finishButtonLabel = _finishButtonLabel === void 0 ? "Finish" : _finishButtonLabel, opened = _param.opened, onNext = _param.onNext, onPrevious = _param.onPrevious, onClose = _param.onClose, onFinish = _param.onFinish, isDirty = _param.isDirty, handleDirtyState = _param.handleDirtyState, classNames = _param.classNames, children = _param.children, modalProps = _objectWithoutProperties(_param, [
22
+ var _param_cancelButtonLabel = _param.cancelButtonLabel, cancelButtonLabel = _param_cancelButtonLabel === void 0 ? "Cancel" : _param_cancelButtonLabel, _param_nextButtonLabel = _param.nextButtonLabel, nextButtonLabel = _param_nextButtonLabel === void 0 ? "Next" : _param_nextButtonLabel, _param_previousButtonLabel = _param.previousButtonLabel, previousButtonLabel = _param_previousButtonLabel === void 0 ? "Previous" : _param_previousButtonLabel, _param_finishButtonLabel = _param.finishButtonLabel, finishButtonLabel = _param_finishButtonLabel === void 0 ? "Finish" : _param_finishButtonLabel, opened = _param.opened, onNext = _param.onNext, onPrevious = _param.onPrevious, onClose = _param.onClose, onFinish = _param.onFinish, isDirty = _param.isDirty, handleDirtyState = _param.handleDirtyState, classNames = _param.classNames, children = _param.children, modalProps = _objectWithoutProperties(_param, [
23
23
  "cancelButtonLabel",
24
24
  "nextButtonLabel",
25
25
  "previousButtonLabel",
@@ -34,8 +34,8 @@ var ModalWizard = function(_param) {
34
34
  "classNames",
35
35
  "children"
36
36
  ]);
37
- var ref, ref1;
38
- var ref2 = _slicedToArray((0, _react.useState)(0), 2), currentStepIndex = ref2[0], setCurrentStepIndex = ref2[1];
37
+ var _currentStep_props, _currentStep_props_validateStep;
38
+ var _useState = _slicedToArray((0, _react.useState)(0), 2), currentStepIndex = _useState[0], setCurrentStepIndex = _useState[1];
39
39
  var modalSteps = _react.Children.toArray(children).filter(function(child) {
40
40
  return child.type === _modalWizardStep.ModalWizardStep;
41
41
  });
@@ -48,8 +48,8 @@ var ModalWizard = function(_param) {
48
48
  var currentStep = modalSteps.filter(function(step, index) {
49
49
  return index === currentStepIndex;
50
50
  })[0];
51
- var ref3;
52
- var isValid = ((ref3 = currentStep === null || currentStep === void 0 ? void 0 : (ref = currentStep.props) === null || ref === void 0 ? void 0 : (ref1 = ref.validateStep) === null || ref1 === void 0 ? void 0 : ref1.call(ref, currentStepIndex, numberOfSteps)) !== null && ref3 !== void 0 ? ref3 : {
51
+ var _ref;
52
+ var isValid = ((_ref = currentStep === null || currentStep === void 0 ? void 0 : (_currentStep_props = currentStep.props) === null || _currentStep_props === void 0 ? void 0 : (_currentStep_props_validateStep = _currentStep_props.validateStep) === null || _currentStep_props_validateStep === void 0 ? void 0 : _currentStep_props_validateStep.call(_currentStep_props, currentStepIndex, numberOfSteps)) !== null && _ref !== void 0 ? _ref : {
53
53
  isValid: true
54
54
  }).isValid;
55
55
  var isModalDirty = isDirty && isDirty();
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps extends Omit<ModalProps, 'centered' | 'title'> {\n /**\n * The label of the cancel button\n *\n * @default \"Cancel\"\n */\n cancelButtonLabel?: string;\n\n /**\n * The label of the next button\n *\n * @default \"Next\"\n */\n nextButtonLabel?: string;\n\n /**\n * The label of the previous button\n *\n * @default \"Previous\"\n */\n previousButtonLabel?: string;\n\n /**\n * The label of the finish button\n *\n * @default \"Finish\"\n */\n finishButtonLabel?: string;\n\n /**\n * A callback function that is executed when the user clicks on the next button\n */\n onNext?: () => unknown;\n\n /**\n * A callback function that is executed when the user clicks on the previous button\n */\n onPrevious?: () => unknown;\n\n /**\n * A function that is executed when user completes all the steps.\n *\n * @param close A function that closes the modal when called.\n */\n onFinish?: () => unknown;\n\n /**\n * Determine if user interacted with any steps in the modal wizard\n */\n isDirty?: () => boolean;\n\n /**\n * A function to confirm close if the state is dirty before closing\n */\n handleDirtyState?: () => boolean;\n\n /**\n * Children to display in modal wizard\n * */\n children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\ninterface ModalWizardType {\n (props: ModalWizardProps): ReactElement;\n\n Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n cancelButtonLabel = 'Cancel',\n nextButtonLabel = 'Next',\n previousButtonLabel = 'Previous',\n finishButtonLabel = 'Finish',\n opened,\n onNext,\n onPrevious,\n onClose,\n onFinish,\n isDirty,\n handleDirtyState,\n classNames,\n children,\n ...modalProps\n}) => {\n const [currentStepIndex, setCurrentStepIndex] = useState(0);\n const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n const numberOfSteps = modalSteps.length;\n const numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).length;\n const isFirstStep = currentStepIndex === 0;\n const isLastStep = currentStepIndex === numberOfSteps - 1;\n const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n const isModalDirty = isDirty && isDirty();\n\n const closeModalWizard = () => {\n if (isModalDirty && handleDirtyState) {\n handleDirtyState() && onClose?.();\n } else {\n onClose?.();\n }\n };\n\n const getProgress = (currStepIndex: number) => {\n const validSteps = modalSteps.filter(\n (step, index) => step.props.countsAsProgress && index <= currStepIndex\n ).length;\n return (validSteps / numberOfStepsCountAsProgress) * 100;\n };\n\n const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n return (\n <Modal\n opened={opened}\n classNames={classNames}\n centered\n title={\n <Header\n docLink={currentStep.props.docLink}\n description={\n typeof currentStep.props.description === 'function'\n ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n : currentStep.props.description\n }\n py={null}\n px={null}\n >\n {typeof currentStep.props.title === 'function'\n ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n : currentStep.props.title}\n </Header>\n }\n onClose={closeModalWizard}\n {...modalProps}\n >\n {currentStep.props.showProgressBar && <Progress color=\"teal\" size=\"lg\" value={getProgressMemo} />}\n {currentStep}\n <StickyFooter borderTop py={null} px={null} pt=\"md\">\n <Button\n name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n disabled={false}\n size=\"sm\"\n variant=\"outline\"\n onClick={() => {\n if (isFirstStep) {\n closeModalWizard();\n } else {\n onPrevious?.();\n setCurrentStepIndex(currentStepIndex - 1);\n }\n }}\n >\n {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n </Button>\n\n <Button\n disabled={!isValid}\n size=\"sm\"\n onClick={() => {\n if (isLastStep) {\n onFinish ? onFinish() : onClose();\n } else {\n onNext?.();\n setCurrentStepIndex(currentStepIndex + 1);\n }\n }}\n >\n {isLastStep ? finishButtonLabel : nextButtonLabel}\n </Button>\n </StickyFooter>\n </Modal>\n );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","useMemo","Modal","centered","title","Header","docLink","description","py","px","showProgressBar","Progress","color","size","value","StickyFooter","borderTop","pt","Button","name","disabled","variant","onClick","Step"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps extends Omit<ModalProps, 'centered' | 'title'> {\n /**\n * The label of the cancel button\n *\n * @default \"Cancel\"\n */\n cancelButtonLabel?: string;\n\n /**\n * The label of the next button\n *\n * @default \"Next\"\n */\n nextButtonLabel?: string;\n\n /**\n * The label of the previous button\n *\n * @default \"Previous\"\n */\n previousButtonLabel?: string;\n\n /**\n * The label of the finish button\n *\n * @default \"Finish\"\n */\n finishButtonLabel?: string;\n\n /**\n * A callback function that is executed when the user clicks on the next button\n */\n onNext?: () => unknown;\n\n /**\n * A callback function that is executed when the user clicks on the previous button\n */\n onPrevious?: () => unknown;\n\n /**\n * A function that is executed when user completes all the steps.\n *\n * @param close A function that closes the modal when called.\n */\n onFinish?: () => unknown;\n\n /**\n * Determine if user interacted with any steps in the modal wizard\n */\n isDirty?: () => boolean;\n\n /**\n * A function to confirm close if the state is dirty before closing\n */\n handleDirtyState?: () => boolean;\n\n /**\n * Children to display in modal wizard\n * */\n children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\ninterface ModalWizardType {\n (props: ModalWizardProps): ReactElement;\n\n Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n cancelButtonLabel = 'Cancel',\n nextButtonLabel = 'Next',\n previousButtonLabel = 'Previous',\n finishButtonLabel = 'Finish',\n opened,\n onNext,\n onPrevious,\n onClose,\n onFinish,\n isDirty,\n handleDirtyState,\n classNames,\n children,\n ...modalProps\n}) => {\n const [currentStepIndex, setCurrentStepIndex] = useState(0);\n const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n const numberOfSteps = modalSteps.length;\n const numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).length;\n const isFirstStep = currentStepIndex === 0;\n const isLastStep = currentStepIndex === numberOfSteps - 1;\n const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n const isModalDirty = isDirty && isDirty();\n\n const closeModalWizard = () => {\n if (isModalDirty && handleDirtyState) {\n handleDirtyState() && onClose?.();\n } else {\n onClose?.();\n }\n };\n\n const getProgress = (currStepIndex: number) => {\n const validSteps = modalSteps.filter(\n (step, index) => step.props.countsAsProgress && index <= currStepIndex\n ).length;\n return (validSteps / numberOfStepsCountAsProgress) * 100;\n };\n\n const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n return (\n <Modal\n opened={opened}\n classNames={classNames}\n centered\n title={\n <Header\n docLink={currentStep.props.docLink}\n description={\n typeof currentStep.props.description === 'function'\n ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n : currentStep.props.description\n }\n py={null}\n px={null}\n >\n {typeof currentStep.props.title === 'function'\n ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n : currentStep.props.title}\n </Header>\n }\n onClose={closeModalWizard}\n {...modalProps}\n >\n {currentStep.props.showProgressBar && <Progress color=\"teal\" size=\"lg\" value={getProgressMemo} />}\n {currentStep}\n <StickyFooter borderTop py={null} px={null} pt=\"md\">\n <Button\n name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n disabled={false}\n size=\"sm\"\n variant=\"outline\"\n onClick={() => {\n if (isFirstStep) {\n closeModalWizard();\n } else {\n onPrevious?.();\n setCurrentStepIndex(currentStepIndex - 1);\n }\n }}\n >\n {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n </Button>\n\n <Button\n disabled={!isValid}\n size=\"sm\"\n onClick={() => {\n if (isLastStep) {\n onFinish ? onFinish() : onClose();\n } else {\n onNext?.();\n setCurrentStepIndex(currentStepIndex + 1);\n }\n }}\n >\n {isLastStep ? finishButtonLabel : nextButtonLabel}\n </Button>\n </StickyFooter>\n </Modal>\n );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","useMemo","Modal","centered","title","Header","docLink","description","py","px","showProgressBar","Progress","color","size","value","StickyFooter","borderTop","pt","Button","name","disabled","variant","onClick","Step"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizardStep.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren, ReactElement} from 'react';\n\ntype DependsOnStep<T> = (currentStep: number, numberOfSteps: number) => T;\n\nexport interface ModalWizardStepProps {\n /**\n * The title of the current step. The title can be dependent on the current step if needed\n */\n title?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n /**\n * The description of the current step. The description can be dependent on the current step if needed\n */\n description?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n /**\n * A link to the documentation for the current step\n */\n docLink: string;\n\n /**\n * A tooltip label for the docLink\n */\n docLinkTooltipLabel?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n /**\n * A function to validate the current step, it determines if the next step should be enabled or not.\n */\n validateStep: (currentStep: any, numberOfSteps: any) => {isValid: boolean; messsage?: unknown};\n\n /**\n * Show progress bar at this step\n *\n * @default true\n */\n showProgressBar?: boolean;\n\n /**\n * Does completion of current step count moves the progress bar\n *\n * @default true\n */\n countsAsProgress?: boolean;\n}\n\nconst ModalWizardStep: FunctionComponent<PropsWithChildren<ModalWizardStepProps>> = ({children}) => (\n <div>{children}</div>\n);\n\nModalWizardStep.defaultProps = {\n showProgressBar: true,\n countsAsProgress: true,\n};\n\nexport {ModalWizardStep};\n"],"names":["ModalWizardStep","children","div","defaultProps","showProgressBar","countsAsProgress"],"mappings":"AAAA;;;;+BAsDQA,iBAAe;;;eAAfA,eAAe;;;;AATvB,IAAMA,eAAe,GAA+D;QAAEC,QAAQ,SAARA,QAAQ;yBAC1F,qBAACC,KAAG;kBAAED,QAAQ;MAAO;CACxB,AAAC;AAEFD,eAAe,CAACG,YAAY,GAAG;IAC3BC,eAAe,EAAE,IAAI;IACrBC,gBAAgB,EAAE,IAAI;CACzB,CAAC"}
1
+ {"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizardStep.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren, ReactElement} from 'react';\n\ntype DependsOnStep<T> = (currentStep: number, numberOfSteps: number) => T;\n\nexport interface ModalWizardStepProps {\n /**\n * The title of the current step. The title can be dependent on the current step if needed\n */\n title?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n /**\n * The description of the current step. The description can be dependent on the current step if needed\n */\n description?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n /**\n * A link to the documentation for the current step\n */\n docLink: string;\n\n /**\n * A tooltip label for the docLink\n */\n docLinkTooltipLabel?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n /**\n * A function to validate the current step, it determines if the next step should be enabled or not.\n */\n validateStep: (currentStep: any, numberOfSteps: any) => {isValid: boolean; messsage?: unknown};\n\n /**\n * Show progress bar at this step\n *\n * @default true\n */\n showProgressBar?: boolean;\n\n /**\n * Does completion of current step count moves the progress bar\n *\n * @default true\n */\n countsAsProgress?: boolean;\n}\n\nconst ModalWizardStep: FunctionComponent<PropsWithChildren<ModalWizardStepProps>> = ({children}) => (\n <div>{children}</div>\n);\n\nModalWizardStep.defaultProps = {\n showProgressBar: true,\n countsAsProgress: true,\n};\n\nexport {ModalWizardStep};\n"],"names":["ModalWizardStep","children","div","defaultProps","showProgressBar","countsAsProgress"],"mappings":"AAAA;;;;+BAsDQA;;;eAAAA;;;;AATR,IAAMA,kBAA8E;QAAEC,iBAAAA;yBAClF,qBAACC;kBAAKD;;;AAGVD,gBAAgBG,YAAY,GAAG;IAC3BC,iBAAiB,IAAI;IACrBC,kBAAkB,IAAI;AAC1B"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/modal-wizard/index.ts"],"sourcesContent":["export * from './ModalWizard';\nexport {type ModalWizardStepProps} from './ModalWizardStep';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,eAAe"}
1
+ {"version":3,"sources":["../../../../src/components/modal-wizard/index.ts"],"sourcesContent":["export * from './ModalWizard';\nexport {type ModalWizardStepProps} from './ModalWizardStep';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc"}
@@ -66,7 +66,7 @@ var Prompt = function(_param) {
66
66
  "variant",
67
67
  "size"
68
68
  ]);
69
- var ref = useStyles(), classes = ref.classes, cx = ref.cx;
69
+ var _useStyles = useStyles(), classes = _useStyles.classes, cx = _useStyles.cx;
70
70
  var defaultVariant = variant === "default";
71
71
  var convertedChildren = _react.Children.toArray(children);
72
72
  var otherChildren = convertedChildren.filter(function(child) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => {\n const white = '#fff';\n return {\n body: {\n padding: 0,\n },\n modalType: {overflow: 'hidden', width: 550},\n innerBody: {\n padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,\n },\n header: {\n padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n width: '100%',\n borderBottom: `1px solid ${theme.colors.gray[3]}`,\n fontSize: theme.headings.sizes.h4.fontSize,\n lineHeight: theme.headings.sizes.h4.fontSize,\n },\n default: {},\n success: {backgroundColor: theme.colors.lime[6], color: white},\n warning: {backgroundColor: theme.colors.yellow[5], color: white},\n critical: {\n backgroundColor: theme.colors.red[6],\n color: white,\n },\n info: {backgroundColor: theme.colors.navy[5], color: white},\n whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},\n };\n});\n\nexport interface PromptProps extends ModalProps {\n variant: 'default' | 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {\n const {classes, cx} = useStyles();\n const defaultVariant = variant === 'default';\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n header: cx(classes.header, classes[variant]),\n close: !defaultVariant && classes.whiteClose,\n body: classes.body,\n modal: !defaultVariant && classes.modalType,\n };\n\n return (\n <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>\n <div className={classes.innerBody}>{otherChildren}</div>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","useStyles","createStyles","theme","white","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h4","lineHeight","default","success","backgroundColor","lime","color","warning","yellow","critical","red","info","navy","whiteClose","children","variant","size","otherProps","classes","cx","defaultVariant","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","classNames","close","modal","Modal","div","className","Footer"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => {\n const white = '#fff';\n return {\n body: {\n padding: 0,\n },\n modalType: {overflow: 'hidden', width: 550},\n innerBody: {\n padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,\n },\n header: {\n padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n width: '100%',\n borderBottom: `1px solid ${theme.colors.gray[3]}`,\n fontSize: theme.headings.sizes.h4.fontSize,\n lineHeight: theme.headings.sizes.h4.fontSize,\n },\n default: {},\n success: {backgroundColor: theme.colors.lime[6], color: white},\n warning: {backgroundColor: theme.colors.yellow[5], color: white},\n critical: {\n backgroundColor: theme.colors.red[6],\n color: white,\n },\n info: {backgroundColor: theme.colors.navy[5], color: white},\n whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},\n };\n});\n\nexport interface PromptProps extends ModalProps {\n variant: 'default' | 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {\n const {classes, cx} = useStyles();\n const defaultVariant = variant === 'default';\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n header: cx(classes.header, classes[variant]),\n close: !defaultVariant && classes.whiteClose,\n body: classes.body,\n modal: !defaultVariant && classes.modalType,\n };\n\n return (\n <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>\n <div className={classes.innerBody}>{otherChildren}</div>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","useStyles","createStyles","theme","white","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h4","lineHeight","default","success","backgroundColor","lime","color","warning","yellow","critical","red","info","navy","whiteClose","children","variant","size","otherProps","classes","cx","defaultVariant","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","classNames","close","modal","Modal","div","className","Footer"],"mappings":"AAAA;;;;+BA0CaA;;;eAAAA;;;;;;;oBA1CiC;qBACE;4BACrB;AAE3B,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC,OAAU;IACtC,IAAMC,QAAQ;IACd,OAAO;QACHC,MAAM;YACFC,SAAS;QACb;QACAC,WAAW;YAACC,UAAU;YAAUC,OAAO;QAAG;QAC1CC,WAAW;YACPJ,SAAS,AAAC,GAAwBH,OAAtBA,MAAMQ,OAAO,CAACC,EAAE,EAAC,OAA2BT,OAAtBA,MAAMQ,OAAO,CAACE,EAAE,EAAC,OAAsB,OAAjBV,MAAMQ,OAAO,CAACG,EAAE,EAAC;QAC7E;QACAC,QAAQ;YACJT,SAAS,AAAC,GAAwBH,OAAtBA,MAAMQ,OAAO,CAACC,EAAE,EAAC,OAAsB,OAAjBT,MAAMQ,OAAO,CAACE,EAAE,EAAC;YACnDJ,OAAO;YACPO,cAAc,AAAC,aAAiC,OAArBb,MAAMc,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/CC,UAAUhB,MAAMiB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;YAC1CI,YAAYpB,MAAMiB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;QAChD;QACAK,SAAS,CAAC;QACVC,SAAS;YAACC,iBAAiBvB,MAAMc,MAAM,CAACU,IAAI,CAAC,EAAE;YAAEC,OAAOxB;QAAK;QAC7DyB,SAAS;YAACH,iBAAiBvB,MAAMc,MAAM,CAACa,MAAM,CAAC,EAAE;YAAEF,OAAOxB;QAAK;QAC/D2B,UAAU;YACNL,iBAAiBvB,MAAMc,MAAM,CAACe,GAAG,CAAC,EAAE;YACpCJ,OAAOxB;QACX;QACA6B,MAAM;YAACP,iBAAiBvB,MAAMc,MAAM,CAACiB,IAAI,CAAC,EAAE;YAAEN,OAAOxB;QAAK;QAC1D+B,YAAY;YAACP,OAAOxB;YAAO,WAAW;gBAACsB,iBAAiB;YAAa;QAAC;IAC1E;AACJ;AAWO,IAAM1B,SAAqB,iBAA8C;QAA5CoC,kBAAAA,UAAUC,iBAAAA,SAASC,cAAAA,MAASC;QAA5BH;QAAUC;QAASC;;IACnD,IAAsBrC,aAAAA,aAAfuC,UAAevC,WAAfuC,SAASC,KAAMxC,WAANwC;IAChB,IAAMC,iBAAiBL,YAAY;IACnC,IAAMM,oBAAoBC,eAAQ,CAACC,OAAO,CAACT;IAE3C,IAAMU,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMG,aAAa;QACftC,QAAQ0B,GAAGD,QAAQzB,MAAM,EAAEyB,OAAO,CAACH,QAAQ;QAC3CiB,OAAO,CAACZ,kBAAkBF,QAAQL,UAAU;QAC5C9B,MAAMmC,QAAQnC,IAAI;QAClBkD,OAAO,CAACb,kBAAkBF,QAAQjC,SAAS;IAC/C;IAEA,qBACI,sBAACiD,WAAK;QAAClD,SAAS;QAAG+C,YAAYA;QAAYf,MAAMI,iBAAiBJ,OAAO,IAAI;OAAMC;;0BAC/E,qBAACkB;gBAAIC,WAAWlB,QAAQ9B,SAAS;0BAAGoC;;YACnCK;;;AAGb;AAEAnD,OAAO2D,MAAM,GAAGT,0BAAY"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":"AAAA;;;;+BAKaA,cAAY;;;eAAZA,YAAY;;;;;;;4BAJqB,kBAAkB;AAIzD,IAAMA,YAAY,GAA4D,+BACjF;QADmFC,QAAQ,UAARA,QAAQ,EAAKC,UAAU;QAAvBD,UAAQ;;WAC3F,qBAACE,aAAY,aAAA,uCAAKD,UAAU;kBAAGD,QAAQ;OAAgB;AAAD,CACzD,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":"AAAA;;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE,+BACjF;QADmFC,kBAAAA,UAAaC;QAAbD;;WACnF,qBAACE,0BAAY,uCAAKD;kBAAaD;;AAAuB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,UAAU"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps {\n /**\n * Whether a border is render on top of the footer\n */\n borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n footer: {\n position: 'sticky',\n bottom: 0,\n zIndex: 1,\n maxHeight: '80px',\n },\n}));\n\nexport const StickyFooter: FunctionComponent<PropsWithChildren<StickyFooterProps>> = ({\n borderTop,\n children,\n ...others\n}) => {\n const {classes} = useStyles();\n\n return (\n <Paper className={classes.footer}>\n {borderTop ? <Divider size=\"xs\" /> : null}\n <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n {children}\n </Group>\n </Paper>\n );\n};\n"],"names":["StickyFooter","useStyles","createStyles","footer","position","bottom","zIndex","maxHeight","borderTop","children","others","classes","Paper","className","Divider","size","Group","spacing","py","px"],"mappings":"AAAA;;;;+BAmBaA,cAAY;;;eAAZA,YAAY;;;;;;;oBAnBuC,eAAe;AAU/E,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC;WAAO;QAClCC,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEG,IAAMP,YAAY,GAA4D,iBAI/E;QAHFQ,SAAS,UAATA,SAAS,EACTC,QAAQ,UAARA,QAAQ,EACLC,MAAM;QAFTF,WAAS;QACTC,UAAQ;;IAGR,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,sBAACC,KAAK,MAAA;QAACC,SAAS,EAAEF,OAAO,CAACR,MAAM;;YAC3BK,SAAS,iBAAG,qBAACM,KAAO,QAAA;gBAACC,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,qBAACC,KAAK,MAAA;gBAACZ,QAAQ,EAAC,OAAO;gBAACa,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKT,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps {\n /**\n * Whether a border is render on top of the footer\n */\n borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n footer: {\n position: 'sticky',\n bottom: 0,\n zIndex: 1,\n maxHeight: '80px',\n },\n}));\n\nexport const StickyFooter: FunctionComponent<PropsWithChildren<StickyFooterProps>> = ({\n borderTop,\n children,\n ...others\n}) => {\n const {classes} = useStyles();\n\n return (\n <Paper className={classes.footer}>\n {borderTop ? <Divider size=\"xs\" /> : null}\n <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n {children}\n </Group>\n </Paper>\n );\n};\n"],"names":["StickyFooter","useStyles","createStyles","footer","position","bottom","zIndex","maxHeight","borderTop","children","others","classes","Paper","className","Divider","size","Group","spacing","py","px"],"mappings":"AAAA;;;;+BAmBaA;;;eAAAA;;;;;;;oBAnBmD;AAUhE,IAAMC,YAAYC,IAAAA,kBAAY,EAAC;WAAO;QAClCC,QAAQ;YACJC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,WAAW;QACf;IACJ;;AAEO,IAAMP,eAAwE,iBAI/E;QAHFQ,mBAAAA,WACAC,kBAAAA,UACGC;QAFHF;QACAC;;IAGA,IAAM,AAACE,UAAWV,YAAXU;IAEP,qBACI,sBAACC,WAAK;QAACC,WAAWF,QAAQR,MAAM;;YAC3BK,0BAAY,qBAACM,aAAO;gBAACC,MAAK;iBAAU,IAAI;0BACzC,qBAACC,WAAK;gBAACZ,UAAS;gBAAQa,SAAQ;gBAAKC,IAAG;gBAAKC,IAAG;eAAST;0BACpDD;;;;AAIjB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,gBAAgB"}
1
+ {"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc"}
@@ -68,7 +68,7 @@ var useStyles = (0, _core.createStyles)(function(theme, param, getRef) {
68
68
  };
69
69
  });
70
70
  var Table = function(param) {
71
- var data = param.data, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _initialState = param.initialState, initialState = _initialState === void 0 ? {} : _initialState, columns = param.columns, onMount = param.onMount, onChange = param.onChange, children = param.children, _loading = param.loading, loading = _loading === void 0 ? false : _loading;
71
+ var data = param.data, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _param_initialState = param.initialState, initialState = _param_initialState === void 0 ? {} : _param_initialState, columns = param.columns, onMount = param.onMount, onChange = param.onChange, children = param.children, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
72
72
  var convertedChildren = _react.Children.toArray(children);
73
73
  var header = convertedChildren.find(function(child) {
74
74
  return child.type === _tableHeader.TableHeader;
@@ -80,20 +80,20 @@ var Table = function(param) {
80
80
  "predicates",
81
81
  "dateRange"
82
82
  ]);
83
- var ref, ref1;
83
+ var _ref, _ref1;
84
84
  var form = (0, _form.useForm)({
85
85
  initialValues: {
86
- predicates: (ref = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && ref !== void 0 ? ref : {},
87
- dateRange: (ref1 = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && ref1 !== void 0 ? ref1 : [
86
+ predicates: (_ref = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && _ref !== void 0 ? _ref : {},
87
+ dateRange: (_ref1 = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && _ref1 !== void 0 ? _ref1 : [
88
88
  null,
89
89
  null
90
90
  ]
91
91
  }
92
92
  });
93
- var ref2 = useStyles({
93
+ var _useStyles = useStyles({
94
94
  hasHeader: !!header
95
- }), cx = ref2.cx, classes = ref2.classes;
96
- var ref3;
95
+ }), cx = _useStyles.cx, classes = _useStyles.classes;
96
+ var _ref2;
97
97
  var table = (0, _reactTable.useReactTable)({
98
98
  initialState: (0, _lodashDefaultsdeep.default)(initialStateWithoutForm, {
99
99
  pagination: {
@@ -105,10 +105,10 @@ var Table = function(param) {
105
105
  getCoreRowModel: (0, _reactTable.getCoreRowModel)(),
106
106
  manualPagination: true,
107
107
  getRowCanExpand: function(row) {
108
- return (ref3 = !!(getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original))) !== null && ref3 !== void 0 ? ref3 : false;
108
+ return (_ref2 = !!(getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original))) !== null && _ref2 !== void 0 ? _ref2 : false;
109
109
  }
110
110
  });
111
- var ref4 = _slicedToArray((0, _react.useState)(table.initialState), 2), state = ref4[0], setState = ref4[1];
111
+ var _useState = _slicedToArray((0, _react.useState)(table.initialState), 2), state = _useState[0], setState = _useState[1];
112
112
  table.setOptions(function(prev) {
113
113
  return _objectSpreadProps(_objectSpread({}, prev), {
114
114
  state: state,
@@ -148,10 +148,10 @@ var Table = function(param) {
148
148
  });
149
149
  });
150
150
  };
151
- var ref5;
151
+ var _ref3;
152
152
  var getSelectedRow = (0, _react.useCallback)(function() {
153
- var ref, ref1;
154
- return (ref5 = (ref = table.getSelectedRowModel().flatRows) === null || ref === void 0 ? void 0 : (ref1 = ref[0]) === null || ref1 === void 0 ? void 0 : ref1.original) !== null && ref5 !== void 0 ? ref5 : null;
153
+ var _table_getSelectedRowModel_flatRows, _table_getSelectedRowModel_flatRows_;
154
+ return (_ref3 = (_table_getSelectedRowModel_flatRows = table.getSelectedRowModel().flatRows) === null || _table_getSelectedRowModel_flatRows === void 0 ? void 0 : (_table_getSelectedRowModel_flatRows_ = _table_getSelectedRowModel_flatRows[0]) === null || _table_getSelectedRowModel_flatRows_ === void 0 ? void 0 : _table_getSelectedRowModel_flatRows_.original) !== null && _ref3 !== void 0 ? _ref3 : null;
155
155
  }, [
156
156
  state.rowSelection
157
157
  ]);
@@ -169,8 +169,8 @@ var Table = function(param) {
169
169
  });
170
170
  };
171
171
  var rows = table.getRowModel().rows.map(function(row) {
172
- var ref;
173
- var rowChildren = (ref = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && ref !== void 0 ? ref : null;
172
+ var _ref;
173
+ var rowChildren = (_ref = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && _ref !== void 0 ? _ref : null;
174
174
  return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
175
175
  children: [
176
176
  /*#__PURE__*/ (0, _jsxRuntime.jsx)("tr", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Box, Center, Collapse, createStyles, Loader, Skeleton, Table as MantineTable} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useClickOutside, useDidUpdate} from '@mantine/hooks';\nimport {\n ColumnDef,\n defaultColumnSizing,\n flexRender,\n getCoreRowModel,\n Row,\n TableState,\n useReactTable,\n} from '@tanstack/react-table';\nimport {InitialTableState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, Fragment, ReactElement, ReactNode, useCallback, useEffect, useState} from 'react';\n\nimport {TableActions} from './TableActions';\nimport {TableCollapsibleColumn} from './TableCollapsibleColumn';\nimport {onTableChangeEvent, TableContext, TableFormType} from './TableContext';\nimport {TableDateRangePicker} from './TableDateRangePicker';\nimport {TableFilter} from './TableFilter';\nimport {TableFooter} from './TableFooter';\nimport {TableHeader} from './TableHeader';\nimport {TablePagination} from './TablePagination';\nimport {TablePerPage} from './TablePerPage';\nimport {TablePredicate} from './TablePredicate';\nimport {Th} from './Th';\n\nconst useStyles = createStyles<string, {hasHeader: boolean}>((theme, {hasHeader}, getRef) => ({\n table: {\n width: '100%',\n '& td:first-child': {\n paddingLeft: theme.spacing.md,\n },\n },\n\n header: {\n position: 'sticky',\n top: hasHeader ? 69 : 0,\n backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,\n transition: 'box-shadow 150ms ease',\n zIndex: 12, // skeleton is 11\n '& tr th:first-child div': {\n paddingLeft: theme.spacing.md,\n },\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n right: 0,\n bottom: 0,\n borderBottom: `1px solid ${theme.colors.gray[2]}`,\n },\n },\n\n rowSelected: {\n ref: getRef('rowSelected'),\n },\n\n row: {\n [`&:hover, &.${getRef('rowSelected')}`]: {\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2)\n : theme.colors[theme.primaryColor][0],\n },\n },\n}));\n\ninterface TableProps<T> {\n /**\n * Data to display in the table\n */\n data: T[];\n /**\n * Columns to display in the table.\n *\n * @see https://tanstack.com/table/v8/docs/guide/column-defs\n */\n columns: Array<ColumnDef<T>>;\n /**\n * Function called when the table mounts\n *\n * @param state the state of the table\n */\n onMount?: onTableChangeEvent;\n /**\n * Function called when the table should update\n *\n * @param state the state of the table\n */\n onChange?: onTableChangeEvent;\n /**\n * Function that generates the expandable content of a row\n * Return null for rows that don't need to be expandable\n *\n * @param datum the row for which the children should be generated.\n */\n getExpandChildren?: (datum: T) => ReactNode;\n /**\n * React children to show when the table has no rows to show. You can leverage useTable to get the state of the table\n */\n noDataChildren?: ReactNode;\n /**\n * Whether the table is loading or not\n *\n * @default false\n */\n loading?: boolean;\n /**\n * Childrens to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n *\n * @example\n * <Table ...>\n * <Table.Header>\n * <div>Hello</div>\n * </Table.Header>\n * </Table>\n */\n children?: ReactNode;\n\n /**\n * Initial state of the table\n */\n initialState?: InitialTableState & Partial<TableFormType>;\n}\n\ninterface TableType {\n <T>(props: TableProps<T>): ReactElement;\n Actions: typeof TableActions;\n Filter: typeof TableFilter;\n Footer: typeof TableFooter;\n Header: typeof TableHeader;\n Pagination: typeof TablePagination;\n PerPage: typeof TablePerPage;\n Predicate: typeof TablePredicate;\n CollapsibleColumn: typeof TableCollapsibleColumn;\n DateRangePicker: typeof TableDateRangePicker;\n}\n\nexport const Table: TableType = <T,>({\n data,\n noDataChildren,\n getExpandChildren,\n initialState = {},\n columns,\n onMount,\n onChange,\n children,\n loading = false,\n}: TableProps<T>) => {\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header = convertedChildren.find((child) => child.type === TableHeader);\n const footer = convertedChildren.find((child) => child.type === TableFooter);\n\n const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n const form = useForm<TableFormType>({\n initialValues: {predicates: initialState?.predicates ?? {}, dateRange: initialState?.dateRange ?? [null, null]},\n });\n\n const {cx, classes} = useStyles({hasHeader: !!header});\n\n const table = useReactTable({\n initialState: defaultsDeep(initialStateWithoutForm, {pagination: {pageSize: TablePerPage.DEFAULT_SIZE}}),\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n manualPagination: true,\n getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n });\n const [state, setState] = useState<TableState>(table.initialState);\n table.setOptions((prev) => ({\n ...prev,\n state,\n onStateChange: setState,\n }));\n\n const triggerChange = () => onChange?.({...state, ...form.values});\n\n useEffect(() => {\n onMount?.({...state, ...form.values});\n }, []);\n\n const outsideClickRef = useClickOutside(() => {\n table.resetRowSelection(true);\n });\n\n useDidUpdate(() => {\n triggerChange();\n clearSelection();\n }, [state.globalFilter, state.sorting, state.pagination, form.values]);\n\n const clearFilters = useCallback(() => {\n form.setFieldValue('predicates', {});\n setState((prevState) => ({...prevState, globalFilter: ''}));\n }, []);\n\n const clearSelection = () => {\n setState((prevState) => ({...prevState, rowSelection: {}}));\n };\n\n const getSelectedRow = useCallback(\n () => table.getSelectedRowModel().flatRows?.[0]?.original ?? null,\n [state.rowSelection]\n );\n\n if (!data) {\n return (\n <Center sx={{flexGrow: 1}}>\n <Loader />\n </Center>\n );\n }\n\n const toggleRowSelection = (row: Row<T>) => {\n table.setRowSelection(() => ({[row.id]: !row.getIsSelected()}));\n };\n\n const rows = table.getRowModel().rows.map((row) => {\n const rowChildren = getExpandChildren?.(row.original) ?? null;\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={() => toggleRowSelection(row)}\n className={cx(classes.row, {[classes.rowSelected]: row.getIsSelected()})}\n >\n {row.getVisibleCells().map((cell) => {\n const size = cell.column.getSize();\n const width = size !== defaultColumnSizing.size ? size : undefined;\n return (\n <td key={cell.id} style={{width}}>\n <Skeleton visible={loading} sx={!loading ? {borderRadius: 0} : undefined}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </Skeleton>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr>\n <td\n colSpan={columns.length + 1}\n style={{padding: 0, borderBottomColor: row.getIsExpanded() ? undefined : 'transparent'}}\n >\n <Collapse in={row.getIsExpanded()} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return (\n <Box ref={outsideClickRef}>\n <TableContext.Provider\n value={{\n onChange: triggerChange,\n state,\n setState,\n clearFilters,\n getSelectedRow,\n clearSelection,\n form,\n containerRef: outsideClickRef,\n }}\n >\n {header}\n <MantineTable className={classes.table} horizontalSpacing=\"sm\" verticalSpacing=\"xs\" pb=\"sm\">\n <thead className={classes.header}>\n {table.getHeaderGroups().map((headerGroup) => (\n <tr key={headerGroup.id}>\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ))}\n </thead>\n <tbody>\n {rows.length ? (\n rows\n ) : (\n <tr>\n <td colSpan={columns.length}>{noDataChildren}</td>\n </tr>\n )}\n </tbody>\n </MantineTable>\n {footer}\n </TableContext.Provider>\n </Box>\n );\n};\n\nTable.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.DateRangePicker = TableDateRangePicker;\n"],"names":["Table","useStyles","createStyles","theme","getRef","hasHeader","table","width","paddingLeft","spacing","md","header","position","top","backgroundColor","colorScheme","black","white","transition","zIndex","content","left","right","bottom","borderBottom","colors","gray","rowSelected","ref","row","fn","rgba","primaryColor","data","noDataChildren","getExpandChildren","initialState","columns","onMount","onChange","children","loading","convertedChildren","Children","toArray","find","child","type","TableHeader","footer","TableFooter","predicates","dateRange","initialStateWithoutForm","form","useForm","initialValues","cx","classes","useReactTable","defaultsDeep","pagination","pageSize","TablePerPage","DEFAULT_SIZE","getCoreRowModel","manualPagination","getRowCanExpand","original","useState","state","setState","setOptions","prev","onStateChange","triggerChange","values","useEffect","outsideClickRef","useClickOutside","resetRowSelection","useDidUpdate","clearSelection","globalFilter","sorting","clearFilters","useCallback","setFieldValue","prevState","rowSelection","getSelectedRow","getSelectedRowModel","flatRows","Center","sx","flexGrow","Loader","toggleRowSelection","setRowSelection","id","getIsSelected","rows","getRowModel","map","rowChildren","Fragment","tr","onClick","className","getVisibleCells","cell","size","column","getSize","defaultColumnSizing","undefined","td","style","Skeleton","visible","borderRadius","flexRender","columnDef","getContext","colSpan","length","padding","borderBottomColor","getIsExpanded","Collapse","in","px","py","Box","TableContext","Provider","value","containerRef","MantineTable","horizontalSpacing","verticalSpacing","pb","thead","getHeaderGroups","headerGroup","headers","columnHeader","Th","tbody","Actions","TableActions","Filter","TableFilter","Footer","Header","Pagination","TablePagination","Predicate","TablePredicate","PerPage","CollapsibleColumn","TableCollapsibleColumn","DateRangePicker","TableDateRangePicker"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Box, Center, Collapse, createStyles, Loader, Skeleton, Table as MantineTable} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useClickOutside, useDidUpdate} from '@mantine/hooks';\nimport {\n ColumnDef,\n defaultColumnSizing,\n flexRender,\n getCoreRowModel,\n Row,\n TableState,\n useReactTable,\n} from '@tanstack/react-table';\nimport {InitialTableState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, Fragment, ReactElement, ReactNode, useCallback, useEffect, useState} from 'react';\n\nimport {TableActions} from './TableActions';\nimport {TableCollapsibleColumn} from './TableCollapsibleColumn';\nimport {onTableChangeEvent, TableContext, TableFormType} from './TableContext';\nimport {TableDateRangePicker} from './TableDateRangePicker';\nimport {TableFilter} from './TableFilter';\nimport {TableFooter} from './TableFooter';\nimport {TableHeader} from './TableHeader';\nimport {TablePagination} from './TablePagination';\nimport {TablePerPage} from './TablePerPage';\nimport {TablePredicate} from './TablePredicate';\nimport {Th} from './Th';\n\nconst useStyles = createStyles<string, {hasHeader: boolean}>((theme, {hasHeader}, getRef) => ({\n table: {\n width: '100%',\n '& td:first-child': {\n paddingLeft: theme.spacing.md,\n },\n },\n\n header: {\n position: 'sticky',\n top: hasHeader ? 69 : 0,\n backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,\n transition: 'box-shadow 150ms ease',\n zIndex: 12, // skeleton is 11\n '& tr th:first-child div': {\n paddingLeft: theme.spacing.md,\n },\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n right: 0,\n bottom: 0,\n borderBottom: `1px solid ${theme.colors.gray[2]}`,\n },\n },\n\n rowSelected: {\n ref: getRef('rowSelected'),\n },\n\n row: {\n [`&:hover, &.${getRef('rowSelected')}`]: {\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2)\n : theme.colors[theme.primaryColor][0],\n },\n },\n}));\n\ninterface TableProps<T> {\n /**\n * Data to display in the table\n */\n data: T[];\n /**\n * Columns to display in the table.\n *\n * @see https://tanstack.com/table/v8/docs/guide/column-defs\n */\n columns: Array<ColumnDef<T>>;\n /**\n * Function called when the table mounts\n *\n * @param state the state of the table\n */\n onMount?: onTableChangeEvent;\n /**\n * Function called when the table should update\n *\n * @param state the state of the table\n */\n onChange?: onTableChangeEvent;\n /**\n * Function that generates the expandable content of a row\n * Return null for rows that don't need to be expandable\n *\n * @param datum the row for which the children should be generated.\n */\n getExpandChildren?: (datum: T) => ReactNode;\n /**\n * React children to show when the table has no rows to show. You can leverage useTable to get the state of the table\n */\n noDataChildren?: ReactNode;\n /**\n * Whether the table is loading or not\n *\n * @default false\n */\n loading?: boolean;\n /**\n * Childrens to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n *\n * @example\n * <Table ...>\n * <Table.Header>\n * <div>Hello</div>\n * </Table.Header>\n * </Table>\n */\n children?: ReactNode;\n\n /**\n * Initial state of the table\n */\n initialState?: InitialTableState & Partial<TableFormType>;\n}\n\ninterface TableType {\n <T>(props: TableProps<T>): ReactElement;\n Actions: typeof TableActions;\n Filter: typeof TableFilter;\n Footer: typeof TableFooter;\n Header: typeof TableHeader;\n Pagination: typeof TablePagination;\n PerPage: typeof TablePerPage;\n Predicate: typeof TablePredicate;\n CollapsibleColumn: typeof TableCollapsibleColumn;\n DateRangePicker: typeof TableDateRangePicker;\n}\n\nexport const Table: TableType = <T,>({\n data,\n noDataChildren,\n getExpandChildren,\n initialState = {},\n columns,\n onMount,\n onChange,\n children,\n loading = false,\n}: TableProps<T>) => {\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header = convertedChildren.find((child) => child.type === TableHeader);\n const footer = convertedChildren.find((child) => child.type === TableFooter);\n\n const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n const form = useForm<TableFormType>({\n initialValues: {predicates: initialState?.predicates ?? {}, dateRange: initialState?.dateRange ?? [null, null]},\n });\n\n const {cx, classes} = useStyles({hasHeader: !!header});\n\n const table = useReactTable({\n initialState: defaultsDeep(initialStateWithoutForm, {pagination: {pageSize: TablePerPage.DEFAULT_SIZE}}),\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n manualPagination: true,\n getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n });\n const [state, setState] = useState<TableState>(table.initialState);\n table.setOptions((prev) => ({\n ...prev,\n state,\n onStateChange: setState,\n }));\n\n const triggerChange = () => onChange?.({...state, ...form.values});\n\n useEffect(() => {\n onMount?.({...state, ...form.values});\n }, []);\n\n const outsideClickRef = useClickOutside(() => {\n table.resetRowSelection(true);\n });\n\n useDidUpdate(() => {\n triggerChange();\n clearSelection();\n }, [state.globalFilter, state.sorting, state.pagination, form.values]);\n\n const clearFilters = useCallback(() => {\n form.setFieldValue('predicates', {});\n setState((prevState) => ({...prevState, globalFilter: ''}));\n }, []);\n\n const clearSelection = () => {\n setState((prevState) => ({...prevState, rowSelection: {}}));\n };\n\n const getSelectedRow = useCallback(\n () => table.getSelectedRowModel().flatRows?.[0]?.original ?? null,\n [state.rowSelection]\n );\n\n if (!data) {\n return (\n <Center sx={{flexGrow: 1}}>\n <Loader />\n </Center>\n );\n }\n\n const toggleRowSelection = (row: Row<T>) => {\n table.setRowSelection(() => ({[row.id]: !row.getIsSelected()}));\n };\n\n const rows = table.getRowModel().rows.map((row) => {\n const rowChildren = getExpandChildren?.(row.original) ?? null;\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={() => toggleRowSelection(row)}\n className={cx(classes.row, {[classes.rowSelected]: row.getIsSelected()})}\n >\n {row.getVisibleCells().map((cell) => {\n const size = cell.column.getSize();\n const width = size !== defaultColumnSizing.size ? size : undefined;\n return (\n <td key={cell.id} style={{width}}>\n <Skeleton visible={loading} sx={!loading ? {borderRadius: 0} : undefined}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </Skeleton>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr>\n <td\n colSpan={columns.length + 1}\n style={{padding: 0, borderBottomColor: row.getIsExpanded() ? undefined : 'transparent'}}\n >\n <Collapse in={row.getIsExpanded()} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return (\n <Box ref={outsideClickRef}>\n <TableContext.Provider\n value={{\n onChange: triggerChange,\n state,\n setState,\n clearFilters,\n getSelectedRow,\n clearSelection,\n form,\n containerRef: outsideClickRef,\n }}\n >\n {header}\n <MantineTable className={classes.table} horizontalSpacing=\"sm\" verticalSpacing=\"xs\" pb=\"sm\">\n <thead className={classes.header}>\n {table.getHeaderGroups().map((headerGroup) => (\n <tr key={headerGroup.id}>\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ))}\n </thead>\n <tbody>\n {rows.length ? (\n rows\n ) : (\n <tr>\n <td colSpan={columns.length}>{noDataChildren}</td>\n </tr>\n )}\n </tbody>\n </MantineTable>\n {footer}\n </TableContext.Provider>\n </Box>\n );\n};\n\nTable.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.DateRangePicker = TableDateRangePicker;\n"],"names":["Table","useStyles","createStyles","theme","getRef","hasHeader","table","width","paddingLeft","spacing","md","header","position","top","backgroundColor","colorScheme","black","white","transition","zIndex","content","left","right","bottom","borderBottom","colors","gray","rowSelected","ref","row","fn","rgba","primaryColor","data","noDataChildren","getExpandChildren","initialState","columns","onMount","onChange","children","loading","convertedChildren","Children","toArray","find","child","type","TableHeader","footer","TableFooter","predicates","dateRange","initialStateWithoutForm","form","useForm","initialValues","cx","classes","useReactTable","defaultsDeep","pagination","pageSize","TablePerPage","DEFAULT_SIZE","getCoreRowModel","manualPagination","getRowCanExpand","original","useState","state","setState","setOptions","prev","onStateChange","triggerChange","values","useEffect","outsideClickRef","useClickOutside","resetRowSelection","useDidUpdate","clearSelection","globalFilter","sorting","clearFilters","useCallback","setFieldValue","prevState","rowSelection","getSelectedRow","getSelectedRowModel","flatRows","Center","sx","flexGrow","Loader","toggleRowSelection","setRowSelection","id","getIsSelected","rows","getRowModel","map","rowChildren","Fragment","tr","onClick","className","getVisibleCells","cell","size","column","getSize","defaultColumnSizing","undefined","td","style","Skeleton","visible","borderRadius","flexRender","columnDef","getContext","colSpan","length","padding","borderBottomColor","getIsExpanded","Collapse","in","px","py","Box","TableContext","Provider","value","containerRef","MantineTable","horizontalSpacing","verticalSpacing","pb","thead","getHeaderGroups","headerGroup","headers","columnHeader","Th","tbody","Actions","TableActions","Filter","TableFilter","Footer","Header","Pagination","TablePagination","Predicate","TablePredicate","PerPage","CollapsibleColumn","TableCollapsibleColumn","DateRangePicker","TableDateRangePicker"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/table/TableActions.tsx"],"sourcesContent":["import {ReactElement, ReactNode} from 'react';\nimport {useTable} from './useTable';\n\ninterface TableActionsProps<T> {\n /**\n * Function that return components for the selected row\n *\n * @param datum the data of the selected row\n * @example\n * <Table.Actions<MyType>>\n * {(datum: MyType) => (\n * <Button\n * component={Link}\n * to={`edit/${datum.id}`}\n * leftIcon={<EditSize24Px />}\n * variant=\"subtle\"\n * color=\"navyBlue.8\"\n * >\n * Edit\n * </Button>\n * )}\n * </Table.Actions>\n */\n children: (datum: T) => ReactNode;\n}\n\nexport const TableActions = <T,>({children}: TableActionsProps<T>): ReactElement => {\n const {getSelectedRow} = useTable();\n const selectedRow = getSelectedRow();\n\n if (!selectedRow) {\n return null;\n }\n\n return <>{children(selectedRow)}</>;\n};\n"],"names":["TableActions","children","getSelectedRow","useTable","selectedRow"],"mappings":"AAAA;;;;+BA0BaA,cAAY;;;eAAZA,YAAY;;;;wBAzBF,YAAY;AAyB5B,IAAMA,YAAY,GAAG,gBAAwD;QAAlDC,QAAQ,SAARA,QAAQ;IACtC,IAAM,AAACC,cAAc,GAAIC,IAAAA,SAAQ,SAAA,GAAE,CAA5BD,cAAc,AAAc,AAAC;IACpC,IAAME,WAAW,GAAGF,cAAc,EAAE,AAAC;IAErC,IAAI,CAACE,WAAW,EAAE;QACd,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,qBAAO;kBAAGH,QAAQ,CAACG,WAAW,CAAC;MAAI,CAAC;AACxC,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/table/TableActions.tsx"],"sourcesContent":["import {ReactElement, ReactNode} from 'react';\nimport {useTable} from './useTable';\n\ninterface TableActionsProps<T> {\n /**\n * Function that return components for the selected row\n *\n * @param datum the data of the selected row\n * @example\n * <Table.Actions<MyType>>\n * {(datum: MyType) => (\n * <Button\n * component={Link}\n * to={`edit/${datum.id}`}\n * leftIcon={<EditSize24Px />}\n * variant=\"subtle\"\n * color=\"navyBlue.8\"\n * >\n * Edit\n * </Button>\n * )}\n * </Table.Actions>\n */\n children: (datum: T) => ReactNode;\n}\n\nexport const TableActions = <T,>({children}: TableActionsProps<T>): ReactElement => {\n const {getSelectedRow} = useTable();\n const selectedRow = getSelectedRow();\n\n if (!selectedRow) {\n return null;\n }\n\n return <>{children(selectedRow)}</>;\n};\n"],"names":["TableActions","children","getSelectedRow","useTable","selectedRow"],"mappings":"AAAA;;;;+BA0BaA;;;eAAAA;;;;wBAzBU;AAyBhB,IAAMA,eAAe,gBAAwD;QAAlDC,iBAAAA;IAC9B,IAAM,AAACC,iBAAkBC,IAAAA,kBAAQ,IAA1BD;IACP,IAAME,cAAcF;IAEpB,IAAI,CAACE,aAAa;QACd,OAAO,IAAI;IACf,CAAC;IAED,qBAAO;kBAAGH,SAASG;;AACvB"}