@coveord/plasma-mantine 54.1.0 → 54.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +34 -34
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/action-icon/ActionIcon.d.ts +10 -0
  5. package/dist/cjs/components/action-icon/ActionIcon.d.ts.map +1 -1
  6. package/dist/cjs/components/button/Button.d.ts +10 -0
  7. package/dist/cjs/components/button/Button.d.ts.map +1 -1
  8. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +10 -0
  9. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
  10. package/dist/cjs/components/prompt/Prompt.context.d.ts +12 -0
  11. package/dist/cjs/components/prompt/Prompt.context.d.ts.map +1 -0
  12. package/dist/cjs/components/prompt/Prompt.context.js +24 -0
  13. package/dist/cjs/components/prompt/Prompt.context.js.map +1 -0
  14. package/dist/cjs/components/prompt/Prompt.d.ts +37 -10
  15. package/dist/cjs/components/prompt/Prompt.d.ts.map +1 -1
  16. package/dist/cjs/components/prompt/Prompt.js +95 -27
  17. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  18. package/dist/cjs/components/prompt/Prompt.module.css +20 -30
  19. package/dist/cjs/components/prompt/PromptCancelButton.d.ts +18 -0
  20. package/dist/cjs/components/prompt/PromptCancelButton.d.ts.map +1 -0
  21. package/dist/cjs/components/prompt/PromptCancelButton.js +39 -0
  22. package/dist/cjs/components/prompt/PromptCancelButton.js.map +1 -0
  23. package/dist/cjs/components/prompt/PromptConfirmButton.d.ts +18 -0
  24. package/dist/cjs/components/prompt/PromptConfirmButton.d.ts.map +1 -0
  25. package/dist/cjs/components/prompt/PromptConfirmButton.js +46 -0
  26. package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -0
  27. package/dist/cjs/components/prompt/PromptFooter.js +1 -2
  28. package/dist/cjs/components/prompt/PromptFooter.js.map +1 -1
  29. package/dist/cjs/components/prompt/icons/critical.svg +29 -0
  30. package/dist/cjs/components/prompt/icons/info.svg +27 -0
  31. package/dist/cjs/components/prompt/icons/success.svg +27 -0
  32. package/dist/cjs/components/prompt/icons/warning.svg +27 -0
  33. package/dist/cjs/components/table/Table.d.ts +6 -0
  34. package/dist/cjs/components/table/Table.d.ts.map +1 -1
  35. package/dist/cjs/components/table/Table.js +1 -1
  36. package/dist/cjs/components/table/Table.js.map +1 -1
  37. package/dist/cjs/components/table/table-actions/TableActionItem.d.ts +6 -0
  38. package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -1
  39. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  40. package/dist/cjs/theme/Theme.js.map +1 -1
  41. package/dist/cjs/types/svg/index.d.js +3 -0
  42. package/dist/cjs/types/svg/index.d.js.map +1 -0
  43. package/dist/esm/components/action-icon/ActionIcon.d.ts +10 -0
  44. package/dist/esm/components/action-icon/ActionIcon.d.ts.map +1 -1
  45. package/dist/esm/components/button/Button.d.ts +10 -0
  46. package/dist/esm/components/button/Button.d.ts.map +1 -1
  47. package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +10 -0
  48. package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
  49. package/dist/esm/components/prompt/Prompt.context.d.ts +12 -0
  50. package/dist/esm/components/prompt/Prompt.context.d.ts.map +1 -0
  51. package/dist/esm/components/prompt/Prompt.context.js +4 -0
  52. package/dist/esm/components/prompt/Prompt.context.js.map +1 -0
  53. package/dist/esm/components/prompt/Prompt.d.ts +37 -10
  54. package/dist/esm/components/prompt/Prompt.d.ts.map +1 -1
  55. package/dist/esm/components/prompt/Prompt.js +92 -26
  56. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  57. package/dist/esm/components/prompt/Prompt.module.css +20 -30
  58. package/dist/esm/components/prompt/PromptCancelButton.d.ts +18 -0
  59. package/dist/esm/components/prompt/PromptCancelButton.d.ts.map +1 -0
  60. package/dist/esm/components/prompt/PromptCancelButton.js +22 -0
  61. package/dist/esm/components/prompt/PromptCancelButton.js.map +1 -0
  62. package/dist/esm/components/prompt/PromptConfirmButton.d.ts +18 -0
  63. package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map +1 -0
  64. package/dist/esm/components/prompt/PromptConfirmButton.js +29 -0
  65. package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -0
  66. package/dist/esm/components/prompt/PromptFooter.js +1 -2
  67. package/dist/esm/components/prompt/PromptFooter.js.map +1 -1
  68. package/dist/esm/components/prompt/icons/critical.svg +29 -0
  69. package/dist/esm/components/prompt/icons/info.svg +27 -0
  70. package/dist/esm/components/prompt/icons/success.svg +27 -0
  71. package/dist/esm/components/prompt/icons/warning.svg +27 -0
  72. package/dist/esm/components/table/Table.d.ts +6 -0
  73. package/dist/esm/components/table/Table.d.ts.map +1 -1
  74. package/dist/esm/components/table/Table.js +1 -1
  75. package/dist/esm/components/table/Table.js.map +1 -1
  76. package/dist/esm/components/table/table-actions/TableActionItem.d.ts +6 -0
  77. package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -1
  78. package/dist/esm/theme/Theme.d.ts.map +1 -1
  79. package/dist/esm/theme/Theme.js +1 -1
  80. package/dist/esm/theme/Theme.js.map +1 -1
  81. package/dist/esm/types/svg/index.d.js +2 -0
  82. package/dist/esm/types/svg/index.d.js.map +1 -0
  83. package/package.json +12 -12
  84. package/src/components/prompt/Prompt.context.ts +11 -0
  85. package/src/components/prompt/Prompt.module.css +20 -30
  86. package/src/components/prompt/Prompt.tsx +106 -23
  87. package/src/components/prompt/PromptCancelButton.tsx +33 -0
  88. package/src/components/prompt/PromptConfirmButton.tsx +42 -0
  89. package/src/components/prompt/PromptFooter.tsx +1 -1
  90. package/src/components/prompt/__tests__/Prompt.spec.tsx +20 -2
  91. package/src/components/prompt/icons/critical.svg +29 -0
  92. package/src/components/prompt/icons/info.svg +27 -0
  93. package/src/components/prompt/icons/success.svg +27 -0
  94. package/src/components/prompt/icons/warning.svg +27 -0
  95. package/src/components/table/Table.tsx +1 -1
  96. package/src/theme/Theme.tsx +1 -1
  97. package/src/types/svg/index.d.ts +4 -0
