@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.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +34 -34
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/action-icon/ActionIcon.d.ts +10 -0
- package/dist/cjs/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +10 -0
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +10 -0
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/cjs/components/prompt/Prompt.context.d.ts +12 -0
- package/dist/cjs/components/prompt/Prompt.context.d.ts.map +1 -0
- package/dist/cjs/components/prompt/Prompt.context.js +24 -0
- package/dist/cjs/components/prompt/Prompt.context.js.map +1 -0
- package/dist/cjs/components/prompt/Prompt.d.ts +37 -10
- package/dist/cjs/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +95 -27
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.module.css +20 -30
- package/dist/cjs/components/prompt/PromptCancelButton.d.ts +18 -0
- package/dist/cjs/components/prompt/PromptCancelButton.d.ts.map +1 -0
- package/dist/cjs/components/prompt/PromptCancelButton.js +39 -0
- package/dist/cjs/components/prompt/PromptCancelButton.js.map +1 -0
- package/dist/cjs/components/prompt/PromptConfirmButton.d.ts +18 -0
- package/dist/cjs/components/prompt/PromptConfirmButton.d.ts.map +1 -0
- package/dist/cjs/components/prompt/PromptConfirmButton.js +46 -0
- package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -0
- package/dist/cjs/components/prompt/PromptFooter.js +1 -2
- package/dist/cjs/components/prompt/PromptFooter.js.map +1 -1
- package/dist/cjs/components/prompt/icons/critical.svg +29 -0
- package/dist/cjs/components/prompt/icons/info.svg +27 -0
- package/dist/cjs/components/prompt/icons/success.svg +27 -0
- package/dist/cjs/components/prompt/icons/warning.svg +27 -0
- package/dist/cjs/components/table/Table.d.ts +6 -0
- package/dist/cjs/components/table/Table.d.ts.map +1 -1
- package/dist/cjs/components/table/Table.js +1 -1
- package/dist/cjs/components/table/Table.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts +6 -0
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/types/svg/index.d.js +3 -0
- package/dist/cjs/types/svg/index.d.js.map +1 -0
- package/dist/esm/components/action-icon/ActionIcon.d.ts +10 -0
- package/dist/esm/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/esm/components/button/Button.d.ts +10 -0
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +10 -0
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/esm/components/prompt/Prompt.context.d.ts +12 -0
- package/dist/esm/components/prompt/Prompt.context.d.ts.map +1 -0
- package/dist/esm/components/prompt/Prompt.context.js +4 -0
- package/dist/esm/components/prompt/Prompt.context.js.map +1 -0
- package/dist/esm/components/prompt/Prompt.d.ts +37 -10
- package/dist/esm/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +92 -26
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.module.css +20 -30
- package/dist/esm/components/prompt/PromptCancelButton.d.ts +18 -0
- package/dist/esm/components/prompt/PromptCancelButton.d.ts.map +1 -0
- package/dist/esm/components/prompt/PromptCancelButton.js +22 -0
- package/dist/esm/components/prompt/PromptCancelButton.js.map +1 -0
- package/dist/esm/components/prompt/PromptConfirmButton.d.ts +18 -0
- package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map +1 -0
- package/dist/esm/components/prompt/PromptConfirmButton.js +29 -0
- package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -0
- package/dist/esm/components/prompt/PromptFooter.js +1 -2
- package/dist/esm/components/prompt/PromptFooter.js.map +1 -1
- package/dist/esm/components/prompt/icons/critical.svg +29 -0
- package/dist/esm/components/prompt/icons/info.svg +27 -0
- package/dist/esm/components/prompt/icons/success.svg +27 -0
- package/dist/esm/components/prompt/icons/warning.svg +27 -0
- package/dist/esm/components/table/Table.d.ts +6 -0
- package/dist/esm/components/table/Table.d.ts.map +1 -1
- package/dist/esm/components/table/Table.js +1 -1
- package/dist/esm/components/table/Table.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts +6 -0
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +1 -1
- package/dist/esm/theme/Theme.js.map +1 -1
- package/dist/esm/types/svg/index.d.js +2 -0
- package/dist/esm/types/svg/index.d.js.map +1 -0
- package/package.json +12 -12
- package/src/components/prompt/Prompt.context.ts +11 -0
- package/src/components/prompt/Prompt.module.css +20 -30
- package/src/components/prompt/Prompt.tsx +106 -23
- package/src/components/prompt/PromptCancelButton.tsx +33 -0
- package/src/components/prompt/PromptConfirmButton.tsx +42 -0
- package/src/components/prompt/PromptFooter.tsx +1 -1
- package/src/components/prompt/__tests__/Prompt.spec.tsx +20 -2
- package/src/components/prompt/icons/critical.svg +29 -0
- package/src/components/prompt/icons/info.svg +27 -0
- package/src/components/prompt/icons/success.svg +27 -0
- package/src/components/prompt/icons/warning.svg +27 -0
- package/src/components/table/Table.tsx +1 -1
- package/src/theme/Theme.tsx +1 -1
- 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,
|
|
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,+
|
|
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,
|
|
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 {
|
|
2
|
-
import {
|
|
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
|
|
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?:
|
|
17
|
+
variant?: PromptVariant;
|
|
11
18
|
children: ReactNode;
|
|
19
|
+
title: ReactNode;
|
|
20
|
+
icon?: ReactNode;
|
|
12
21
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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,
|
|
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
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
.
|
|
25
|
-
|
|
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
|
|
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
|
-
.
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
|
|
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
|
|
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"}
|