@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
@@ -1,37 +1,103 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Box, Modal } from '@mantine/core';
2
+ import { Box, createVarsResolver, factory, Image, Modal, useProps, useStyles } from '@mantine/core';
3
3
  import { Children } from 'react';
4
- import PromptClasses from './Prompt.module.css';
4
+ import classes from './Prompt.module.css';
5
+ import Critical from './icons/critical.svg';
6
+ import Info from './icons/info.svg';
7
+ import Success from './icons/success.svg';
8
+ import Warning from './icons/warning.svg';
9
+ import { PromptContextProvider } from './Prompt.context';
10
+ import { PromptCancelButton } from './PromptCancelButton';
11
+ import { PromptConfirmButton } from './PromptConfirmButton';
5
12
  import { PromptFooter } from './PromptFooter';
6
- export const Prompt = ({ children, ...otherProps })=>{
7
- const { classNames: classesProps, ...otherPropsWithoutClasses } = otherProps;
13
+ const PROMPT_VARIANT_ICONS_SRC = {
14
+ success: Success,
15
+ warning: Warning,
16
+ critical: Critical,
17
+ info: Info
18
+ };
19
+ const defaultProps = {
20
+ variant: 'info'
21
+ };
22
+ const varsResolver = createVarsResolver((_theme, { icon })=>({
23
+ root: {
24
+ '--prompt-icon-size': icon ? undefined : '88px'
25
+ }
26
+ }));
27
+ export const Prompt = factory((_props, ref)=>{
28
+ const props = useProps('Prompt', defaultProps, _props);
29
+ const { variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others } = props;
30
+ const getStyles = useStyles({
31
+ name: 'Prompt',
32
+ props,
33
+ classes,
34
+ className,
35
+ style,
36
+ classNames,
37
+ styles,
38
+ unstyled,
39
+ vars,
40
+ varsResolver
41
+ });
42
+ const stylesApiProps = {
43
+ classNames,
44
+ styles
45
+ };
8
46
  const convertedChildren = Children.toArray(children);
9
47
  const otherChildren = convertedChildren.filter((child)=>child.type !== PromptFooter);
10
48
  const footer = convertedChildren.find((child)=>child.type === PromptFooter);
11
- const classNames = {
12
- root: PromptClasses.root,
13
- header: PromptClasses.header,
14
- close: PromptClasses.whiteClose,
15
- body: PromptClasses.body,
16
- title: PromptClasses.title
17
- };
18
- return /*#__PURE__*/ _jsxs(Modal, {
19
- variant: "prompt",
20
- classNames: {
21
- ...classNames,
22
- ...classesProps
49
+ return /*#__PURE__*/ _jsx(PromptContextProvider, {
50
+ value: {
51
+ variant,
52
+ getStyles
23
53
  },
24
- size: "sm",
25
- ...otherPropsWithoutClasses,
26
- children: [
27
- /*#__PURE__*/ _jsx(Box, {
28
- className: PromptClasses.innerBody,
29
- children: otherChildren
30
- }),
31
- footer
32
- ]
54
+ children: /*#__PURE__*/ _jsxs(Modal.Root, {
55
+ ref: ref,
56
+ variant: "prompt",
57
+ size: "sm",
58
+ ...others,
59
+ ...getStyles('root'),
60
+ children: [
61
+ /*#__PURE__*/ _jsx(Modal.Overlay, {
62
+ ...getStyles('overlay', stylesApiProps)
63
+ }),
64
+ /*#__PURE__*/ _jsxs(Modal.Content, {
65
+ ...getStyles('content', stylesApiProps),
66
+ children: [
67
+ /*#__PURE__*/ _jsxs(Modal.Header, {
68
+ ...getStyles('header', stylesApiProps),
69
+ children: [
70
+ icon || icon === null ? icon : /*#__PURE__*/ _jsx(Image, {
71
+ alt: "",
72
+ role: "presentation",
73
+ ...getStyles('icon', stylesApiProps),
74
+ src: PROMPT_VARIANT_ICONS_SRC[variant]
75
+ }),
76
+ /*#__PURE__*/ _jsx(Modal.Title, {
77
+ ...getStyles('title', stylesApiProps),
78
+ children: title
79
+ }),
80
+ /*#__PURE__*/ _jsx(Modal.CloseButton, {
81
+ ...getStyles('close', stylesApiProps)
82
+ })
83
+ ]
84
+ }),
85
+ /*#__PURE__*/ _jsx(Modal.Body, {
86
+ ...getStyles('body', stylesApiProps),
87
+ children: /*#__PURE__*/ _jsx(Box, {
88
+ ...getStyles('inner', stylesApiProps),
89
+ children: otherChildren
90
+ })
91
+ }),
92
+ footer
93
+ ]
94
+ })
95
+ ]
96
+ })
33
97
  });
34
- };
98
+ });
99
+ Prompt.CancelButton = PromptCancelButton;
100
+ Prompt.ConfirmButton = PromptConfirmButton;
35
101
  Prompt.Footer = PromptFooter;
36
102
 
37
103
  //# 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":["Box","Modal","Children","PromptClasses","PromptFooter","Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","root","header","close","whiteClose","body","title","variant","size","className","innerBody","Footer"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,KAAK,QAAmB,gBAAgB;AACrD,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,mBAAmB,sBAAsB;AAChD,SAAQC,YAAY,QAAO,iBAAiB;AAgB5C,OAAO,MAAMC,SAAqB,CAAC,EAACC,QAAQ,EAAE,GAAGC,YAAW;IACxD,MAAM,EAACC,YAAYC,YAAY,EAAE,GAAGC,0BAAyB,GAAGH;IAChE,MAAMI,oBAAoBT,SAASU,OAAO,CAACN;IAE3C,MAAMO,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKZ;IACzE,MAAMa,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKZ;IAEhE,MAAMI,aAAa;QACfW,MAAMhB,cAAcgB,IAAI;QACxBC,QAAQjB,cAAciB,MAAM;QAC5BC,OAAOlB,cAAcmB,UAAU;QAC/BC,MAAMpB,cAAcoB,IAAI;QACxBC,OAAOrB,cAAcqB,KAAK;IAC9B;IAEA,qBACI,MAACvB;QAAMwB,SAAQ;QAASjB,YAAY;YAAC,GAAGA,UAAU;YAAE,GAAGC,YAAY;QAAA;QAAGiB,MAAK;QAAM,GAAGhB,wBAAwB;;0BACxG,KAACV;gBAAI2B,WAAWxB,cAAcyB,SAAS;0BAAGf;;YACzCI;;;AAGb,EAAE;AAEFZ,OAAOwB,MAAM,GAAGzB"}
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":["Box","createVarsResolver","factory","Image","Modal","useProps","useStyles","Children","classes","Critical","Info","Success","Warning","PromptContextProvider","PromptCancelButton","PromptConfirmButton","PromptFooter","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton","Footer"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EACLC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAAO,wBAAwB;AAC1D,SAAQC,YAAY,QAAO,iBAAiB;AAiC5C,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;AACb;AAEA,MAAMC,eAAevB,mBAAkC,CAACwB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS3B,QAAuB,CAAC4B,QAAQC;IAClD,MAAMC,QAAQ3B,SAAS,UAAUiB,cAAcQ;IAC/C,MAAM,EAACP,OAAO,EAAEU,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYpC,UAAyB;QACvCqC,MAAM;QACNX;QACAxB;QACA2B;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,oBAAoBtC,SAASuC,OAAO,CAACZ;IAE3C,MAAMa,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKlC;IACzE,MAAMmC,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKlC;IAEhE,qBACI,KAACH;QAAsBwC,OAAO;YAAC9B;YAASmB;QAAS;kBAC7C,cAAA,MAACtC,MAAMkD,IAAI;YAACvB,KAAKA;YAAKR,SAAQ;YAASgC,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACtC,MAAMoD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAACxC,MAAMqD,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAACxC,MAAMsD,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACvB;oCACGwD,KAAI;oCACJC,MAAK;oCACJ,GAAGlB,UAAU,QAAQE,eAAe;oCACrCiB,KAAK5C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACnB,MAAM0D,KAAK;oCAAE,GAAGpB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC7B,MAAM2D,WAAW;oCAAE,GAAGrB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACxC,MAAM4D,IAAI;4BAAE,GAAGtB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC5C;gCAAK,GAAG0C,UAAU,SAASE,eAAe;0CAAGG;;;wBAEjDI;;;;;;AAKrB,GAAG;AAEHtB,OAAOoC,YAAY,GAAGnD;AACtBe,OAAOqC,aAAa,GAAGnD;AACvBc,OAAOsC,MAAM,GAAGnD"}
@@ -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,22 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Button, factory, useProps } from '@mantine/core';
3
+ import { usePromptContext } from './Prompt.context';
4
+ const defaultProps = {};
5
+ export const PromptCancelButton = factory((_props, ref)=>{
6
+ const { getStyles } = usePromptContext();
7
+ const props = useProps('PromptCancelButton', defaultProps, _props);
8
+ const { className, classNames, style, styles, unstyled, vars, ...others } = props;
9
+ return /*#__PURE__*/ _jsx(Button, {
10
+ ref: ref,
11
+ variant: "outline",
12
+ ...others,
13
+ ...getStyles('cancel', {
14
+ style,
15
+ styles,
16
+ className,
17
+ classNames
18
+ })
19
+ });
20
+ });
21
+
22
+ //# 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":["Button","factory","useProps","usePromptContext","defaultProps","PromptCancelButton","_props","ref","getStyles","props","className","classNames","style","styles","unstyled","vars","others","variant"],"mappings":";AAAA,SAAQA,MAAM,EAA0BC,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AAEzF,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,eAAiD,CAAC;AAExD,OAAO,MAAMC,qBAAqBJ,QAAmC,CAACK,QAAQC;IAC1E,MAAM,EAACC,SAAS,EAAC,GAAGL;IACpB,MAAMM,QAAQP,SAAS,sBAAsBE,cAAcE;IAC3D,MAAM,EAACI,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE1E,qBACI,KAACT;QACGO,KAAKA;QACLU,SAAQ;QACP,GAAGD,MAAM;QACT,GAAGR,UAAU,UAAU;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG3E,GAAG"}
@@ -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,29 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Button, factory, useProps } from '@mantine/core';
3
+ import { usePromptContext } from './Prompt.context';
4
+ const COLOR_BY_VARIANT = {
5
+ success: 'action',
6
+ info: 'action',
7
+ warning: 'critical',
8
+ critical: 'critical'
9
+ };
10
+ const defaultProps = {};
11
+ export const PromptConfirmButton = factory((_props, ref)=>{
12
+ const { variant, getStyles } = usePromptContext();
13
+ const props = useProps('PromptConfirmButton', defaultProps, _props);
14
+ const { className, classNames, style, styles, unstyled, vars, ...others } = props;
15
+ return /*#__PURE__*/ _jsx(Button, {
16
+ ref: ref,
17
+ variant: "filled",
18
+ color: COLOR_BY_VARIANT[variant],
19
+ ...others,
20
+ ...getStyles('cancel', {
21
+ style,
22
+ styles,
23
+ className,
24
+ classNames
25
+ })
26
+ });
27
+ });
28
+
29
+ //# 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":["Button","factory","useProps","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","others","color"],"mappings":";AAAA,SAAQA,MAAM,EAA0BC,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AAGzF,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBT,QAAoC,CAACU,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQb,SAAS,uBAAuBO,cAAcE;IAC5D,MAAM,EAACK,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE1E,qBACI,KAACf;QACGY,KAAKA;QACLC,SAAQ;QACRU,OAAOnB,gBAAgB,CAACS,QAAQ;QAC/B,GAAGS,MAAM;QACT,GAAGR,UAAU,UAAU;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG3E,GAAG"}
@@ -1,8 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { StickyFooter } from '../sticky-footer';
3
3
  export const PromptFooter = ({ children, ...otherProps })=>/*#__PURE__*/ _jsx(StickyFooter, {
4
- p: 0,
5
- pt: "lg",
4
+ borderTop: true,
6
5
  ...otherProps,
7
6
  children: children
8
7
  });