@@ -32,6 +32,16 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
32
32
  staticComponents: {
33
33
  Group: typeof ActionIconGroup;
34
34
  };
35
+ }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
36
+ props: ActionIconProps;
37
+ defaultRef: HTMLButtonElement;
38
+ defaultComponent: "button";
39
+ stylesNames: ActionIconStylesNames;
40
+ vars: ActionIconCssVariables;
41
+ variant: ActionIconVariant;
42
+ staticComponents: {
43
+ Group: typeof ActionIconGroup;
44
+ };
35
45
  }> & {
36
46
  Group: typeof ActionIconGroup;
37
47
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,sBAAsB,EACtB,eAAe,EACf,KAAK,eAAe,IAAI,sBAAsB,EAC9C,qBAAqB,EACrB,iBAAiB,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,UAAU,mGAjBwC,MAAO,YAAY;;;;;;sBASxD,OAAO,gCACR,OAAO;;;WAJrB,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WARM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WADU,OAAO,eAAe;CAyBpC,CAAC"}
1
+ {"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,sBAAsB,EACtB,eAAe,EACf,KAAK,eAAe,IAAI,sBAAsB,EAC9C,qBAAqB,EACrB,iBAAiB,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,UAAU,mGARG,MAAO,YAC5B;;;;;;sBAQyD,OAAO,gCAC7D,OAAK;;;WAbF,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WARM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WARM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WADU,OAAO,eAAe;CAyBpC,CAAC"}
@@ -32,6 +32,16 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
32
32
  staticComponents: {
33
33
  Group: typeof ButtonGroup;
34
34
  };
35
+ }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
36
+ props: ButtonProps;
37
+ defaultRef: HTMLButtonElement;
38
+ defaultComponent: "button";
39
+ stylesNames: ButtonStylesNames;
40
+ vars: ButtonCssVariables;
41
+ variant: ButtonVariant;
42
+ staticComponents: {
43
+ Group: typeof ButtonGroup;
44
+ };
35
45
  }> & {
36
46
  Group: typeof ButtonGroup;
37
47
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,aAAa,EAGb,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM,+FAhBD,MAAO,YACxB;;;;;;sBASoB,OACrB,gCACQ,OAAO;;;WAPJ,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WADU,OAAO,WAAW;CA6BhC,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,aAAa,EAGb,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM,+FANE,MACjB,YAAQ;;;;;;sBASH,OACJ,gCAAgC,OAAO;;;WAhBjC,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WADU,OAAO,WAAW;CA6BhC,CAAC"}
@@ -32,6 +32,16 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
32
32
  staticComponents: {
33
33
  Group: typeof import("@mantine/core").ButtonGroup;
34
34
  };
35
+ }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
36
+ props: ButtonProps;
37
+ defaultRef: HTMLButtonElement;
38
+ defaultComponent: "button";
39
+ stylesNames: import("@mantine/core").ButtonStylesNames;
40
+ vars: import("@mantine/core").ButtonCssVariables;
41
+ variant: import("@mantine/core").ButtonVariant;
42
+ staticComponents: {
43
+ Group: typeof import("@mantine/core").ButtonGroup;
44
+ };
35
45
  }> & {
36
46
  Group: typeof import("@mantine/core").ButtonGroup;
37
47
  }>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
