@coveord/plasma-mantine 48.9.3 → 48.10.1

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 (167) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +7 -7
  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 +26 -16
  78. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  79. package/dist/cjs/theme/Plasmantine.js.map +1 -1
  80. package/dist/cjs/theme/Theme.js +15 -0
  81. package/dist/cjs/theme/Theme.js.map +1 -1
  82. package/dist/cjs/theme/index.js.map +1 -1
  83. package/dist/definitions/theme/PlasmaColors.d.ts +5 -0
  84. package/dist/definitions/theme/PlasmaColors.d.ts.map +1 -1
  85. package/dist/definitions/theme/Theme.d.ts.map +1 -1
  86. package/dist/esm/__tests__/GlobalSetup.js.map +1 -1
  87. package/dist/esm/__tests__/SetupAfterEnv.js.map +1 -1
  88. package/dist/esm/__tests__/Utils.js.map +1 -1
  89. package/dist/esm/components/blank-slate/BlankSlate.js +1 -1
  90. package/dist/esm/components/blank-slate/BlankSlate.js.map +1 -1
  91. package/dist/esm/components/blank-slate/index.js.map +1 -1
  92. package/dist/esm/components/code-editor/CodeEditor.js +7 -7
  93. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  94. package/dist/esm/components/code-editor/__mocks__/@monaco-editor/react.js.map +1 -1
  95. package/dist/esm/components/code-editor/__mocks__/monaco-editor.js.map +1 -1
  96. package/dist/esm/components/code-editor/index.js.map +1 -1
  97. package/dist/esm/components/collection/Collection.js +8 -8
  98. package/dist/esm/components/collection/Collection.js.map +1 -1
  99. package/dist/esm/components/collection/CollectionItem.js +7 -7
  100. package/dist/esm/components/collection/CollectionItem.js.map +1 -1
  101. package/dist/esm/components/collection/Colllection.styles.js.map +1 -1
  102. package/dist/esm/components/collection/index.js.map +1 -1
  103. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  104. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js +5 -5
  105. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
  106. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js +2 -2
  107. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
  108. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js +1 -1
  109. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  110. package/dist/esm/components/date-range-picker/index.js.map +1 -1
  111. package/dist/esm/components/header/Header.js.map +1 -1
  112. package/dist/esm/components/header/index.js.map +1 -1
  113. package/dist/esm/components/index.js.map +1 -1
  114. package/dist/esm/components/inline-confirm/InlineConfirm.js +1 -1
  115. package/dist/esm/components/inline-confirm/InlineConfirm.js.map +1 -1
  116. package/dist/esm/components/inline-confirm/InlineConfirmButton.js +2 -2
  117. package/dist/esm/components/inline-confirm/InlineConfirmButton.js.map +1 -1
  118. package/dist/esm/components/inline-confirm/InlineConfirmContext.js.map +1 -1
  119. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js +2 -2
  120. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  121. package/dist/esm/components/inline-confirm/index.js.map +1 -1
  122. package/dist/esm/components/inline-confirm/useInlineConfirm.js.map +1 -1
  123. package/dist/esm/components/modal-wizard/ModalWizard.js +5 -5
  124. package/dist/esm/components/modal-wizard/ModalWizard.js.map +1 -1
  125. package/dist/esm/components/modal-wizard/ModalWizardStep.js.map +1 -1
  126. package/dist/esm/components/modal-wizard/index.js.map +1 -1
  127. package/dist/esm/components/prompt/Prompt.js +1 -1
  128. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  129. package/dist/esm/components/prompt/PromptFooter.js.map +1 -1
  130. package/dist/esm/components/prompt/index.js.map +1 -1
  131. package/dist/esm/components/sticky-footer/StickyFooter.js.map +1 -1
  132. package/dist/esm/components/sticky-footer/index.js.map +1 -1
  133. package/dist/esm/components/table/Table.js +14 -14
  134. package/dist/esm/components/table/Table.js.map +1 -1
  135. package/dist/esm/components/table/TableActions.js.map +1 -1
  136. package/dist/esm/components/table/TableCollapsibleColumn.js.map +1 -1
  137. package/dist/esm/components/table/TableContext.js.map +1 -1
  138. package/dist/esm/components/table/TableDateRangePicker.js +2 -2
  139. package/dist/esm/components/table/TableDateRangePicker.js.map +1 -1
  140. package/dist/esm/components/table/TableFilter.js +3 -3
  141. package/dist/esm/components/table/TableFilter.js.map +1 -1
  142. package/dist/esm/components/table/TableFooter.js.map +1 -1
  143. package/dist/esm/components/table/TableHeader.js.map +1 -1
  144. package/dist/esm/components/table/TablePagination.js +1 -1
  145. package/dist/esm/components/table/TablePagination.js.map +1 -1
  146. package/dist/esm/components/table/TablePerPage.js +5 -5
  147. package/dist/esm/components/table/TablePerPage.js.map +1 -1
  148. package/dist/esm/components/table/TablePredicate.js +1 -1
  149. package/dist/esm/components/table/TablePredicate.js.map +1 -1
  150. package/dist/esm/components/table/Th.js.map +1 -1
  151. package/dist/esm/components/table/index.js.map +1 -1
  152. package/dist/esm/components/table/useTable.js.map +1 -1
  153. package/dist/esm/hooks/index.js.map +1 -1
  154. package/dist/esm/hooks/useControlledList.js +2 -2
  155. package/dist/esm/hooks/useControlledList.js.map +1 -1
  156. package/dist/esm/hooks/useParentHeight.js +6 -6
  157. package/dist/esm/hooks/useParentHeight.js.map +1 -1
  158. package/dist/esm/index.js.map +1 -1
  159. package/dist/esm/theme/PlasmaColors.js +26 -16
  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 +15 -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/theme/PlasmaColors.ts +27 -16
  167. package/src/theme/Theme.tsx +15 -0