@@ -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":["StickyFooter","PromptFooter","children","otherProps","p","pt"],"mappings":";AACA,SAAQA,YAAY,QAA0B,mBAAmB;AAIjE,OAAO,MAAMC,eAAwE,CAAC,EAACC,QAAQ,EAAE,GAAGC,YAAW,iBAC3G,KAACH;QAAaI,GAAG;QAAGC,IAAG;QAAM,GAAGF,UAAU;kBACrCD;OAEP"}
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":["StickyFooter","PromptFooter","children","otherProps","borderTop"],"mappings":";AACA,SAAQA,YAAY,QAA0B,mBAAmB;AAIjE,OAAO,MAAMC,eAAwE,CAAC,EAACC,QAAQ,EAAE,GAAGC,YAAW,iBAC3G,KAACH;QAAaI,SAAS;QAAE,GAAGD,UAAU;kBACjCD;OAEP"}
@@ -0,0 +1,29 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 90">
2
+ <g filter="url(#critical-icon-a)">
3
+ <path fill="url(#critical-icon-b)" d="M54.217 15c1.155 0 2.257.489 3.032 1.346l12.694 14.031A4.089 4.089 0 0 1 71 33.121v18.856c0 .974-.348 1.916-.98 2.656L57.254 69.568A4.089 4.089 0 0 1 54.147 71H32.132a4.089 4.089 0 0 1-3.081-1.401L16.007 54.64A4.09 4.09 0 0 1 15 51.953V33.144c0-1.028.387-2.018 1.084-2.773l12.974-14.055A4.089 4.089 0 0 1 32.063 15h22.154Z"/>
4
+ <path stroke="url(#critical-icon-c)" stroke-linecap="round" d="M54.217 15.5a3.59 3.59 0 0 1 2.661 1.181l12.695 14.032c.597.66.927 1.518.927 2.408v18.856c0 .855-.305 1.681-.86 2.331L56.874 69.243a3.589 3.589 0 0 1-2.728 1.257H32.132a3.59 3.59 0 0 1-2.705-1.23L16.384 54.312a3.589 3.589 0 0 1-.884-2.358v-18.81c0-.902.34-1.771.952-2.434l12.974-14.055a3.589 3.589 0 0 1 2.637-1.155h22.154Z"/>
5
+ </g>
6
+ <path stroke="#FFD7D3" stroke-linecap="round" d="M44 51.91v-28"/>
7
+ <path stroke="#FFD7D3" stroke-linecap="round" stroke-linejoin="round" d="M44 60.088v2"/>
8
+ <defs>
9
+ <linearGradient id="critical-icon-b" x1="23" x2="97" y1="-9" y2="116.5" gradientUnits="userSpaceOnUse">
10
+ <stop stop-color="#FB8E85"/>
11
+ <stop offset=".314" stop-color="#E03729"/>
12
+ <stop offset="1" stop-color="#A11409"/>
13
+ </linearGradient>
14
+ <linearGradient id="critical-icon-c" x1="29.5" x2="43" y1="17" y2="71" gradientUnits="userSpaceOnUse">
15
+ <stop stop-color="#A11409"/>
16
+ <stop offset="1" stop-color="#CD2113"/>
17
+ </linearGradient>
18
+ <filter id="critical-icon-a" width="83.754" height="83.754" x="1.123" y="6.079" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
19
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20
+ <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
21
+ <feOffset dy="4.956"/>
22
+ <feGaussianBlur stdDeviation="6.939"/>
23
+ <feComposite in2="hardAlpha" operator="out"/>
24
+ <feColorMatrix values="0 0 0 0 0.879167 0 0 0 0 0.215764 0 0 0 0 0.161181 0 0 0 0.37 0"/>
25
+ <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_3737"/>
26
+ <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_3737" result="shape"/>
27
+ </filter>
28
+ </defs>
29
+ </svg>
@@ -0,0 +1,27 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
2
+ <g filter="url(#info-icon-a)">
3
+ <circle cx="44" cy="44" r="28" fill="url(#info-icon-b)"/>
4
+ <circle cx="44" cy="44" r="27.5" stroke="url(#info-icon-c)" stroke-linecap="round"/>
5
+ </g>
6
+ <path stroke="#F5F6FF" stroke-linecap="round" d="M44 57V35h-3m3 22h-4m4 0h4m-4-26v-1"/>
7
+ <defs>
8
+ <linearGradient id="info-icon-b" x1="34.308" x2="55.308" y1="12.231" y2="78.462" gradientUnits="userSpaceOnUse">
9
+ <stop stop-color="#8787DB"/>
10
+ <stop offset="1" stop-color="#525296"/>
11
+ </linearGradient>
12
+ <linearGradient id="info-icon-c" x1="56.385" x2="44" y1="79" y2="7" gradientUnits="userSpaceOnUse">
13
+ <stop stop-color="#AEB0F1"/>
14
+ <stop offset="1" stop-color="#525296"/>
15
+ </linearGradient>
16
+ <filter id="info-icon-a" width="70" height="70" x="9" y="13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
17
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18
+ <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
19
+ <feOffset dy="4"/>
20
+ <feGaussianBlur stdDeviation="3.5"/>
21
+ <feComposite in2="hardAlpha" operator="out"/>
22
+ <feColorMatrix values="0 0 0 0 0.420278 0 0 0 0 0.420278 0 0 0 0 0.741667 0 0 0 0.38 0"/>
23
+ <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_2221"/>
24
+ <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_2221" result="shape"/>
25
+ </filter>
26
+ </defs>
27
+ </svg>
@@ -0,0 +1,27 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
2
+ <g filter="url(#success-icon-a)">
3
+ <circle cx="44" cy="44" r="28" fill="url(#success-icon-b)"/>
4
+ <circle cx="44" cy="44" r="27.5" stroke="url(#success-icon-c)" stroke-linecap="round"/>
5
+ </g>
6
+ <path stroke="#F2FFF9" stroke-linecap="round" stroke-linejoin="round" d="m30.571 47 7.858 7.858L59 34.286" opacity=".61"/>
7
+ <defs>
8
+ <linearGradient id="success-icon-b" x1="35.923" x2="74.692" y1="11.154" y2="115.615" gradientUnits="userSpaceOnUse">
9
+ <stop stop-color="#12A344"/>
10
+ <stop offset="1" stop-color="#004A20"/>
11
+ </linearGradient>
12
+ <linearGradient id="success-icon-c" x1="16" x2="58" y1="-48" y2="93.5" gradientUnits="userSpaceOnUse">
13
+ <stop stop-color="#004A20"/>
14
+ <stop offset=".762" stop-color="#12A344"/>
15
+ </linearGradient>
16
+ <filter id="success-icon-a" width="78" height="78" x="5" y="9" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
17
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18
+ <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
19
+ <feOffset dy="4"/>
20
+ <feGaussianBlur stdDeviation="5.5"/>
21
+ <feComposite in2="hardAlpha" operator="out"/>
22
+ <feColorMatrix values="0 0 0 0 0.0717188 0 0 0 0 0.6375 0 0 0 0 0.266536 0 0 0 0.43 0"/>
23
+ <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10466"/>
24
+ <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10466" result="shape"/>
25
+ </filter>
26
+ </defs>
27
+ </svg>
@@ -0,0 +1,27 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
2
+ <g filter="url(#warning-icon-a)">
3
+ <path fill="url(#warning-icon-b)" d="M38.827 17.951c1.795-3.383 6.643-3.383 8.438 0L70.37 61.495c1.688 3.181-.618 7.015-4.22 7.015H19.942c-3.6 0-5.907-3.834-4.219-7.015L38.827 17.95Z"/>
4
+ <path stroke="url(#warning-icon-c)" stroke-linecap="round" d="M39.269 18.186c1.607-3.03 5.947-3.03 7.555 0l23.104 43.543c1.511 2.848-.553 6.28-3.777 6.28H19.94c-3.224 0-5.288-3.432-3.777-6.28l23.105-43.543Z"/>
5
+ </g>
6
+ <path stroke="#493B08" stroke-linecap="round" d="M43 50.986v-22M43 58.151v2"/>
7
+ <defs>
8
+ <linearGradient id="warning-icon-b" x1="74.046" x2="37.546" y1="68.839" y2="4.839" gradientUnits="userSpaceOnUse">
9
+ <stop stop-color="#E2B104"/>
10
+ <stop offset="1" stop-color="#FFE300"/>
11
+ </linearGradient>
12
+ <linearGradient id="warning-icon-c" x1="29" x2="51" y1="10" y2="72" gradientUnits="userSpaceOnUse">
13
+ <stop stop-color="#E2B104"/>
14
+ <stop offset="1" stop-color="#F5D029"/>
15
+ </linearGradient>
16
+ <filter id="warning-icon-a" width="73.775" height="71.096" x="6.158" y="10.414" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
17
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18
+ <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
19
+ <feOffset dy="4"/>
20
+ <feGaussianBlur stdDeviation="4.5"/>
21
+ <feComposite in2="hardAlpha" operator="out"/>
22
+ <feColorMatrix values="0 0 0 0 0.8875 0 0 0 0 0.695504 0 0 0 0 0.0147917 0 0 0 0.47 0"/>
23
+ <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10171"/>
24
+ <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10171" result="shape"/>
25
+ </filter>
26
+ </defs>
27
+ </svg>
@@ -70,6 +70,12 @@ export declare const Table: {
70
70
  defaultComponent: "button";
71
71
  stylesNames: TableActionItemStylesNames;
72
72
  compound: true;
73
+ }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
74
+ props: import("./table-actions").TableActionItemProps;
75
+ defaultRef: HTMLButtonElement;
76
+ defaultComponent: "button";
77
+ stylesNames: TableActionItemStylesNames;
78
+ compound: true;
73
79
  }>;
74
80
  CollapsibleColumn: ColumnDef<unknown>;
75
81
  ColumnsSelector: import("@mantine/core").MantineComponent<{
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}
@@ -128,7 +128,7 @@ export const Table = (props)=>{
128
128
  ]);
129
129
  const containerRef = useRef();
130
130
  useClickOutside(()=>{
131
- if (!store.multiRowSelectionEnabled) {
131
+ if (!store.multiRowSelectionEnabled && store.getSelectedRows().length > 0) {
132
132
  store.clearRowSelection();
133
133
  }
134
134
  }, null, [