@@ -1 +1 @@
1
- {"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGACpB,MACJ,YACH;;;;;;sBAQiC,OAAO,gCAC1B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;6FAKE,MAAO,YAAY;;;;;;sBAImI,OAAO,gCAAgC,OAAO;;mCAD/N,CAAC"}
1
+ {"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;sBAQrD,OACF,gCAC6B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FAJV,MAAO,YAAY;;;;;;sBAImI,OAAO,gCAAgC,OAAO;;mCAD/N,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { GetStylesApi } from '@mantine/core';
2
+ import { PromptFactory, PromptVariant } from './Prompt';
3
+ interface PromptContext {
4
+ variant: PromptVariant;
5
+ getStyles: GetStylesApi<PromptFactory>;
6
+ }
7
+ export declare const PromptContextProvider: ({ children, value }: {
8
+ value: PromptContext;
9
+ children: React.ReactNode;
10
+ }) => import("react/jsx-runtime").JSX.Element, usePromptContext: () => PromptContext & ({} | undefined);
11
+ export {};
12
+ //# sourceMappingURL=Prompt.context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Prompt.context.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,UAAU,CAAC;AAEtD,UAAU,aAAa;IACnB,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,eAAO,MAAO,qBAAqB;;cAJ7B,MAAO,SAAS;aACb,mBAAmB,eAGS,gBAAgB,wCAEpD,CAAC"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ PromptContextProvider: function() {
13
+ return PromptContextProvider;
14
+ },
15
+ usePromptContext: function() {
16
+ return usePromptContext;
17
+ }
18
+ });
19
+ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
20
+ var _core = require("@mantine/core");
21
+ var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)('Prompt component was not found in the tree'), 2);
22
+ var PromptContextProvider = _createSafeContext[0], usePromptContext = _createSafeContext[1];
23
+
24
+ //# sourceMappingURL=Prompt.context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/prompt/Prompt.context.ts"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {PromptFactory, PromptVariant} from './Prompt';\n\ninterface PromptContext {\n variant: PromptVariant;\n getStyles: GetStylesApi<PromptFactory>;\n}\n\nexport const [PromptContextProvider, usePromptContext] = createSafeContext<PromptContext>(\n 'Prompt component was not found in the tree',\n);\n"],"names":["PromptContextProvider","usePromptContext","createSafeContext"],"mappings":";;;;;;;;;;;IAQcA,qBAAqB;eAArBA;;IAAuBC,gBAAgB;eAAhBA;;;;oBARS;IAQWC,wCAAAA,IAAAA,uBAAiB,EACtE;AADG,IAAOF,wBAA2CE,uBAApBD,mBAAoBC"}
@@ -1,19 +1,46 @@
1
- import { ModalProps } from '@mantine/core';
2
- import { ReactElement, ReactNode } from 'react';
1
+ import { Factory, ModalRootProps, ModalStylesNames, StylesApiProps } from '@mantine/core';
2
+ import { ReactNode } from 'react';
3
+ import { PromptCancelButton, PromptCancelButtonStylesNamesVariant } from './PromptCancelButton';
4
+ import { PromptConfirmButton } from './PromptConfirmButton';
3
5
  import { PromptFooter } from './PromptFooter';
