@coveord/plasma-mantine 52.26.2 → 52.26.4

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 (182) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +33 -127
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/inline-confirm/InlineConfirmButton.d.ts.map +1 -1
  5. package/dist/cjs/components/inline-confirm/InlineConfirmButton.js +2 -2
  6. package/dist/cjs/components/inline-confirm/InlineConfirmButton.js.map +1 -1
  7. package/dist/esm/components/action-icon/ActionIcon.js +29 -80
  8. package/dist/esm/components/action-icon/ActionIcon.js.map +1 -1
  9. package/dist/esm/components/action-icon/index.js +1 -1
  10. package/dist/esm/components/blank-slate/BlankSlate.js +3 -6
  11. package/dist/esm/components/blank-slate/BlankSlate.js.map +1 -1
  12. package/dist/esm/components/blank-slate/index.js +1 -1
  13. package/dist/esm/components/browser-preview/BrowserPreview.js +16 -28
  14. package/dist/esm/components/browser-preview/BrowserPreview.js.map +1 -1
  15. package/dist/esm/components/browser-preview/BrowserPreview.styles.js +6 -8
  16. package/dist/esm/components/browser-preview/BrowserPreview.styles.js.map +1 -1
  17. package/dist/esm/components/browser-preview/index.js +1 -1
  18. package/dist/esm/components/button/Button.js +29 -80
  19. package/dist/esm/components/button/Button.js.map +1 -1
  20. package/dist/esm/components/button/ButtonWithDisabledTooltip.js +16 -28
  21. package/dist/esm/components/button/ButtonWithDisabledTooltip.js.map +1 -1
  22. package/dist/esm/components/button/index.js +1 -1
  23. package/dist/esm/components/code-editor/CodeEditor.js +76 -144
  24. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  25. package/dist/esm/components/code-editor/index.js +1 -1
  26. package/dist/esm/components/code-editor/languages/xml.js +18 -32
  27. package/dist/esm/components/code-editor/languages/xml.js.map +1 -1
  28. package/dist/esm/components/code-editor/search/Search.js +6 -13
  29. package/dist/esm/components/code-editor/search/Search.js.map +1 -1
  30. package/dist/esm/components/code-editor/search/index.js +1 -1
  31. package/dist/esm/components/collection/Collection.js +57 -110
  32. package/dist/esm/components/collection/Collection.js.map +1 -1
  33. package/dist/esm/components/collection/Collection.styles.js +7 -9
  34. package/dist/esm/components/collection/Collection.styles.js.map +1 -1
  35. package/dist/esm/components/collection/CollectionItem.js +47 -54
  36. package/dist/esm/components/collection/CollectionItem.js.map +1 -1
  37. package/dist/esm/components/collection/index.js +1 -1
  38. package/dist/esm/components/copyToClipboard/CopyToClipboard.js +19 -29
  39. package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
  40. package/dist/esm/components/copyToClipboard/index.js +1 -1
  41. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js +29 -32
  42. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
  43. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js +22 -29
  44. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
  45. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js +19 -30
  46. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
  47. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js +21 -22
  48. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  49. package/dist/esm/components/date-range-picker/index.js +3 -3
  50. package/dist/esm/components/header/Header.js +28 -48
  51. package/dist/esm/components/header/Header.js.map +1 -1
  52. package/dist/esm/components/header/Header.styles.js +7 -10
  53. package/dist/esm/components/header/Header.styles.js.map +1 -1
  54. package/dist/esm/components/header/HeaderActions/HeaderActions.js +16 -25
  55. package/dist/esm/components/header/HeaderActions/HeaderActions.js.map +1 -1
  56. package/dist/esm/components/header/HeaderActions/HeaderActions.styles.js +3 -7
  57. package/dist/esm/components/header/HeaderActions/HeaderActions.styles.js.map +1 -1
  58. package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js +13 -22
  59. package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
  60. package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.js +3 -7
  61. package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.js.map +1 -1
  62. package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js +17 -28
  63. package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
  64. package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.js +4 -8
  65. package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.js.map +1 -1
  66. package/dist/esm/components/header/index.js +1 -1
  67. package/dist/esm/components/index.js +15 -15
  68. package/dist/esm/components/inline-confirm/InlineConfirm.js +14 -20
  69. package/dist/esm/components/inline-confirm/InlineConfirm.js.map +1 -1
  70. package/dist/esm/components/inline-confirm/InlineConfirmButton.d.ts.map +1 -1
  71. package/dist/esm/components/inline-confirm/InlineConfirmButton.js +11 -17
  72. package/dist/esm/components/inline-confirm/InlineConfirmButton.js.map +1 -1
  73. package/dist/esm/components/inline-confirm/InlineConfirmContext.js +2 -2
  74. package/dist/esm/components/inline-confirm/InlineConfirmContext.js.map +1 -1
  75. package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.js +11 -17
  76. package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.js.map +1 -1
  77. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js +8 -9
  78. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  79. package/dist/esm/components/inline-confirm/index.js +3 -3
  80. package/dist/esm/components/inline-confirm/useInlineConfirm.js +5 -5
  81. package/dist/esm/components/inline-confirm/useInlineConfirm.js.map +1 -1
  82. package/dist/esm/components/menu/Menu.js +13 -21
  83. package/dist/esm/components/menu/Menu.js.map +1 -1
  84. package/dist/esm/components/menu/index.js +1 -1
  85. package/dist/esm/components/modal-wizard/ModalWizard.js +57 -108
  86. package/dist/esm/components/modal-wizard/ModalWizard.js.map +1 -1
  87. package/dist/esm/components/modal-wizard/ModalWizardStep.js +1 -4
  88. package/dist/esm/components/modal-wizard/ModalWizardStep.js.map +1 -1
  89. package/dist/esm/components/modal-wizard/index.js +1 -1
  90. package/dist/esm/components/prompt/Prompt.js +29 -41
  91. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  92. package/dist/esm/components/prompt/PromptFooter.js +4 -11
  93. package/dist/esm/components/prompt/PromptFooter.js.map +1 -1
  94. package/dist/esm/components/prompt/index.js +1 -1
  95. package/dist/esm/components/sticky-footer/StickyFooter.js +21 -35
  96. package/dist/esm/components/sticky-footer/StickyFooter.js.map +1 -1
  97. package/dist/esm/components/sticky-footer/index.js +1 -1
  98. package/dist/esm/components/table/Table.js +94 -123
  99. package/dist/esm/components/table/Table.js.map +1 -1
  100. package/dist/esm/components/table/Table.styles.js +11 -13
  101. package/dist/esm/components/table/Table.styles.js.map +1 -1
  102. package/dist/esm/components/table/TableContext.js +5 -5
  103. package/dist/esm/components/table/TableContext.js.map +1 -1
  104. package/dist/esm/components/table/index.js +3 -3
  105. package/dist/esm/components/table/layouts/RowLayout.js +59 -79
  106. package/dist/esm/components/table/layouts/RowLayout.js.map +1 -1
  107. package/dist/esm/components/table/layouts/RowLayout.styles.js +27 -28
  108. package/dist/esm/components/table/layouts/RowLayout.styles.js.map +1 -1
  109. package/dist/esm/components/table/layouts/TableLayoutControl.js +10 -13
  110. package/dist/esm/components/table/layouts/TableLayoutControl.js.map +1 -1
  111. package/dist/esm/components/table/layouts/TableLayouts.js +2 -2
  112. package/dist/esm/components/table/layouts/TableLayouts.js.map +1 -1
  113. package/dist/esm/components/table/table-actions/TableActions.js +17 -26
  114. package/dist/esm/components/table/table-actions/TableActions.js.map +1 -1
  115. package/dist/esm/components/table/table-actions/TableActions.styles.js +5 -7
  116. package/dist/esm/components/table/table-actions/TableActions.styles.js.map +1 -1
  117. package/dist/esm/components/table/table-column/TableCollapsibleColumn.js +19 -23
  118. package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
  119. package/dist/esm/components/table/table-column/TableSelectableColumn.js +9 -13
  120. package/dist/esm/components/table/table-column/TableSelectableColumn.js.map +1 -1
  121. package/dist/esm/components/table/table-consumer/TableConsumer.js +1 -4
  122. package/dist/esm/components/table/table-consumer/TableConsumer.js.map +1 -1
  123. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js +28 -43
  124. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
  125. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.styles.js +3 -5
  126. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.styles.js.map +1 -1
  127. package/dist/esm/components/table/table-filter/TableFilter.js +30 -40
  128. package/dist/esm/components/table/table-filter/TableFilter.js.map +1 -1
  129. package/dist/esm/components/table/table-filter/TableFilter.styles.js +4 -6
  130. package/dist/esm/components/table/table-filter/TableFilter.styles.js.map +1 -1
  131. package/dist/esm/components/table/table-footer/TableFooter.js +5 -13
  132. package/dist/esm/components/table/table-footer/TableFooter.js.map +1 -1
  133. package/dist/esm/components/table/table-header/TableHeader.js +20 -29
  134. package/dist/esm/components/table/table-header/TableHeader.js.map +1 -1
  135. package/dist/esm/components/table/table-header/TableHeader.styles.js +8 -10
  136. package/dist/esm/components/table/table-header/TableHeader.styles.js.map +1 -1
  137. package/dist/esm/components/table/table-header/Th.js +27 -35
  138. package/dist/esm/components/table/table-header/Th.js.map +1 -1
  139. package/dist/esm/components/table/table-header/Th.styles.js +13 -16
  140. package/dist/esm/components/table/table-header/Th.styles.js.map +1 -1
  141. package/dist/esm/components/table/table-last-updated/TableLastUpdated.js +24 -35
  142. package/dist/esm/components/table/table-last-updated/TableLastUpdated.js.map +1 -1
  143. package/dist/esm/components/table/table-last-updated/TableLastUpdated.styles.js +4 -6
  144. package/dist/esm/components/table/table-last-updated/TableLastUpdated.styles.js.map +1 -1
  145. package/dist/esm/components/table/table-loading/TableLoading.js +4 -7
  146. package/dist/esm/components/table/table-loading/TableLoading.js.map +1 -1
  147. package/dist/esm/components/table/table-pagination/TablePagination.js +21 -25
  148. package/dist/esm/components/table/table-pagination/TablePagination.js.map +1 -1
  149. package/dist/esm/components/table/table-per-page/TablePerPage.js +15 -24
  150. package/dist/esm/components/table/table-per-page/TablePerPage.js.map +1 -1
  151. package/dist/esm/components/table/table-predicate/TablePredicate.js +25 -35
  152. package/dist/esm/components/table/table-predicate/TablePredicate.js.map +1 -1
  153. package/dist/esm/components/table/table-predicate/TablePredicate.styles.js +3 -5
  154. package/dist/esm/components/table/table-predicate/TablePredicate.styles.js.map +1 -1
  155. package/dist/esm/form/FormProvider.js +9 -10
  156. package/dist/esm/form/FormProvider.js.map +1 -1
  157. package/dist/esm/form/index.js +2 -2
  158. package/dist/esm/form/useForm.js +18 -25
  159. package/dist/esm/form/useForm.js.map +1 -1
  160. package/dist/esm/hooks/index.js +2 -2
  161. package/dist/esm/hooks/useControlledList.js +24 -30
  162. package/dist/esm/hooks/useControlledList.js.map +1 -1
  163. package/dist/esm/hooks/useParentHeight.js +10 -11
  164. package/dist/esm/hooks/useParentHeight.js.map +1 -1
  165. package/dist/esm/hooks/useRowSelection.js +33 -44
  166. package/dist/esm/hooks/useRowSelection.js.map +1 -1
  167. package/dist/esm/index.js +11 -11
  168. package/dist/esm/theme/PlasmaColors.js +13 -15
  169. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  170. package/dist/esm/theme/Plasmantine.js +3 -6
  171. package/dist/esm/theme/Plasmantine.js.map +1 -1
  172. package/dist/esm/theme/Theme.js +142 -171
  173. package/dist/esm/theme/Theme.js.map +1 -1
  174. package/dist/esm/theme/index.js +1 -1
  175. package/dist/esm/utils/createPolymorphicComponent.js +2 -2
  176. package/dist/esm/utils/createPolymorphicComponent.js.map +1 -1
  177. package/dist/esm/utils/index.js +2 -2
  178. package/dist/esm/utils/overrideComponent.js +2 -8
  179. package/dist/esm/utils/overrideComponent.js.map +1 -1
  180. package/package.json +4 -4
  181. package/src/components/inline-confirm/InlineConfirmButton.tsx +1 -2
  182. package/src/components/inline-confirm/__tests__/InlineConfirm.spec.tsx +20 -0