@@ -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, 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,QAAM;;;eAANA,MAAM;;;;;;;gCAjCY,6BAA6B;oBACiC,eAAe;AAgCrG,IAAMA,MAAM,GAAmC,+BASlD;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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/table/TableCollapsibleColumn.tsx"],"sourcesContent":["import {ArrowHeadDownSize24Px, ArrowHeadUpSize24Px} from '@coveord/plasma-react-icons';\nimport {Button} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent} from 'react';\n\n/**\n * Generic column to use when your table need collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n id: 'collapsible',\n header: '',\n enableSorting: false,\n cell: (info) => {\n const handler = info.row.getToggleExpandedHandler();\n const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n handler();\n };\n\n return info.row.getCanExpand() ? (\n <Button onClick={onClick} variant=\"subtle\" size=\"xs\">\n {info.row.getIsExpanded() ? <ArrowHeadUpSize24Px /> : <ArrowHeadDownSize24Px />}\n </Button>\n ) : null;\n },\n};\n"],"names":["TableCollapsibleColumn","id","header","enableSorting","cell","info","handler","row","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Button","variant","size","getIsExpanded","ArrowHeadUpSize24Px","ArrowHeadDownSize24Px"],"mappings":"AAAA;;;;+BAQaA,wBAAsB;;;eAAtBA,sBAAsB;;;;gCARsB,6BAA6B;oBACjE,eAAe;AAO7B,IAAMA,sBAAsB,GAAuB;IACtDC,EAAE,EAAE,aAAa;IACjBC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,IAAI,EAAE,SAACC,IAAI,EAAK;QACZ,IAAMC,OAAO,GAAGD,IAAI,CAACE,GAAG,CAACC,wBAAwB,EAAE,AAAC;QACpD,IAAMC,OAAO,GAAG,SAACC,CAAqC,EAAK;YACvDA,CAAC,CAACC,eAAe,EAAE,CAAC;YACpBL,OAAO,EAAE,CAAC;QACd,CAAC,AAAC;QAEF,OAAOD,IAAI,CAACE,GAAG,CAACK,YAAY,EAAE,iBAC1B,qBAACC,KAAM,OAAA;YAACJ,OAAO,EAAEA,OAAO;YAAEK,OAAO,EAAC,QAAQ;YAACC,IAAI,EAAC,IAAI;sBAC/CV,IAAI,CAACE,GAAG,CAACS,aAAa,EAAE,iBAAG,qBAACC,iBAAmB,oBAAA,KAAG,iBAAG,qBAACC,iBAAqB,sBAAA,KAAG;UAC1E,GACT,IAAI,CAAC;IACb,CAAC;CACJ,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/table/TableCollapsibleColumn.tsx"],"sourcesContent":["import {ArrowHeadDownSize24Px, ArrowHeadUpSize24Px} from '@coveord/plasma-react-icons';\nimport {Button} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent} from 'react';\n\n/**\n * Generic column to use when your table need collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n id: 'collapsible',\n header: '',\n enableSorting: false,\n cell: (info) => {\n const handler = info.row.getToggleExpandedHandler();\n const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n handler();\n };\n\n return info.row.getCanExpand() ? (\n <Button onClick={onClick} variant=\"subtle\" size=\"xs\">\n {info.row.getIsExpanded() ? <ArrowHeadUpSize24Px /> : <ArrowHeadDownSize24Px />}\n </Button>\n ) : null;\n },\n};\n"],"names":["TableCollapsibleColumn","id","header","enableSorting","cell","info","handler","row","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Button","variant","size","getIsExpanded","ArrowHeadUpSize24Px","ArrowHeadDownSize24Px"],"mappings":"AAAA;;;;+BAQaA;;;eAAAA;;;;gCAR4C;oBACpC;AAOd,IAAMA,yBAA6C;IACtDC,IAAI;IACJC,QAAQ;IACRC,eAAe,KAAK;IACpBC,MAAM,SAACC,MAAS;QACZ,IAAMC,UAAUD,KAAKE,GAAG,CAACC,wBAAwB;QACjD,IAAMC,UAAU,SAACC,GAA0C;YACvDA,EAAEC,eAAe;YACjBL;QACJ;QAEA,OAAOD,KAAKE,GAAG,CAACK,YAAY,mBACxB,qBAACC,YAAM;YAACJ,SAASA;YAASK,SAAQ;YAASC,MAAK;sBAC3CV,KAAKE,GAAG,CAACS,aAAa,mBAAK,qBAACC,qCAAmB,sBAAM,qBAACC,uCAAqB,KAAG;aAEnF,IAAI;IACZ;AACJ"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {DateRangePickerValue} from '@mantine/dates';\nimport {UseFormReturnType} from '@mantine/form';\nimport {TableState} from '@tanstack/react-table';\nimport {createContext, Dispatch, RefObject} from 'react';\n\nexport type onTableChangeEvent = (params: TableState & TableFormType) => void;\n\nexport type TableFormType = {\n /**\n * Object containing the table predicates and their selected values\n *\n * @example {type: \"LONG\", origin: \"system\"}\n */\n predicates: Record<string, string>;\n /**\n * Selected date range in the table\n *\n * @example [new Date(2022, 0, 1), new Date(2022, 0, 31)]\n */\n dateRange: DateRangePickerValue;\n};\n\ntype TableContextType = {\n /**\n * Function to call when the table needs an update\n */\n onChange: () => void;\n /**\n * Internal state of the table\n *\n * @see https://tanstack.com/table/v8/docs/api/core/table#state\n */\n state: TableState;\n /**\n * Function to update the table state\n */\n setState: Dispatch<(prevState: TableState) => TableState>;\n /**\n * Function that clears the filter and predicates\n */\n clearFilters: () => void;\n /**\n * Function that returns the selected row if any\n */\n getSelectedRow: () => any | null;\n /**\n * Function that clear the selected row\n */\n clearSelection: () => void;\n /**\n * Form used to handle predicates and dateRange\n */\n form: UseFormReturnType<TableFormType>;\n /**\n * Table container ref\n */\n containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const TableContext = createContext<TableContextType | null>(null);\n"],"names":["TableContext","createContext"],"mappings":"AAAA;;;;+BA2DaA,cAAY;;;eAAZA,YAAY;;;qBAxDwB,OAAO;AAwDjD,IAAMA,YAAY,iBAAGC,IAAAA,MAAa,cAAA,EAA0B,IAAI,CAAC,AAAC"}
1
+ {"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {DateRangePickerValue} from '@mantine/dates';\nimport {UseFormReturnType} from '@mantine/form';\nimport {TableState} from '@tanstack/react-table';\nimport {createContext, Dispatch, RefObject} from 'react';\n\nexport type onTableChangeEvent = (params: TableState & TableFormType) => void;\n\nexport type TableFormType = {\n /**\n * Object containing the table predicates and their selected values\n *\n * @example {type: \"LONG\", origin: \"system\"}\n */\n predicates: Record<string, string>;\n /**\n * Selected date range in the table\n *\n * @example [new Date(2022, 0, 1), new Date(2022, 0, 31)]\n */\n dateRange: DateRangePickerValue;\n};\n\ntype TableContextType = {\n /**\n * Function to call when the table needs an update\n */\n onChange: () => void;\n /**\n * Internal state of the table\n *\n * @see https://tanstack.com/table/v8/docs/api/core/table#state\n */\n state: TableState;\n /**\n * Function to update the table state\n */\n setState: Dispatch<(prevState: TableState) => TableState>;\n /**\n * Function that clears the filter and predicates\n */\n clearFilters: () => void;\n /**\n * Function that returns the selected row if any\n */\n getSelectedRow: () => any | null;\n /**\n * Function that clear the selected row\n */\n clearSelection: () => void;\n /**\n * Form used to handle predicates and dateRange\n */\n form: UseFormReturnType<TableFormType>;\n /**\n * Table container ref\n */\n containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const TableContext = createContext<TableContextType | null>(null);\n"],"names":["TableContext","createContext"],"mappings":"AAAA;;;;+BA2DaA;;;eAAAA;;;qBAxDoC;AAwD1C,IAAMA,6BAAeC,IAAAA,oBAAa,EAA0B,IAAI"}
@@ -18,8 +18,8 @@ var _react = require("react");
18
18
  var _dateRangePicker = require("../date-range-picker");
19
19
  var _useTable = require("./useTable");
20
20
  var TableDateRangePicker = function(param) {
21
- var _presets = param.presets, presets = _presets === void 0 ? {} : _presets, rangeCalendarProps = param.rangeCalendarProps;
22
- var ref = _slicedToArray((0, _react.useState)(false), 2), opened = ref[0], setOpened = ref[1];
21
+ var _param_presets = param.presets, presets = _param_presets === void 0 ? {} : _param_presets, rangeCalendarProps = param.rangeCalendarProps;
22
+ var _useState = _slicedToArray((0, _react.useState)(false), 2), opened = _useState[0], setOpened = _useState[1];
23
23
  var form = (0, _useTable.useTable)().form;
24
24
  var onApply = function(dates) {
25
25
  form.setFieldValue("dateRange", dates);