4
- export interface PromptProps extends ModalProps {
6
+ export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
7
+ export type PromptVars = {
8
+ root: '--prompt-icon-size';
9
+ };
10
+ export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant;
11
+ export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {
5
12
  /**
6
13
  * Controls prompt appearance
7
14
  *
8
15
  * @default "info"
9
16
  */
10
- variant?: 'success' | 'warning' | 'critical' | 'info';
17
+ variant?: PromptVariant;
11
18
  children: ReactNode;
19
+ title: ReactNode;
20
+ icon?: ReactNode;
12
21
  }
13
- interface PromptType {
14
- (props: PromptProps): ReactElement;
15
- Footer: typeof PromptFooter;
16
- }
17
- export declare const Prompt: PromptType;
18
- export {};
22
+ export type PromptFactory = Factory<{
23
+ props: PromptProps;
24
+ ref: HTMLDivElement;
25
+ vars: PromptVars;
26
+ variant: PromptVariant;
27
+ stylesNames: PromptStylesNames;
28
+ staticComponents: {
29
+ CancelButton: typeof PromptCancelButton;
30
+ ConfirmButton: typeof PromptConfirmButton;
31
+ Footer: typeof PromptFooter;
32
+ };
33
+ }>;
34
+ export declare const Prompt: import("@mantine/core").MantineComponent<{
35
+ props: PromptProps;
36
+ ref: HTMLDivElement;
37
+ vars: PromptVars;
38
+ variant: PromptVariant;
39
+ stylesNames: PromptStylesNames;
40
+ staticComponents: {
41
+ CancelButton: typeof PromptCancelButton;
42
+ ConfirmButton: typeof PromptConfirmButton;
43
+ Footer: typeof PromptFooter;
44
+ };
45
+ }>;
19
46
  //# sourceMappingURL=Prompt.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,UAqBpB,CAAC"}
1
+ {"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAGP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAOxD,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,MAAM,GAAG,oCAAoC,CAAC;AAEjG,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,YAAY,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAmBH,eAAO,MAAM,MAAM;WA7BR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,YAAY,CAAC;KAC/B;EAqEH,CAAC"}
@@ -16,14 +16,61 @@ var _jsxruntime = require("react/jsx-runtime");
16
16
  var _core = require("@mantine/core");
17
17
  var _react = require("react");
18
18
  var _Promptmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Prompt.module.css"));
19
+ var _criticalsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/critical.svg"));
20
+ var _infosvg = /*#__PURE__*/ _interop_require_default._(require("./icons/info.svg"));
21
+ var _successsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/success.svg"));
22
+ var _warningsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/warning.svg"));
23
+ var _Promptcontext = require("./Prompt.context");
24
+ var _PromptCancelButton = require("./PromptCancelButton");
25
+ var _PromptConfirmButton = require("./PromptConfirmButton");
19
26
  var _PromptFooter = require("./PromptFooter");
20
- var Prompt = function(_param) {
21
- var children = _param.children, otherProps = _object_without_properties._(_param, [
22
- "children"
23
- ]);
24
- var classesProps = otherProps.classNames, otherPropsWithoutClasses = _object_without_properties._(otherProps, [
25
- "classNames"
27
+ var PROMPT_VARIANT_ICONS_SRC = {
28
+ success: _successsvg.default,
29
+ warning: _warningsvg.default,
30
+ critical: _criticalsvg.default,
31
+ info: _infosvg.default
32
+ };
33
+ var defaultProps = {
34
+ variant: 'info'
35
+ };
36
+ var varsResolver = (0, _core.createVarsResolver)(function(_theme, param) {
37
+ var icon = param.icon;
38
+ return {
39
+ root: {
40
+ '--prompt-icon-size': icon ? undefined : '88px'
41
+ }
42
+ };
43
+ });
44
+ var Prompt = (0, _core.factory)(function(_props, ref) {
45
+ var props = (0, _core.useProps)('Prompt', defaultProps, _props);
46
+ var variant = props.variant, title = props.title, icon = props.icon, children = props.children, className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
47
+ "variant",
48
+ "title",
49
+ "icon",
50
+ "children",
51
+ "className",
52
+ "classNames",
53
+ "style",
54
+ "styles",
55
+ "unstyled",
56
+ "vars"
26
57
  ]);
58
+ var getStyles = (0, _core.useStyles)({
59
+ name: 'Prompt',
60
+ props: props,
61
+ classes: _Promptmodulecss.default,
62
+ className: className,
63
+ style: style,
64
+ classNames: classNames,
65
+ styles: styles,
66
+ unstyled: unstyled,
67
+ vars: vars,
68
+ varsResolver: varsResolver
69
+ });
70
+ var stylesApiProps = {
71
+ classNames: classNames,
72
+ styles: styles
73
+ };
27
74
  var convertedChildren = _react.Children.toArray(children);
28
75
  var otherChildren = convertedChildren.filter(function(child) {
29
76
  return child.type !== _PromptFooter.PromptFooter;
@@ -31,27 +78,48 @@ var Prompt = function(_param) {
31
78
  var footer = convertedChildren.find(function(child) {
32
79
  return child.type === _PromptFooter.PromptFooter;
33
80
  });
34
- var classNames = {
35
- root: _Promptmodulecss.default.root,
36
- header: _Promptmodulecss.default.header,
37
- close: _Promptmodulecss.default.whiteClose,
38
- body: _Promptmodulecss.default.body,
39
- title: _Promptmodulecss.default.title
40
- };
41
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal, _object_spread_props._(_object_spread._({
42
- variant: "prompt",
43
- classNames: _object_spread._({}, classNames, classesProps),
44
- size: "sm"
45
- }, otherPropsWithoutClasses), {
46
- children: [
47
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
48
- className: _Promptmodulecss.default.innerBody,
49
- children: otherChildren
50
- }),
51
- footer
52
- ]
53
- }));
54
- };
81
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Promptcontext.PromptContextProvider, {
82
+ value: {
83
+ variant: variant,
84
+ getStyles: getStyles
85
+ },
86
+ children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Root, _object_spread_props._(_object_spread._({
87
+ ref: ref,
88
+ variant: "prompt",
89
+ size: "sm"
90
+ }, others, getStyles('root')), {
91
+ children: [
92
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Overlay, _object_spread._({}, getStyles('overlay', stylesApiProps))),
93
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Content, _object_spread_props._(_object_spread._({}, getStyles('content', stylesApiProps)), {
94
+ children: [
95
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Header, _object_spread_props._(_object_spread._({}, getStyles('header', stylesApiProps)), {
96
+ children: [
97
+ icon || icon === null ? icon : /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Image, _object_spread_props._(_object_spread._({
98
+ alt: "",
99
+ role: "presentation"
100
+ }, getStyles('icon', stylesApiProps)), {
101
+ src: PROMPT_VARIANT_ICONS_SRC[variant]
102
+ })),
103
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Title, _object_spread_props._(_object_spread._({}, getStyles('title', stylesApiProps)), {
104
+ children: title
105
+ })),
106
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.CloseButton, _object_spread._({}, getStyles('close', stylesApiProps)))
107
+ ]
108
+ })),
109
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Body, _object_spread_props._(_object_spread._({}, getStyles('body', stylesApiProps)), {
110
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, getStyles('inner', stylesApiProps)), {
111
+ children: otherChildren
112
+ }))
113
+ })),
114
+ footer
115
+ ]
116
+ }))
117
+ ]
118
+ }))
119
+ });
120
+ });
121
+ Prompt.CancelButton = _PromptCancelButton.PromptCancelButton;
122
+ Prompt.ConfirmButton = _PromptConfirmButton.PromptConfirmButton;
55
123
  Prompt.Footer = _PromptFooter.PromptFooter;