@@ -1 +1 @@
1
- {"version":3,"file":"InlineConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAGtC,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,wHAU/B,CAAC"}
1
+ {"version":3,"file":"InlineConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAI9C,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,wHAU/B,CAAC"}
@@ -11,8 +11,8 @@ Object.defineProperty(exports, "InlineConfirmButton", {
11
11
  var _object_spread = require("@swc/helpers/_/_object_spread");
12
12
  var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
13
13
  var _jsxruntime = require("react/jsx-runtime");
14
- var _core = require("@mantine/core");
15
14
  var _react = require("react");
15
+ var _button = require("../button");
16
16
  var _useInlineConfirm = require("./useInlineConfirm");
17
17
  var InlineConfirmButton = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
18
18
  var onClick = _param.onClick, id = _param.id, others = _object_without_properties._(_param, [
@@ -25,7 +25,7 @@ var InlineConfirmButton = /*#__PURE__*/ (0, _react.forwardRef)(function(_param,
25
25
  setConfirmingId(id);
26
26
  (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(e);
27
27
  };
28
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Button, _object_spread._({
28
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button, _object_spread._({
29
29
  ref: ref,
30
30
  onClick: handleOnClick
31
31
  }, others));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {Button} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\n\nimport {ButtonProps} from '../button';\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmButtonProps extends ButtonProps {\n id: string;\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmButton = forwardRef<HTMLButtonElement, InlineConfirmButtonProps>(\n ({onClick, id, ...others}, ref) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(id);\n onClick?.(e);\n };\n\n return <Button ref={ref} onClick={handleOnClick} {...others} />;\n },\n);\n"],"names":["InlineConfirmButton","forwardRef","ref","onClick","id","others","setConfirmingId","useInlineConfirm","handleOnClick","e","Button"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;oBAXQ;qBACuB;gCAGb;AAOxB,IAAMA,oCAAsBC,IAAAA,iBAAU,EACzC,iBAA2BC;QAAzBC,iBAAAA,SAASC,YAAAA,IAAOC;QAAhBF;QAASC;;IACP,IAAM,AAACE,kBAAmBC,IAAAA,kCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;YAEzDN;QADAG,gBAAgBF;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUM;IACd;IAEA,qBAAO,qBAACC,YAAM;QAACR,KAAKA;QAAKC,SAASK;OAAmBH;AACzD"}
1
+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmButtonProps extends ButtonProps {\n id: string;\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmButton = forwardRef<HTMLButtonElement, InlineConfirmButtonProps>(\n ({onClick, id, ...others}, ref) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(id);\n onClick?.(e);\n };\n\n return <Button ref={ref} onClick={handleOnClick} {...others} />;\n },\n);\n"],"names":["InlineConfirmButton","forwardRef","ref","onClick","id","others","setConfirmingId","useInlineConfirm","handleOnClick","e","Button"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;qBAV+B;sBACV;gCAEH;AAOxB,IAAMA,oCAAsBC,IAAAA,iBAAU,EACzC,iBAA2BC;QAAzBC,iBAAAA,SAASC,YAAAA,IAAOC;QAAhBF;QAASC;;IACP,IAAM,AAACE,kBAAmBC,IAAAA,kCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;YAEzDN;QADAG,gBAAgBF;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUM;IACd;IAEA,qBAAO,qBAACC,cAAM;QAACR,KAAKA;QAAKC,SAASK;OAAmBH;AACzD"}
@@ -1,99 +1,48 @@
1
- import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
- import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
3
- import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
4
- import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
5
- import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
6
- import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
7
1
  import { jsx as _jsx } from "react/jsx-runtime";
8
- import { ActionIcon as MantineActionIcon } from "@mantine/core";
9
- import { forwardRef, useState } from "react";
10
- import { createPolymorphicComponent } from "../../utils";
11
- import { ButtonWithDisabledTooltip } from "../button/ButtonWithDisabledTooltip";
12
- var useLoadingHandler = function(handler) {
13
- var _useState = _sliced_to_array(useState(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
14
- var handleClick = function() {
15
- var _ref = _async_to_generator(function(event) {
16
- var _handler, possiblePromise, err;
17
- return _ts_generator(this, function(_state) {
18
- switch(_state.label){
19
- case 0:
20
- possiblePromise = (_handler = handler) === null || _handler === void 0 ? void 0 : _handler(event);
21
- _state.label = 1;
22
- case 1:
23
- _state.trys.push([
24
- 1,
25
- 4,
26
- ,
27
- 5
28
- ]);
29
- if (!_instanceof(possiblePromise, Promise)) return [
30
- 3,
31
- 3
32
- ];
33
- setIsLoading(true);
34
- return [
35
- 4,
36
- possiblePromise
37
- ];
38
- case 2:
39
- _state.sent();
40
- setIsLoading(false);
41
- _state.label = 3;
42
- case 3:
43
- return [
44
- 3,
45
- 5
46
- ];
47
- case 4:
48
- err = _state.sent();
49
- setIsLoading(false);
50
- console.error(err);
51
- return [
52
- 3,
53
- 5
54
- ];
55
- case 5:
56
- return [
57
- 2
58
- ];
59
- }
60
- });
61
- });
62
- return function handleClick(event) {
63
- return _ref.apply(this, arguments);
64
- };
65
- }();
2
+ import { ActionIcon as MantineActionIcon } from '@mantine/core';
3
+ import { forwardRef, useState } from 'react';
4
+ import { createPolymorphicComponent } from '../../utils';
5
+ import { ButtonWithDisabledTooltip } from '../button/ButtonWithDisabledTooltip';
6
+ const useLoadingHandler = (handler)=>{
7
+ const [isLoading, setIsLoading] = useState(false);
8
+ const handleClick = async (event)=>{
9
+ const possiblePromise = handler?.(event);
10
+ try {
11
+ if (possiblePromise instanceof Promise) {
12
+ setIsLoading(true);
13
+ await possiblePromise;
14
+ setIsLoading(false);
15
+ }
16
+ } catch (err) {
17
+ setIsLoading(false);
18
+ console.error(err);
19
+ }
20
+ };
66
21
  return {
67
- isLoading: isLoading,
68
- handleClick: handleClick
22
+ isLoading,
23
+ handleClick
69
24
  };
70
25
  };
71
- var _ActionIcon = /*#__PURE__*/ forwardRef(function(_param, ref) {
72
- var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, loading = _param.loading, onClick = _param.onClick, others = _object_without_properties(_param, [
73
- "disabledTooltip",
74
- "disabled",
75
- "disabledTooltipProps",
76
- "loading",
77
- "onClick"
78
- ]);
79
- var _useLoadingHandler = useLoadingHandler(onClick), isLoading = _useLoadingHandler.isLoading, handleClick = _useLoadingHandler.handleClick;
26
+ const _ActionIcon = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others }, ref)=>{
27
+ const { isLoading, handleClick } = useLoadingHandler(onClick);
80
28
  return /*#__PURE__*/ _jsx(ButtonWithDisabledTooltip, {
81
29
  disabled: disabled,
82
30
  disabledTooltip: disabledTooltip,
83
31
  disabledTooltipProps: disabledTooltipProps,
84
32
  fullWidth: others.fullWidth,
85
- children: /*#__PURE__*/ _jsx(MantineActionIcon, _object_spread({
33
+ children: /*#__PURE__*/ _jsx(MantineActionIcon, {
86
34
  loaderProps: {
87
- variant: "oval"
35
+ variant: 'oval'
88
36
  },
89
37
  ref: ref,
90
38
  loading: isLoading || loading,
91
39
  onClick: handleClick,
92
- disabled: disabled
93
- }, others))
40
+ disabled: disabled,
41
+ ...others
42
+ })
94
43
  });
95
44
  });
96
- export var ActionIcon = createPolymorphicComponent(_ActionIcon);
45
+ export const ActionIcon = createPolymorphicComponent(_ActionIcon);
97
46
  ActionIcon.Group = MantineActionIcon.Group;
98
47
 
99
48
  //# sourceMappingURL=ActionIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {ActionIcon as MantineActionIcon, type ActionIconProps as MantineActionIconProps} from '@mantine/core';\nimport {forwardRef, MouseEvent, MouseEventHandler, useState} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst useLoadingHandler = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n const [isLoading, setIsLoading] = useState(false);\n\n const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n const possiblePromise: unknown = handler?.(event);\n try {\n if (possiblePromise instanceof Promise) {\n setIsLoading(true);\n await possiblePromise;\n setIsLoading(false);\n }\n } catch (err) {\n setIsLoading(false);\n console.error(err);\n }\n };\n\n return {isLoading, handleClick};\n};\n\nconst _ActionIcon = forwardRef<HTMLButtonElement, ActionIconProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n const {isLoading, handleClick} = useLoadingHandler(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineActionIcon\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={handleClick}\n disabled={disabled}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\n\nexport const ActionIcon = createPolymorphicComponent<\n 'button',\n ActionIconProps,\n {Group: typeof MantineActionIcon.Group}\n>(_ActionIcon);\nActionIcon.Group = MantineActionIcon.Group;\n"],"names":["ActionIcon","MantineActionIcon","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","err","Promise","console","error","_ActionIcon","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","fullWidth","loaderProps","variant","Group"],"mappings":";;;;;;;AAAA,SAAQA,cAAcC,iBAAiB,QAAuD,gBAAgB;AAC9G,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,sCAAsC;AAO9G,IAAMC,oBAAoB,SAACC;IACvB,IAAkCJ,6BAAAA,SAAS,YAApCK,YAA2BL,cAAhBM,eAAgBN;IAElC,IAAMO;mBAAc,oBAAA,SAAOC;gBACUJ,UAA3BK,iBAOGC;;;;wBAPHD,mBAA2BL,WAAAA,qBAAAA,+BAAAA,SAAUI;;;;;;;;;6BAEnCC,AAAe,YAAfA,iBAA2BE,UAA3BF;;;;wBACAH,aAAa;wBACb;;4BAAMG;;;wBAAN;wBACAH,aAAa;;;;;;;;wBAEZI;wBACLJ,aAAa;wBACbM,QAAQC,KAAK,CAACH;;;;;;;;;;;QAEtB;wBAZMH,YAAqBC;;;;IAc3B,OAAO;QAACH,WAAAA;QAAWE,aAAAA;IAAW;AAClC;AAEA,IAAMO,4BAAcf,WAChB,iBAAiFgB;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCjB,qBAAAA,kBAAkBiB,UAA5Cf,YAA0BF,mBAA1BE,WAAWE,cAAeJ,mBAAfI;IAClB,qBACI,KAACL;QACGe,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBI,WAAWD,OAAOC,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BT,KAAKA;YACLI,SAASd,aAAac;YACtBC,SAASb;YACTU,UAAUA;WACNI;;AAIpB;AAGJ,OAAO,IAAMxB,aAAaI,2BAIxBa,aAAa;AACfjB,WAAW4B,KAAK,GAAG3B,kBAAkB2B,KAAK"}
1
+ {"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {ActionIcon as MantineActionIcon, type ActionIconProps as MantineActionIconProps} from '@mantine/core';\nimport {forwardRef, MouseEvent, MouseEventHandler, useState} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst useLoadingHandler = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n const [isLoading, setIsLoading] = useState(false);\n\n const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n const possiblePromise: unknown = handler?.(event);\n try {\n if (possiblePromise instanceof Promise) {\n setIsLoading(true);\n await possiblePromise;\n setIsLoading(false);\n }\n } catch (err) {\n setIsLoading(false);\n console.error(err);\n }\n };\n\n return {isLoading, handleClick};\n};\n\nconst _ActionIcon = forwardRef<HTMLButtonElement, ActionIconProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n const {isLoading, handleClick} = useLoadingHandler(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineActionIcon\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={handleClick}\n disabled={disabled}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\n\nexport const ActionIcon = createPolymorphicComponent<\n 'button',\n ActionIconProps,\n {Group: typeof MantineActionIcon.Group}\n>(_ActionIcon);\nActionIcon.Group = MantineActionIcon.Group;\n"],"names":["ActionIcon","MantineActionIcon","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","Promise","err","console","error","_ActionIcon","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","fullWidth","loaderProps","variant","Group"],"mappings":";AAAA,SAAQA,cAAcC,iBAAiB,QAAuD,gBAAgB;AAC9G,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,sCAAsC;AAO9G,MAAMC,oBAAoB,CAACC;IACvB,MAAM,CAACC,WAAWC,aAAa,GAAGN,SAAS;IAE3C,MAAMO,cAAc,OAAOC;QACvB,MAAMC,kBAA2BL,UAAUI;QAC3C,IAAI;YACA,IAAIC,2BAA2BC,SAAS;gBACpCJ,aAAa;gBACb,MAAMG;gBACNH,aAAa;YACjB;QACJ,EAAE,OAAOK,KAAK;YACVL,aAAa;YACbM,QAAQC,KAAK,CAACF;QAClB;IACJ;IAEA,OAAO;QAACN;QAAWE;IAAW;AAClC;AAEA,MAAMO,4BAAcf,WAChB,CAAC,EAACgB,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAAChB,SAAS,EAAEE,WAAW,EAAC,GAAGJ,kBAAkBgB;IACnD,qBACI,KAACjB;QACGc,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBK,WAAWF,OAAOE,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BH,KAAKA;YACLH,SAASb,aAAaa;YACtBC,SAASZ;YACTS,UAAUA;YACT,GAAGI,MAAM;;;AAI1B;AAGJ,OAAO,MAAMvB,aAAaI,2BAIxBa,aAAa;AACfjB,WAAW4B,KAAK,GAAG3B,kBAAkB2B,KAAK"}
@@ -1,3 +1,3 @@
1
- export * from "./ActionIcon";
1
+ export * from './ActionIcon';
2
2
 
3
3
  //# sourceMappingURL=index.js.map
@@ -1,9 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Paper, Stack } from "@mantine/core";
3
- export var BlankSlate = function(param) {
4
- var children = param.children, _param_withBorder = param.withBorder, withBorder = _param_withBorder === void 0 ? true : _param_withBorder;
5
- return /*#__PURE__*/ _jsx(Paper, {
6
- shadow: withBorder && "xs",
2
+ import { Paper, Stack } from '@mantine/core';
3
+ export const BlankSlate = ({ children, withBorder = true })=>/*#__PURE__*/ _jsx(Paper, {
4
+ shadow: withBorder && 'xs',
7
5
  p: "xl",
8
6
  withBorder: withBorder,
9
7
  children: /*#__PURE__*/ _jsx(Stack, {
@@ -11,6 +9,5 @@ export var BlankSlate = function(param) {
11
9
  children: children
12
10
  })
13
11
  });
14
- };
15
12
 
16
13
  //# sourceMappingURL=BlankSlate.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/blank-slate/BlankSlate.tsx"],"sourcesContent":["import {Paper, Stack} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\ninterface BlankSlateProps {\n /**\n * Whether the Blankslate render with a border\n *\n * @default true\n */\n withBorder?: boolean;\n}\n\nexport const BlankSlate: FunctionComponent<PropsWithChildren<BlankSlateProps>> = ({children, withBorder = true}) => (\n <Paper shadow={withBorder && 'xs'} p=\"xl\" withBorder={withBorder}>\n <Stack align=\"center\">{children}</Stack>\n </Paper>\n);\n"],"names":["Paper","Stack","BlankSlate","children","withBorder","shadow","p","align"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,KAAK,QAAO,gBAAgB;AAY3C,OAAO,IAAMC,aAAoE;QAAEC,iBAAAA,oCAAUC,YAAAA,4CAAa;yBACtG,KAACJ;QAAMK,QAAQD,cAAc;QAAME,GAAE;QAAKF,YAAYA;kBAClD,cAAA,KAACH;YAAMM,OAAM;sBAAUJ;;;EAE7B"}
1
+ {"version":3,"sources":["../../../../src/components/blank-slate/BlankSlate.tsx"],"sourcesContent":["import {Paper, Stack} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\ninterface BlankSlateProps {\n /**\n * Whether the Blankslate render with a border\n *\n * @default true\n */\n withBorder?: boolean;\n}\n\nexport const BlankSlate: FunctionComponent<PropsWithChildren<BlankSlateProps>> = ({children, withBorder = true}) => (\n <Paper shadow={withBorder && 'xs'} p=\"xl\" withBorder={withBorder}>\n <Stack align=\"center\">{children}</Stack>\n </Paper>\n);\n"],"names":["Paper","Stack","BlankSlate","children","withBorder","shadow","p","align"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,KAAK,QAAO,gBAAgB;AAY3C,OAAO,MAAMC,aAAoE,CAAC,EAACC,QAAQ,EAAEC,aAAa,IAAI,EAAC,iBAC3G,KAACJ;QAAMK,QAAQD,cAAc;QAAME,GAAE;QAAKF,YAAYA;kBAClD,cAAA,KAACH;YAAMM,OAAM;sBAAUJ;;OAE7B"}
@@ -1,3 +1,3 @@
1
- export * from "./BlankSlate";
1
+ export * from './BlankSlate';
2
2
 
3
3
  //# sourceMappingURL=index.js.map
@@ -1,34 +1,22 @@
1
- import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
- import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
3
- import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
4
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- import { InfoSize16Px } from "@coveord/plasma-react-icons";
6
- import { Box, ColorSwatch, Flex, Group, Stack, Text, Title, Tooltip, useMantineTheme } from "@mantine/core";
7
- import useStyles from "./BrowserPreview.styles";
8
- export var BrowserPreview = function(_param) {
9
- var children = _param.children, headerTooltip = _param.headerTooltip, title = _param.title, // Style props
10
- classNames = _param.classNames, className = _param.className, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties(_param, [
11
- "children",
12
- "headerTooltip",
13
- "title",
14
- "classNames",
15
- "className",
16
- "styles",
17
- "unstyled"
18
- ]);
19
- var theme = useMantineTheme();
20
- var _useStyles = useStyles(null, {
21
- classNames: classNames,
22
- name: "BrowserPreview",
23
- styles: styles,
24
- unstyled: unstyled
25
- }), classes = _useStyles.classes, cx = _useStyles.cx;
26
- return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
2
+ import { InfoSize16Px } from '@coveord/plasma-react-icons';
3
+ import { Box, ColorSwatch, Flex, Group, Stack, Text, Title, Tooltip, useMantineTheme } from '@mantine/core';
4
+ import useStyles from './BrowserPreview.styles';
5
+ export const BrowserPreview = ({ children, headerTooltip, title, // Style props
6
+ classNames, className, styles, unstyled, ...others })=>{
7
+ const theme = useMantineTheme();
8
+ const { classes, cx } = useStyles(null, {
9
+ classNames,
10
+ name: 'BrowserPreview',
11
+ styles,
12
+ unstyled
13
+ });
14
+ return /*#__PURE__*/ _jsxs(Stack, {
27
15
  className: cx(classes.root, className),
28
16
  spacing: 0,
29
17
  maw: 544,
30
- mih: 0
31
- }, others), {
18
+ mih: 0,
19
+ ...others,
32
20
  children: [
33
21
  /*#__PURE__*/ _jsx(Box, {
34
22
  children: /*#__PURE__*/ _jsxs(Group, {
@@ -89,7 +77,7 @@ export var BrowserPreview = function(_param) {
89
77
  children: children
90
78
  })
91
79
  ]
92
- }));
80
+ });
93
81
  };
94
82
 
95
83
  //# sourceMappingURL=BrowserPreview.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {InfoSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n ColorSwatch,\n DefaultProps,\n Flex,\n Group,\n Selectors,\n Stack,\n Text,\n Title,\n Tooltip,\n useMantineTheme,\n} from '@mantine/core';\nimport {PropsWithChildren} from 'react';\nimport useStyles from './BrowserPreview.styles';\n\nexport interface BrowserPreviewProps extends DefaultProps<Selectors<typeof useStyles>> {\n /**\n * Text to display in a tooltip in the header.\n *\n */\n headerTooltip?: string;\n /**\n * Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n // Style props\n classNames,\n className,\n styles,\n unstyled,\n ...others\n}: PropsWithChildren<BrowserPreviewProps>) => {\n const theme = useMantineTheme();\n const {classes, cx} = useStyles(null, {classNames, name: 'BrowserPreview', styles, unstyled});\n return (\n <Stack className={cx(classes.root, className)} spacing={0} maw={544} mih={0} {...others}>\n <Box>\n <Group className={classes.header} position=\"apart\" px=\"sm\" py=\"xs\" bg=\"gray.1\" noWrap>\n <Group spacing=\"xs\" noWrap>\n <Title color=\"gray.6\" order={4}>\n Preview\n </Title>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoSize16Px height={16} className={classes.infoIcon} />\n </Tooltip>\n )}\n </Group>\n <Text lineClamp={1} color=\"gray.6\">\n {title}\n </Text>\n <Group spacing=\"xs\" noWrap>\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n </Group>\n </Group>\n </Box>\n <Flex className={classes.content} p=\"xl\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n );\n};\n"],"names":["InfoSize16Px","Box","ColorSwatch","Flex","Group","Stack","Text","Title","Tooltip","useMantineTheme","useStyles","BrowserPreview","children","headerTooltip","title","classNames","className","styles","unstyled","others","theme","name","classes","cx","root","spacing","maw","mih","header","position","px","py","bg","noWrap","color","order","label","height","infoIcon","lineClamp","colors","gray","content","p","direction"],"mappings":";;;;AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SACIC,GAAG,EACHC,WAAW,EAEXC,IAAI,EACJC,KAAK,EAELC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,eAAe,QACZ,gBAAgB;AAEvB,OAAOC,eAAe,0BAA0B;AAchD,OAAO,IAAMC,iBAAiB;QAC1BC,kBAAAA,UACAC,uBAAAA,eACAC,eAAAA,OACA,cAAc;IACdC,oBAAAA,YACAC,mBAAAA,WACAC,gBAAAA,QACAC,kBAAAA,UACGC;QARHP;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;;IAGA,IAAME,QAAQX;IACd,IAAsBC,aAAAA,UAAU,MAAM;QAACK,YAAAA;QAAYM,MAAM;QAAkBJ,QAAAA;QAAQC,UAAAA;IAAQ,IAApFI,UAAeZ,WAAfY,SAASC,KAAMb,WAANa;IAChB,qBACI,MAAClB;QAAMW,WAAWO,GAAGD,QAAQE,IAAI,EAAER;QAAYS,SAAS;QAAGC,KAAK;QAAKC,KAAK;OAAOR;;0BAC7E,KAAClB;0BACG,cAAA,MAACG;oBAAMY,WAAWM,QAAQM,MAAM;oBAAEC,UAAS;oBAAQC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;oBAASC,MAAM;;sCACjF,MAAC7B;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC1B;oCAAM2B,OAAM;oCAASC,OAAO;8CAAG;;gCAG/B,CAAC,CAACtB,+BACC,KAACL;oCAAQ4B,OAAOvB;oCAAegB,UAAS;oCAAQH,KAAK;8CACjD,cAAA,KAAC1B;wCAAaqC,QAAQ;wCAAIrB,WAAWM,QAAQgB,QAAQ;;;;;sCAIjE,KAAChC;4BAAKiC,WAAW;4BAAGL,OAAM;sCACrBpB;;sCAEL,MAACV;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC/B;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,KAACtC;gBAAKa,WAAWM,QAAQoB,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC9ChC;;;;AAIjB,EAAE"}
1
+ {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {InfoSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n ColorSwatch,\n DefaultProps,\n Flex,\n Group,\n Selectors,\n Stack,\n Text,\n Title,\n Tooltip,\n useMantineTheme,\n} from '@mantine/core';\nimport {PropsWithChildren} from 'react';\nimport useStyles from './BrowserPreview.styles';\n\nexport interface BrowserPreviewProps extends DefaultProps<Selectors<typeof useStyles>> {\n /**\n * Text to display in a tooltip in the header.\n *\n */\n headerTooltip?: string;\n /**\n * Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n // Style props\n classNames,\n className,\n styles,\n unstyled,\n ...others\n}: PropsWithChildren<BrowserPreviewProps>) => {\n const theme = useMantineTheme();\n const {classes, cx} = useStyles(null, {classNames, name: 'BrowserPreview', styles, unstyled});\n return (\n <Stack className={cx(classes.root, className)} spacing={0} maw={544} mih={0} {...others}>\n <Box>\n <Group className={classes.header} position=\"apart\" px=\"sm\" py=\"xs\" bg=\"gray.1\" noWrap>\n <Group spacing=\"xs\" noWrap>\n <Title color=\"gray.6\" order={4}>\n Preview\n </Title>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoSize16Px height={16} className={classes.infoIcon} />\n </Tooltip>\n )}\n </Group>\n <Text lineClamp={1} color=\"gray.6\">\n {title}\n </Text>\n <Group spacing=\"xs\" noWrap>\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n </Group>\n </Group>\n </Box>\n <Flex className={classes.content} p=\"xl\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n );\n};\n"],"names":["InfoSize16Px","Box","ColorSwatch","Flex","Group","Stack","Text","Title","Tooltip","useMantineTheme","useStyles","BrowserPreview","children","headerTooltip","title","classNames","className","styles","unstyled","others","theme","classes","cx","name","root","spacing","maw","mih","header","position","px","py","bg","noWrap","color","order","label","height","infoIcon","lineClamp","colors","gray","content","p","direction"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SACIC,GAAG,EACHC,WAAW,EAEXC,IAAI,EACJC,KAAK,EAELC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,eAAe,QACZ,gBAAgB;AAEvB,OAAOC,eAAe,0BAA0B;AAchD,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACL,cAAc;AACdC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACkC;IACrC,MAAMC,QAAQX;IACd,MAAM,EAACY,OAAO,EAAEC,EAAE,EAAC,GAAGZ,UAAU,MAAM;QAACK;QAAYQ,MAAM;QAAkBN;QAAQC;IAAQ;IAC3F,qBACI,MAACb;QAAMW,WAAWM,GAAGD,QAAQG,IAAI,EAAER;QAAYS,SAAS;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGR,MAAM;;0BACnF,KAAClB;0BACG,cAAA,MAACG;oBAAMY,WAAWK,QAAQO,MAAM;oBAAEC,UAAS;oBAAQC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;oBAASC,MAAM;;sCACjF,MAAC7B;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC1B;oCAAM2B,OAAM;oCAASC,OAAO;8CAAG;;gCAG/B,CAAC,CAACtB,+BACC,KAACL;oCAAQ4B,OAAOvB;oCAAegB,UAAS;oCAAQH,KAAK;8CACjD,cAAA,KAAC1B;wCAAaqC,QAAQ;wCAAIrB,WAAWK,QAAQiB,QAAQ;;;;;sCAIjE,KAAChC;4BAAKiC,WAAW;4BAAGL,OAAM;sCACrBpB;;sCAEL,MAACV;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC/B;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,KAACtC;gBAAKa,WAAWK,QAAQqB,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC9ChC;;;;AAIjB,EAAE"}
@@ -1,25 +1,23 @@
1
- import { createStyles } from "@mantine/core";
2
- export default createStyles(function(theme) {
3
- return {
1
+ import { createStyles } from '@mantine/core';
2
+ export default createStyles((theme)=>({
4
3
  root: {
5
4
  boxShadow: theme.shadows.md,
6
5
  borderRadius: theme.defaultRadius,
7
- border: "1px solid",
6
+ border: '1px solid',
8
7
  borderColor: theme.colors.gray[3],
9
8
  flex: 1
10
9
  },
11
10
  header: {
12
11
  boxShadow: theme.shadows.xs,
13
- borderRadius: "".concat(theme.defaultRadius, "px ").concat(theme.defaultRadius, "px 0 0")
12
+ borderRadius: `${theme.defaultRadius}px ${theme.defaultRadius}px 0 0`
14
13
  },
15
14
  content: {
16
- overflow: "auto",
15
+ overflow: 'auto',
17
16
  flexGrow: 1
18
17
  },
19
18
  infoIcon: {
20
19
  color: theme.colors.gray[5]
21
20
  }
22
- };
23
- });
21
+ }));
24
22
 
25
23
  //# sourceMappingURL=BrowserPreview.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n root: {\n boxShadow: theme.shadows.md,\n borderRadius: theme.defaultRadius,\n border: '1px solid',\n borderColor: theme.colors.gray[3],\n flex: 1,\n },\n header: {boxShadow: theme.shadows.xs, borderRadius: `${theme.defaultRadius}px ${theme.defaultRadius}px 0 0`},\n content: {overflow: 'auto', flexGrow: 1},\n infoIcon: {color: theme.colors.gray[5]},\n}));\n"],"names":["createStyles","theme","root","boxShadow","shadows","md","borderRadius","defaultRadius","border","borderColor","colors","gray","flex","header","xs","content","overflow","flexGrow","infoIcon","color"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM;YACFC,WAAWF,MAAMG,OAAO,CAACC,EAAE;YAC3BC,cAAcL,MAAMM,aAAa;YACjCC,QAAQ;YACRC,aAAaR,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;YACjCC,MAAM;QACV;QACAC,QAAQ;YAACV,WAAWF,MAAMG,OAAO,CAACU,EAAE;YAAER,cAAc,AAAC,GAA2BL,OAAzBA,MAAMM,aAAa,EAAC,OAAyB,OAApBN,MAAMM,aAAa,EAAC;QAAO;QAC3GQ,SAAS;YAACC,UAAU;YAAQC,UAAU;QAAC;QACvCC,UAAU;YAACC,OAAOlB,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;QAAA;IAC1C;GAAI"}
1
+ {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n root: {\n boxShadow: theme.shadows.md,\n borderRadius: theme.defaultRadius,\n border: '1px solid',\n borderColor: theme.colors.gray[3],\n flex: 1,\n },\n header: {boxShadow: theme.shadows.xs, borderRadius: `${theme.defaultRadius}px ${theme.defaultRadius}px 0 0`},\n content: {overflow: 'auto', flexGrow: 1},\n infoIcon: {color: theme.colors.gray[5]},\n}));\n"],"names":["createStyles","theme","root","boxShadow","shadows","md","borderRadius","defaultRadius","border","borderColor","colors","gray","flex","header","xs","content","overflow","flexGrow","infoIcon","color"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,CAACC,QAAW,CAAA;QACpCC,MAAM;YACFC,WAAWF,MAAMG,OAAO,CAACC,EAAE;YAC3BC,cAAcL,MAAMM,aAAa;YACjCC,QAAQ;YACRC,aAAaR,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;YACjCC,MAAM;QACV;QACAC,QAAQ;YAACV,WAAWF,MAAMG,OAAO,CAACU,EAAE;YAAER,cAAc,CAAC,EAAEL,MAAMM,aAAa,CAAC,GAAG,EAAEN,MAAMM,aAAa,CAAC,MAAM,CAAC;QAAA;QAC3GQ,SAAS;YAACC,UAAU;YAAQC,UAAU;QAAC;QACvCC,UAAU;YAACC,OAAOlB,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;QAAA;IAC1C,CAAA,GAAI"}
@@ -1,3 +1,3 @@
1
- export * from "./BrowserPreview";
1
+ export * from './BrowserPreview';
2
2
 
3
3
  //# sourceMappingURL=index.js.map
@@ -1,99 +1,48 @@
1
- import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
- import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
3
- import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
4
- import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
5
- import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
6
- import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
7
1
  import { jsx as _jsx } from "react/jsx-runtime";
8
- import { Button as MantineButton } from "@mantine/core";
9
- import { forwardRef, useState } from "react";
10
- import { createPolymorphicComponent } from "../../utils";
11
- import { ButtonWithDisabledTooltip } from "./ButtonWithDisabledTooltip";
12
- var useLoadingHandler = function(handler) {
13
- var _useState = _sliced_to_array(useState(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
14
- var handleClick = function() {
15
- var _ref = _async_to_generator(function(event) {
16
- var _handler, possiblePromise, err;
17
- return _ts_generator(this, function(_state) {
18
- switch(_state.label){
19
- case 0:
20
- possiblePromise = (_handler = handler) === null || _handler === void 0 ? void 0 : _handler(event);
21
- _state.label = 1;
22
- case 1:
23
- _state.trys.push([
24
- 1,
25
- 4,
26
- ,
27
- 5
28
- ]);
29
- if (!_instanceof(possiblePromise, Promise)) return [
30
- 3,
31
- 3
32
- ];
33
- setIsLoading(true);
34
- return [
35
- 4,
36
- possiblePromise
37
- ];
38
- case 2:
39
- _state.sent();
40
- setIsLoading(false);
41
- _state.label = 3;
42
- case 3:
43
- return [
44
- 3,
45
- 5
46
- ];
47
- case 4:
48
- err = _state.sent();
49
- setIsLoading(false);
50
- console.error(err);
51
- return [
52
- 3,
53
- 5
54
- ];
55
- case 5:
56
- return [
57
- 2
58
- ];
59
- }
60
- });
61
- });
62
- return function handleClick(event) {
63
- return _ref.apply(this, arguments);
64
- };
65
- }();
2
+ import { Button as MantineButton } from '@mantine/core';
3
+ import { forwardRef, useState } from 'react';
4
+ import { createPolymorphicComponent } from '../../utils';
5
+ import { ButtonWithDisabledTooltip } from './ButtonWithDisabledTooltip';
6
+ const useLoadingHandler = (handler)=>{
7
+ const [isLoading, setIsLoading] = useState(false);
8
+ const handleClick = async (event)=>{
9
+ const possiblePromise = handler?.(event);
10
+ try {
11
+ if (possiblePromise instanceof Promise) {
12
+ setIsLoading(true);
13
+ await possiblePromise;
14
+ setIsLoading(false);
15
+ }
16
+ } catch (err) {
17
+ setIsLoading(false);
18
+ console.error(err);
19
+ }
20
+ };
66
21
  return {
67
- isLoading: isLoading,
68
- handleClick: handleClick
22
+ isLoading,
23
+ handleClick
69
24
  };
70
25
  };
71
- var _Button = /*#__PURE__*/ forwardRef(function(_param, ref) {
72
- var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, loading = _param.loading, onClick = _param.onClick, others = _object_without_properties(_param, [
73
- "disabledTooltip",
74
- "disabled",
75
- "disabledTooltipProps",
76
- "loading",
77
- "onClick"
78
- ]);
79
- var _useLoadingHandler = useLoadingHandler(onClick), isLoading = _useLoadingHandler.isLoading, handleClick = _useLoadingHandler.handleClick;
26
+ const _Button = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others }, ref)=>{
27
+ const { isLoading, handleClick } = useLoadingHandler(onClick);
80
28
  return /*#__PURE__*/ _jsx(ButtonWithDisabledTooltip, {
81
29
  disabled: disabled,
82
30
  disabledTooltip: disabledTooltip,
83
31
  disabledTooltipProps: disabledTooltipProps,
84
32
  fullWidth: others.fullWidth,
85
- children: /*#__PURE__*/ _jsx(MantineButton, _object_spread({
33
+ children: /*#__PURE__*/ _jsx(MantineButton, {
86
34
  loaderProps: {
87
- variant: "oval"
35
+ variant: 'oval'
88
36
  },
89
37
  ref: ref,
90
38
  loading: isLoading || loading,
91
39
  onClick: handleClick,
92
- disabled: disabled
93
- }, others))
40
+ disabled: disabled,
41
+ ...others
42
+ })
94
43
  });
95
44
  });
96
- export var Button = createPolymorphicComponent(_Button);
45
+ export const Button = createPolymorphicComponent(_Button);
97
46
  Button.Group = MantineButton.Group;
98
47
 
99
48
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {Button as MantineButton, ButtonProps as MantineButtonProps} from '@mantine/core';\nimport {forwardRef, MouseEvent, MouseEventHandler, useState} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst useLoadingHandler = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n const [isLoading, setIsLoading] = useState(false);\n\n const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n const possiblePromise: unknown = handler?.(event);\n try {\n if (possiblePromise instanceof Promise) {\n setIsLoading(true);\n await possiblePromise;\n setIsLoading(false);\n }\n } catch (err) {\n setIsLoading(false);\n console.error(err);\n }\n };\n\n return {isLoading, handleClick};\n};\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n const {isLoading, handleClick} = useLoadingHandler(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={handleClick}\n disabled={disabled}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\n\nexport const Button = createPolymorphicComponent<'button', ButtonProps, {Group: typeof MantineButton.Group}>(_Button);\nButton.Group = MantineButton.Group;\n"],"names":["Button","MantineButton","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","err","Promise","console","error","_Button","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","fullWidth","loaderProps","variant","Group"],"mappings":";;;;;;;AAAA,SAAQA,UAAUC,aAAa,QAA0C,gBAAgB;AACzF,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,8BAA8B;AAOtG,IAAMC,oBAAoB,SAACC;IACvB,IAAkCJ,6BAAAA,SAAS,YAApCK,YAA2BL,cAAhBM,eAAgBN;IAElC,IAAMO;mBAAc,oBAAA,SAAOC;gBACUJ,UAA3BK,iBAOGC;;;;wBAPHD,mBAA2BL,WAAAA,qBAAAA,+BAAAA,SAAUI;;;;;;;;;6BAEnCC,AAAe,YAAfA,iBAA2BE,UAA3BF;;;;wBACAH,aAAa;wBACb;;4BAAMG;;;wBAAN;wBACAH,aAAa;;;;;;;;wBAEZI;wBACLJ,aAAa;wBACbM,QAAQC,KAAK,CAACH;;;;;;;;;;;QAEtB;wBAZMH,YAAqBC;;;;IAc3B,OAAO;QAACH,WAAAA;QAAWE,aAAAA;IAAW;AAClC;AAEA,IAAMO,wBAAUf,WACZ,iBAAiFgB;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCjB,qBAAAA,kBAAkBiB,UAA5Cf,YAA0BF,mBAA1BE,WAAWE,cAAeJ,mBAAfI;IAClB,qBACI,KAACL;QACGe,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBI,WAAWD,OAAOC,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BT,KAAKA;YACLI,SAASd,aAAac;YACtBC,SAASb;YACTU,UAAUA;WACNI;;AAIpB;AAGJ,OAAO,IAAMxB,SAASI,2BAAuFa,SAAS;AACtHjB,OAAO4B,KAAK,GAAG3B,cAAc2B,KAAK"}
1
+ {"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {Button as MantineButton, ButtonProps as MantineButtonProps} from '@mantine/core';\nimport {forwardRef, MouseEvent, MouseEventHandler, useState} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst useLoadingHandler = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n const [isLoading, setIsLoading] = useState(false);\n\n const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n const possiblePromise: unknown = handler?.(event);\n try {\n if (possiblePromise instanceof Promise) {\n setIsLoading(true);\n await possiblePromise;\n setIsLoading(false);\n }\n } catch (err) {\n setIsLoading(false);\n console.error(err);\n }\n };\n\n return {isLoading, handleClick};\n};\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n const {isLoading, handleClick} = useLoadingHandler(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={handleClick}\n disabled={disabled}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\n\nexport const Button = createPolymorphicComponent<'button', ButtonProps, {Group: typeof MantineButton.Group}>(_Button);\nButton.Group = MantineButton.Group;\n"],"names":["Button","MantineButton","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","Promise","err","console","error","_Button","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","fullWidth","loaderProps","variant","Group"],"mappings":";AAAA,SAAQA,UAAUC,aAAa,QAA0C,gBAAgB;AACzF,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,8BAA8B;AAOtG,MAAMC,oBAAoB,CAACC;IACvB,MAAM,CAACC,WAAWC,aAAa,GAAGN,SAAS;IAE3C,MAAMO,cAAc,OAAOC;QACvB,MAAMC,kBAA2BL,UAAUI;QAC3C,IAAI;YACA,IAAIC,2BAA2BC,SAAS;gBACpCJ,aAAa;gBACb,MAAMG;gBACNH,aAAa;YACjB;QACJ,EAAE,OAAOK,KAAK;YACVL,aAAa;YACbM,QAAQC,KAAK,CAACF;QAClB;IACJ;IAEA,OAAO;QAACN;QAAWE;IAAW;AAClC;AAEA,MAAMO,wBAAUf,WACZ,CAAC,EAACgB,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAAChB,SAAS,EAAEE,WAAW,EAAC,GAAGJ,kBAAkBgB;IACnD,qBACI,KAACjB;QACGc,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBK,WAAWF,OAAOE,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BH,KAAKA;YACLH,SAASb,aAAaa;YACtBC,SAASZ;YACTS,UAAUA;YACT,GAAGI,MAAM;;;AAI1B;AAGJ,OAAO,MAAMvB,SAASI,2BAAuFa,SAAS;AACtHjB,OAAO4B,KAAK,GAAG3B,cAAc2B,KAAK"}
@@ -1,37 +1,25 @@
1
- import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
- import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
3
- import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
4
1
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
5
- import { Box, Tooltip } from "@mantine/core";
6
- import { forwardRef } from "react";
7
- import { createPolymorphicComponent } from "../../utils";
8
- var _ButtonWithDisabledTooltip = /*#__PURE__*/ forwardRef(function(_param, ref) {
9
- var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, children = _param.children, disabledTooltipProps = _param.disabledTooltipProps, fullWidth = _param.fullWidth, others = _object_without_properties(_param, [
10
- "disabledTooltip",
11
- "disabled",
12
- "children",
13
- "disabledTooltipProps",
14
- "fullWidth"
15
- ]);
16
- return disabledTooltip ? /*#__PURE__*/ _jsx(Tooltip, _object_spread_props(_object_spread({
2
+ import { Box, Tooltip } from '@mantine/core';
3
+ import { forwardRef } from 'react';
4
+ import { createPolymorphicComponent } from '../../utils';
5
+ const _ButtonWithDisabledTooltip = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others }, ref)=>disabledTooltip ? /*#__PURE__*/ _jsx(Tooltip, {
17
6
  label: disabledTooltip,
18
- disabled: !disabled
19
- }, disabledTooltipProps), {
20
- children: /*#__PURE__*/ _jsx(Box, _object_spread_props(_object_spread({
7
+ disabled: !disabled,
8
+ ...disabledTooltipProps,
9
+ children: /*#__PURE__*/ _jsx(Box, {
21
10
  ref: ref,
22
11
  sx: {
23
- "&:hover": {
24
- cursor: "not-allowed"
12
+ '&:hover': {
13
+ cursor: 'not-allowed'
25
14
  },
26
- width: fullWidth && "100%"
27
- }
28
- }, others), {
15
+ width: fullWidth && '100%'
16
+ },
17
+ ...others,
29
18
  children: children
30
- }))
31
- })) : /*#__PURE__*/ _jsx(_Fragment, {
19
+ })
20
+ }) : /*#__PURE__*/ _jsx(_Fragment, {
32
21
  children: children
33
- });
34
- });
35
- export var ButtonWithDisabledTooltip = createPolymorphicComponent(_ButtonWithDisabledTooltip);
22
+ }));
23
+ export const ButtonWithDisabledTooltip = createPolymorphicComponent(_ButtonWithDisabledTooltip);
36
24
 
37
25
  //# sourceMappingURL=ButtonWithDisabledTooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {forwardRef, ReactNode} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\n\nexport interface ButtonWithDisabledTooltipProps {\n /**\n * The tooltip message to display when disabled\n */\n disabledTooltip?: string;\n /**\n * Whether the button underneath the tooltip is disabled\n */\n disabled?: boolean;\n children?: ReactNode;\n /**\n * Additional tooltip props to set on the disabled button tooltip\n */\n disabledTooltipProps?: Omit<TooltipProps, 'disabled' | 'label' | 'children'>;\n /**\n * Sets button width to 100% of parent element\n */\n fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n disabledTooltip ? (\n <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n <Box ref={ref} sx={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n {children}\n </Box>\n </Tooltip>\n ) : (\n <>{children}</>\n ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n _ButtonWithDisabledTooltip,\n);\n"],"names":["Box","Tooltip","forwardRef","createPolymorphicComponent","_ButtonWithDisabledTooltip","ref","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","label","sx","cursor","width","ButtonWithDisabledTooltip"],"mappings":";;;;AAAA,SAAQA,GAAG,EAAEC,OAAO,QAAqB,gBAAgB;AACzD,SAAQC,UAAU,QAAkB,QAAQ;AAE5C,SAAQC,0BAA0B,QAAO,cAAc;AAsBvD,IAAMC,2CAA6BF,WAC/B,iBAAoFG;QAAlFC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,mBAAAA,WAAcC;QAAzEL;QAAiBC;QAAUC;QAAUC;QAAsBC;;WACzDJ,gCACI,KAACL;QAAQW,OAAON;QAAiBC,UAAU,CAACA;OAAcE;kBACtD,cAAA,KAACT;YAAIK,KAAKA;YAAKQ,IAAI;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAOL,aAAa;YAAM;WAAOC;sBACpFH;;wBAIT;kBAAGA;;AACP;AAGR,OAAO,IAAMQ,4BAA4Bb,2BACrCC,4BACF"}
1
+ {"version":3,"sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {forwardRef, ReactNode} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\n\nexport interface ButtonWithDisabledTooltipProps {\n /**\n * The tooltip message to display when disabled\n */\n disabledTooltip?: string;\n /**\n * Whether the button underneath the tooltip is disabled\n */\n disabled?: boolean;\n children?: ReactNode;\n /**\n * Additional tooltip props to set on the disabled button tooltip\n */\n disabledTooltipProps?: Omit<TooltipProps, 'disabled' | 'label' | 'children'>;\n /**\n * Sets button width to 100% of parent element\n */\n fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n disabledTooltip ? (\n <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n <Box ref={ref} sx={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n {children}\n </Box>\n </Tooltip>\n ) : (\n <>{children}</>\n ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n _ButtonWithDisabledTooltip,\n);\n"],"names":["Box","Tooltip","forwardRef","createPolymorphicComponent","_ButtonWithDisabledTooltip","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","ref","label","sx","cursor","width","ButtonWithDisabledTooltip"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,OAAO,QAAqB,gBAAgB;AACzD,SAAQC,UAAU,QAAkB,QAAQ;AAE5C,SAAQC,0BAA0B,QAAO,cAAc;AAsBvD,MAAMC,2CAA6BF,WAC/B,CAAC,EAACG,eAAe,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,SAAS,EAAE,GAAGC,QAAO,EAAEC,MAChFN,gCACI,KAACJ;QAAQW,OAAOP;QAAiBC,UAAU,CAACA;QAAW,GAAGE,oBAAoB;kBAC1E,cAAA,KAACR;YAAIW,KAAKA;YAAKE,IAAI;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAON,aAAa;YAAM;YAAI,GAAGC,MAAM;sBAC1FH;;uBAIT;kBAAGA;;AAIf,OAAO,MAAMS,4BAA4Bb,2BACrCC,4BACF"}
@@ -1,3 +1,3 @@
1
- export * from "./Button";
1
+ export * from './Button';
2
2
 
3
3
  //# sourceMappingURL=index.js.map