56
124
 
57
125
  //# sourceMappingURL=Prompt.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {Box, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport PromptClasses from './Prompt.module.css';\nimport {PromptFooter} from './PromptFooter';\n\nexport interface PromptProps extends ModalProps {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, ...otherProps}) => {\n const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n root: PromptClasses.root,\n header: PromptClasses.header,\n close: PromptClasses.whiteClose,\n body: PromptClasses.body,\n title: PromptClasses.title,\n };\n\n return (\n <Modal variant=\"prompt\" classNames={{...classNames, ...classesProps}} size=\"sm\" {...otherPropsWithoutClasses}>\n <Box className={PromptClasses.innerBody}>{otherChildren}</Box>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","root","PromptClasses","header","close","whiteClose","body","title","Modal","variant","size","Box","className","innerBody","Footer"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;;oBAnBwB;qBACW;wEACtB;4BACC;AAgBpB,IAAMA,SAAqB;QAAEC,kBAAAA,UAAaC;QAAbD;;IAChC,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,wDAA4BH;QAAzDC;;IACP,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAE3C,IAAMQ,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMV,aAAa;QACfa,MAAMC,wBAAa,CAACD,IAAI;QACxBE,QAAQD,wBAAa,CAACC,MAAM;QAC5BC,OAAOF,wBAAa,CAACG,UAAU;QAC/BC,MAAMJ,wBAAa,CAACI,IAAI;QACxBC,OAAOL,wBAAa,CAACK,KAAK;IAC9B;IAEA,qBACI,sBAACC,WAAK;QAACC,SAAQ;QAASrB,YAAY,qBAAIA,YAAeC;QAAeqB,MAAK;OAASpB;;0BAChF,qBAACqB,SAAG;gBAACC,WAAWV,wBAAa,CAACW,SAAS;0BAAGnB;;YACzCK;;;AAGb;AAEAd,OAAO6B,MAAM,GAAGhB,0BAAY"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n Modal,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport classes from './Prompt.module.css';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof PromptFooter;\n };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n success: Success,\n warning: Warning,\n critical: Critical,\n info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n root: {\n '--prompt-icon-size': icon ? undefined : '88px',\n },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const stylesApiProps = {classNames, styles};\n\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 return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n <Modal.Content {...getStyles('content', stylesApiProps)}>\n <Modal.Header {...getStyles('header', stylesApiProps)}>\n {icon || icon === null ? (\n icon\n ) : (\n <Image\n alt=\"\"\n role=\"presentation\"\n {...getStyles('icon', stylesApiProps)}\n src={PROMPT_VARIANT_ICONS_SRC[variant]}\n />\n )}\n <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n </Modal.Header>\n <Modal.Body {...getStyles('body', stylesApiProps)}>\n <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n </Modal.Body>\n {footer}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","PROMPT_VARIANT_ICONS_SRC","success","Success","warning","Warning","critical","Critical","info","Info","defaultProps","variant","varsResolver","createVarsResolver","_theme","icon","root","undefined","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","Image","alt","role","src","Title","CloseButton","Body","Box","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton","Footer"],"mappings":";;;;+BAwEaA;;;eAAAA;;;;;;;;oBA5DN;qBACyC;wEAC5B;oEACC;gEACJ;mEACG;mEACA;6BACgB;kCACmC;mCACrC;4BACP;AAiC3B,IAAMC,2BAA0D;IAC5DC,SAASC,mBAAO;IAChBC,SAASC,mBAAO;IAChBC,UAAUC,oBAAQ;IAClBC,MAAMC,gBAAI;AACd;AAEA,IAAMC,eAAqC;IACvCC,SAAS;AACb;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAgB,SAACC;QAASC,aAAAA;WAAW;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ;;AAEO,IAAMjB,SAASkB,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUZ,cAAcS;IAC/C,IAAOR,UAAmGU,MAAnGV,SAASY,QAA0FF,MAA1FE,OAAOR,OAAmFM,MAAnFN,MAAMS,WAA6EH,MAA7EG,UAAUC,YAAmEJ,MAAnEI,WAAWC,aAAwDL,MAAxDK,YAAYC,QAA4CN,MAA5CM,OAAOC,SAAqCP,MAArCO,QAAQC,WAA6BR,MAA7BQ,UAAUC,OAAmBT,MAAnBS,MAASC,sCAAUV;QAAnGV;QAASY;QAAOR;QAAMS;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IACvF,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNb,OAAAA;QACAc,SAAAA,wBAAO;QACPV,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;QACAC,MAAAA;QACAlB,cAAAA;IACJ;IACA,IAAMwB,iBAAiB;QAACV,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAACf;IAE3C,IAAMgB,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,qBACI,qBAACG,oCAAqB;QAACC,OAAO;YAACrC,SAAAA;YAASqB,WAAAA;QAAS;kBAC7C,cAAA,sBAACiB,WAAK,CAACC,IAAI;YAAC9B,KAAKA;YAAKT,SAAQ;YAASwC,MAAK;WAASpB,QAAYC,UAAU;;8BACvE,qBAACiB,WAAK,CAACG,OAAO,uBAAKpB,UAAU,WAAWI;8BACxC,sBAACa,WAAK,CAACI,OAAO,8CAAKrB,UAAU,WAAWI;;sCACpC,sBAACa,WAAK,CAACK,MAAM,8CAAKtB,UAAU,UAAUI;;gCACjCrB,QAAQA,SAAS,OACdA,qBAEA,qBAACwC,WAAK;oCACFC,KAAI;oCACJC,MAAK;mCACDzB,UAAU,QAAQI;oCACtBsB,KAAKzD,wBAAwB,CAACU,QAAQ;;8CAG9C,qBAACsC,WAAK,CAACU,KAAK,8CAAK3B,UAAU,SAASI;8CAAkBb;;8CACtD,qBAAC0B,WAAK,CAACW,WAAW,uBAAK5B,UAAU,SAASI;;;sCAE9C,qBAACa,WAAK,CAACY,IAAI,8CAAK7B,UAAU,QAAQI;sCAC9B,cAAA,qBAAC0B,SAAG,8CAAK9B,UAAU,SAASI;0CAAkBI;;;wBAEjDK;;;;;;AAKrB;AAEA7C,OAAO+D,YAAY,GAAGC,sCAAkB;AACxChE,OAAOiE,aAAa,GAAGC,wCAAmB;AAC1ClE,OAAOmE,MAAM,GAAGvB,0BAAY"}
@@ -1,45 +1,35 @@
1
1
  .root {
2
- &[data-variant='success']&[data-size] {
3
- .header {
4
- background-color: var(--mantine-color-lime-6);
5
- }
6
- }
7
- &[data-variant='warning']&[data-size] {
8
- .header {
9
- background-color: var(--mantine-color-yellow-5);
10
- }
11
- }
12
- &[data-variant='critical']&[data-size] {
13
- .header {
14
- background-color: var(--mantine-color-red-6);
15
- }
2
+ --prompt-icon-size: 88px;
3
+
4
+ .header {
5
+ border-bottom: none;
6
+ align-items: center;
16
7
  }
17
- &[data-variant='info']&[data-size] {
18
- .header {
19
- background-color: var(--mantine-color-navy-5);
20
- }
8
+
9
+ .body {
10
+ padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
11
+ calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
21
12
  }
22
13
  }
23
14
 
24
- .title {
25
- color: var(--mantine-color-white);
15
+ .icon {
16
+ width: var(--prompt-icon-size);
17
+ height: var(--prompt-icon-size);
26
18
  }
27
19
 
28
20
  .header {
21
+ gap: var(--mantine-spacing-lg);
29
22
  width: 100%;
30
- border-bottom: 1px solid var(--mantine-color-gray-3);
31
23
  font-size: var(--mantine-h3-font-size);
32
24
  line-height: var(--mantine-h3-line-height);
33
25
  overflow-wrap: anywhere;
34
- padding-top: var(--mantine-spacing-md);
35
- padding-bottom: var(--mantine-spacing-md);
26
+ padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
36
27
  }
37
28
 
38
- .whiteClose {
39
- @mixin light {
40
- color: var(--mantine-color-white);
41
- @mixin hover {
42
- background-color: transparent;
43
- }
44
- }
29
+ .close {
30
+ align-self: flex-start;
31
+ }
32
+
33
+ .inner {
34
+ color: var(--mantine-color-gray-7);
45
35
  }
@@ -0,0 +1,18 @@
1
+ import { CompoundStylesApiProps, Factory } from '@mantine/core';
2
+ import { ButtonProps } from '../button/Button';
3
+ export type PromptCancelButtonStylesNamesVariant = 'cancel';
4
+ export interface PromptCancelButtonProps extends CompoundStylesApiProps<PromptCancelButtonFactory>, Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {
5
+ }
6
+ export type PromptCancelButtonFactory = Factory<{
7
+ props: PromptCancelButtonProps;
8
+ ref: HTMLButtonElement;
9
+ stylesNames: PromptCancelButtonStylesNamesVariant;
10
+ compound: true;
11
+ }>;
12
+ export declare const PromptCancelButton: import("@mantine/core").MantineComponent<{
13
+ props: PromptCancelButtonProps;
14
+ ref: HTMLButtonElement;
15
+ stylesNames: PromptCancelButtonStylesNamesVariant;
16
+ compound: true;
17
+ }>;
18
+ //# sourceMappingURL=PromptCancelButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PromptCancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAG7C,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,uBACb,SAAQ,sBAAsB,CAAC,yBAAyB,CAAC,EACrD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oCAAoC,CAAC;IAClD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,kBAAkB;WARpB,uBAAuB;SACzB,iBAAiB;iBACT,oCAAoC;cACvC,IAAI;EAkBhB,CAAC"}
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "PromptCancelButton", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return PromptCancelButton;
9
+ }
10
+ });
11
+ var _object_spread = require("@swc/helpers/_/_object_spread");
12
+ var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
13
+ var _jsxruntime = require("react/jsx-runtime");
14
+ var _core = require("@mantine/core");
15
+ var _Promptcontext = require("./Prompt.context");
16
+ var defaultProps = {};
17
+ var PromptCancelButton = (0, _core.factory)(function(_props, ref) {
18
+ var getStyles = (0, _Promptcontext.usePromptContext)().getStyles;
19
+ var props = (0, _core.useProps)('PromptCancelButton', defaultProps, _props);
20
+ var className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
21
+ "className",
22
+ "classNames",
23
+ "style",
24
+ "styles",
25
+ "unstyled",
26
+ "vars"
27
+ ]);
28
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Button, _object_spread._({
29
+ ref: ref,
30
+ variant: "outline"
31
+ }, others, getStyles('cancel', {
32
+ style: style,
33
+ styles: styles,
34
+ className: className,
35
+ classNames: classNames
36
+ })));
37
+ });
38
+
39
+ //# sourceMappingURL=PromptCancelButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"sourcesContent":["import {Button, CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {ButtonProps} from '../button/Button';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptCancelButtonStylesNamesVariant = 'cancel';\n\nexport interface PromptCancelButtonProps\n extends CompoundStylesApiProps<PromptCancelButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptCancelButtonFactory = Factory<{\n props: PromptCancelButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptCancelButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst defaultProps: Partial<PromptCancelButtonProps> = {};\n\nexport const PromptCancelButton = factory<PromptCancelButtonFactory>((_props, ref) => {\n const {getStyles} = usePromptContext();\n const props = useProps('PromptCancelButton', defaultProps, _props);\n const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n return (\n <Button\n ref={ref}\n variant=\"outline\"\n {...others}\n {...getStyles('cancel', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptCancelButton","defaultProps","factory","_props","ref","getStyles","usePromptContext","props","useProps","className","classNames","style","styles","unstyled","vars","others","Button","variant"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;oBAnB4D;6BAE1C;AAe/B,IAAMC,eAAiD,CAAC;AAEjD,IAAMD,qBAAqBE,IAAAA,aAAO,EAA4B,SAACC,QAAQC;IAC1E,IAAM,AAACC,YAAaC,IAAAA,+BAAgB,IAA7BD;IACP,IAAME,QAAQC,IAAAA,cAAQ,EAAC,sBAAsBP,cAAcE;IAC3D,IAAOM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,QAA4CJ,MAA5CI,OAAOC,SAAqCL,MAArCK,QAAQC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAnEE;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAEvD,qBACI,qBAACE,YAAM;QACHZ,KAAKA;QACLa,SAAQ;OACJF,QACAV,UAAU,UAAU;QAACM,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAGzE"}
@@ -0,0 +1,18 @@
1
+ import { CompoundStylesApiProps, Factory } from '@mantine/core';
2
+ import { ButtonProps } from '../button/Button';
3
+ export type PromptConfirmButtonStylesNamesVariant = 'confirm';
4
+ export interface PromptConfirmButtonProps extends CompoundStylesApiProps<PromptConfirmButtonFactory>, Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {
5
+ }
6
+ export type PromptConfirmButtonFactory = Factory<{
7
+ props: PromptConfirmButtonProps;
8
+ ref: HTMLButtonElement;
9
+ stylesNames: PromptConfirmButtonStylesNamesVariant;
10
+ compound: true;
11
+ }>;
12
+ export declare const PromptConfirmButton: import("@mantine/core").MantineComponent<{
13
+ props: PromptConfirmButtonProps;
14
+ ref: HTMLButtonElement;
15
+ stylesNames: PromptConfirmButtonStylesNamesVariant;
16
+ compound: true;
17
+ }>;
18
+ //# sourceMappingURL=PromptConfirmButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAI7C,MAAM,MAAM,qCAAqC,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,wBACb,SAAQ,sBAAsB,CAAC,0BAA0B,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,qCAAqC,CAAC;IACnD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAWH,eAAO,MAAM,mBAAmB;WAfrB,wBAAwB;SAC1B,iBAAiB;iBACT,qCAAqC;cACxC,IAAI;EA0BhB,CAAC"}
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "PromptConfirmButton", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return PromptConfirmButton;
9
+ }
10
+ });
11
+ var _object_spread = require("@swc/helpers/_/_object_spread");
12
+ var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
13
+ var _jsxruntime = require("react/jsx-runtime");
14
+ var _core = require("@mantine/core");
15
+ var _Promptcontext = require("./Prompt.context");
16
+ var COLOR_BY_VARIANT = {
17
+ success: 'action',
18
+ info: 'action',
19
+ warning: 'critical',
20
+ critical: 'critical'
21
+ };
22
+ var defaultProps = {};
23
+ var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
24
+ var _usePromptContext = (0, _Promptcontext.usePromptContext)(), variant = _usePromptContext.variant, getStyles = _usePromptContext.getStyles;
25
+ var props = (0, _core.useProps)('PromptConfirmButton', defaultProps, _props);
26
+ var className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
27
+ "className",
28
+ "classNames",
29
+ "style",
30
+ "styles",
31
+ "unstyled",
32
+ "vars"
33
+ ]);
34
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Button, _object_spread._({
35
+ ref: ref,
36
+ variant: "filled",
37
+ color: COLOR_BY_VARIANT[variant]
38
+ }, others, getStyles('cancel', {
39
+ style: style,
40
+ styles: styles,
41
+ className: className,
42
+ classNames: classNames
43
+ })));
44
+ });
45
+
46
+ //# sourceMappingURL=PromptConfirmButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {Button, CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n success: 'action',\n info: 'action',\n warning: 'critical',\n critical: 'critical',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n return (\n <Button\n ref={ref}\n variant=\"filled\"\n color={COLOR_BY_VARIANT[variant]}\n {...others}\n {...getStyles('cancel', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3B4D;6BAG1C;AAe/B,IAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAkD,CAAC;AAElD,IAAMN,sBAAsBO,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IAAOO,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,QAA4CJ,MAA5CI,OAAOC,SAAqCL,MAArCK,QAAQC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAnEE;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAEvD,qBACI,qBAACE,YAAM;QACHb,KAAKA;QACLE,SAAQ;QACRY,OAAOtB,gBAAgB,CAACU,QAAQ;OAC5BU,QACAT,UAAU,UAAU;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAGzE"}
@@ -18,8 +18,7 @@ var PromptFooter = function(_param) {
18
18
  "children"
19
19
  ]);
20
20
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({
21
- p: 0,
22
- pt: "lg"
21
+ borderTop: true
23
22
  }, otherProps), {
24
23
  children: children
25
24
  }));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter p={0} pt=\"lg\" {...otherProps}>\n {children}\n </StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter","p","pt"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;yBACnF,qBAACE,0BAAY;QAACC,GAAG;QAAGC,IAAG;OAASH;kBAC3BD"}
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 borderTop {...otherProps}>\n {children}\n </StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter","borderTop"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;yBACnF,qBAACE,0BAAY;QAACC,SAAS;OAAKF;kBACvBD"}