@coveord/plasma-mantine 55.2.1 → 55.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +47 -44
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/action-icon/ActionIcon.d.ts +3 -3
- package/dist/cjs/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +3 -3
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/child-form/ChildForm.d.ts +3 -3
- package/dist/cjs/components/child-form/ChildForm.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js +34 -32
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
- package/dist/cjs/components/ellipsis-text/EllipsisText.d.ts +3 -3
- package/dist/cjs/components/ellipsis-text/EllipsisText.d.ts.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +6 -6
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/cjs/components/prompt/Prompt.d.ts +2 -2
- package/dist/cjs/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +1 -1
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/PromptConfirmButton.d.ts.map +1 -1
- package/dist/cjs/components/prompt/PromptConfirmButton.js +12 -5
- package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/cjs/components/table/Table.d.ts +3 -3
- package/dist/cjs/components/table/Table.d.ts.map +1 -1
- package/dist/cjs/components/table/Table.module.css +20 -0
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts +3 -3
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.js +5 -4
- package/dist/cjs/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/esm/components/action-icon/ActionIcon.d.ts +3 -3
- package/dist/esm/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/esm/components/button/Button.d.ts +3 -3
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/child-form/ChildForm.d.ts +3 -3
- package/dist/esm/components/child-form/ChildForm.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js +32 -30
- package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
- package/dist/esm/components/ellipsis-text/EllipsisText.d.ts +3 -3
- package/dist/esm/components/ellipsis-text/EllipsisText.d.ts.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +6 -6
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/esm/components/prompt/Prompt.d.ts +2 -2
- package/dist/esm/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +1 -1
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map +1 -1
- package/dist/esm/components/prompt/PromptConfirmButton.js +7 -3
- package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/esm/components/table/Table.d.ts +3 -3
- package/dist/esm/components/table/Table.d.ts.map +1 -1
- package/dist/esm/components/table/Table.module.css +20 -0
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts +3 -3
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.js +4 -2
- package/dist/esm/components/table/table-actions/TableActionsList.js.map +1 -1
- package/package.json +16 -16
- package/src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx +17 -16
- package/src/components/prompt/Prompt.tsx +7 -3
- package/src/components/prompt/PromptConfirmButton.tsx +18 -4
- package/src/components/table/Table.module.css +20 -0
- package/src/components/table/table-actions/TableActionsList.tsx +3 -3
|
@@ -8,10 +8,10 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
|
|
|
8
8
|
component?: any;
|
|
9
9
|
} & Omit<Omit<any, "ref">, "component" | keyof ActionIconProps> & {
|
|
10
10
|
ref?: any;
|
|
11
|
-
renderRoot?: (
|
|
11
|
+
renderRoot?: (props: any) => any;
|
|
12
12
|
}) | (ActionIconProps & {
|
|
13
|
-
component:
|
|
14
|
-
renderRoot?: (
|
|
13
|
+
component: React.ElementType;
|
|
14
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
15
15
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
16
16
|
props: ActionIconProps;
|
|
17
17
|
defaultRef: HTMLButtonElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,sBAAsB,EACtB,KAAK,eAAe,EACpB,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,mGARF,MAAO,YAC5B;;;;;;
|
|
1
|
+
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,sBAAsB,EACtB,KAAK,eAAe,EACpB,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,mGARF,MAAO,YAC5B;;;;;;eAQmC,MAAO,WAAW;;;WAZ1C,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"}
|
|
@@ -8,10 +8,10 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
|
|
|
8
8
|
component?: any;
|
|
9
9
|
} & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
|
|
10
10
|
ref?: any;
|
|
11
|
-
renderRoot?: (
|
|
11
|
+
renderRoot?: (props: any) => any;
|
|
12
12
|
}) | (ButtonProps & {
|
|
13
|
-
component:
|
|
14
|
-
renderRoot?: (
|
|
13
|
+
component: React.ElementType;
|
|
14
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
15
15
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
16
16
|
props: ButtonProps;
|
|
17
17
|
defaultRef: HTMLButtonElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,kBAAkB,EAClB,KAAK,WAAW,EAChB,WAAW,IAAI,kBAAkB,EACjC,iBAAiB,EACjB,aAAa,EAGhB,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,+FANH,MAAO,YAChB;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,kBAAkB,EAClB,KAAK,WAAW,EAChB,WAAW,IAAI,kBAAkB,EACjC,iBAAiB,EACjB,aAAa,EAGhB,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,+FANH,MAAO,YAChB;;;;;;eAO2G,MAC1G,WACR;;;WAfW,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"}
|
|
@@ -20,10 +20,10 @@ export declare const ChildForm: (<C = "div">(props: import("@mantine/core").Poly
|
|
|
20
20
|
component?: any;
|
|
21
21
|
} & Omit<Omit<any, "ref">, "component" | keyof ChildFormProps> & {
|
|
22
22
|
ref?: any;
|
|
23
|
-
renderRoot?: (
|
|
23
|
+
renderRoot?: (props: any) => any;
|
|
24
24
|
}) | (ChildFormProps & {
|
|
25
|
-
component:
|
|
26
|
-
renderRoot?: (
|
|
25
|
+
component: React.ElementType;
|
|
26
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
27
27
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
28
28
|
props: ChildFormProps;
|
|
29
29
|
defaultRef: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/child-form/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS,+FAClB,MAAE,YAAY;;;;;;
|
|
1
|
+
{"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/child-form/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS,+FAClB,MAAE,YAAY;;;;;;eAQV,MAAG,WACN;;;WAlBM,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;EAqCnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,0FAQxC,mCAAmC,
|
|
1
|
+
{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,0FAQxC,mCAAmC,4CAuDrC,CAAC"}
|
|
@@ -38,39 +38,41 @@ var DateRangePickerPopoverCalendar = function(param) {
|
|
|
38
38
|
setOpened(false);
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
-
return /*#__PURE__*/ (0, _jsxruntime.
|
|
42
|
-
children:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
return setOpened(true);
|
|
51
|
-
},
|
|
52
|
-
startProps: startProps,
|
|
53
|
-
endProps: endProps
|
|
54
|
-
}),
|
|
55
|
-
presets ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
41
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
42
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover, {
|
|
43
|
+
opened: opened,
|
|
44
|
+
onChange: setOpened,
|
|
45
|
+
trapFocus: true,
|
|
46
|
+
children: [
|
|
47
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Target, {
|
|
48
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
|
|
49
|
+
align: "center",
|
|
56
50
|
children: [
|
|
57
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(
|
|
58
|
-
w: "sm"
|
|
59
|
-
}),
|
|
60
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePickerPresetSelect.DateRangePickerPresetSelect, {
|
|
61
|
-
presets: presets,
|
|
51
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_EditableDateRangePicker.EditableDateRangePicker, {
|
|
62
52
|
value: _value,
|
|
63
|
-
onChange: handleChange
|
|
64
|
-
|
|
53
|
+
onChange: handleChange,
|
|
54
|
+
onFocus: function() {
|
|
55
|
+
return setOpened(true);
|
|
56
|
+
},
|
|
57
|
+
startProps: startProps,
|
|
58
|
+
endProps: endProps
|
|
59
|
+
}),
|
|
60
|
+
presets ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
61
|
+
children: [
|
|
62
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Space, {
|
|
63
|
+
w: "sm"
|
|
64
|
+
}),
|
|
65
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePickerPresetSelect.DateRangePickerPresetSelect, {
|
|
66
|
+
presets: presets,
|
|
67
|
+
value: _value,
|
|
68
|
+
onChange: handleChange
|
|
69
|
+
})
|
|
70
|
+
]
|
|
71
|
+
}) : null
|
|
65
72
|
]
|
|
66
|
-
})
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover, {
|
|
70
|
-
opened: opened,
|
|
71
|
-
onChange: setOpened,
|
|
72
|
-
trapFocus: true,
|
|
73
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Dropdown, {
|
|
73
|
+
})
|
|
74
|
+
}),
|
|
75
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Dropdown, {
|
|
74
76
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DatePicker, _object_spread._({
|
|
75
77
|
ref: ref,
|
|
76
78
|
type: "range",
|
|
@@ -87,8 +89,8 @@ var DateRangePickerPopoverCalendar = function(param) {
|
|
|
87
89
|
onChange: onCalendarChange
|
|
88
90
|
}, rangeCalendarProps))
|
|
89
91
|
})
|
|
90
|
-
|
|
91
|
-
|
|
92
|
+
]
|
|
93
|
+
})
|
|
92
94
|
});
|
|
93
95
|
};
|
|
94
96
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\ninterface DateRangePickerPopoverCalendarProps extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /** Default value for uncontrolled input */\n defaultValue?: DateRangePickerValue;\n /** Value for controlled input */\n value?: DateRangePickerValue;\n /** onChange value for controlled input */\n onChange?(value: DateRangePickerValue): void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n\n /**\n * Props for RangeCalendar\n */\n rangeCalendarProps?: Omit<\n CalendarBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nexport const DateRangePickerPopoverCalendar = ({\n presets,\n value,\n defaultValue,\n onChange,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps) => {\n const [opened, setOpened] = useState(false);\n const ref = useClickOutside(() => setOpened(false));\n\n const [_value, handleChange] = useUncontrolled<DateRangePickerValue>({\n value,\n defaultValue,\n onChange,\n finalValue: [null, null],\n });\n\n const onCalendarChange = (dates: DateRangePickerValue) => {\n handleChange?.(dates);\n if (dates[1] !== null) {\n setOpened(false);\n }\n };\n\n return (\n <>\n <Group align=\"center\">\n
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\ninterface DateRangePickerPopoverCalendarProps extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /** Default value for uncontrolled input */\n defaultValue?: DateRangePickerValue;\n /** Value for controlled input */\n value?: DateRangePickerValue;\n /** onChange value for controlled input */\n onChange?(value: DateRangePickerValue): void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n\n /**\n * Props for RangeCalendar\n */\n rangeCalendarProps?: Omit<\n CalendarBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nexport const DateRangePickerPopoverCalendar = ({\n presets,\n value,\n defaultValue,\n onChange,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps) => {\n const [opened, setOpened] = useState(false);\n const ref = useClickOutside(() => setOpened(false));\n\n const [_value, handleChange] = useUncontrolled<DateRangePickerValue>({\n value,\n defaultValue,\n onChange,\n finalValue: [null, null],\n });\n\n const onCalendarChange = (dates: DateRangePickerValue) => {\n handleChange?.(dates);\n if (dates[1] !== null) {\n setOpened(false);\n }\n };\n\n return (\n <>\n <Popover opened={opened} onChange={setOpened} trapFocus>\n <Popover.Target>\n <Group align=\"center\">\n <EditableDateRangePicker\n value={_value}\n onChange={handleChange}\n onFocus={() => setOpened(true)}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect presets={presets} value={_value} onChange={handleChange} />\n </>\n ) : null}\n </Group>\n </Popover.Target>\n <Popover.Dropdown>\n <DatePicker\n ref={ref}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n numberOfColumns={2}\n columnsToScroll={1}\n firstDayOfWeek={0}\n allowSingleDateInRange\n value={_value}\n onChange={onCalendarChange}\n {...rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </>\n );\n};\n"],"names":["DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","useState","opened","setOpened","ref","useClickOutside","useUncontrolled","finalValue","_value","handleChange","onCalendarChange","dates","Popover","trapFocus","Target","Group","align","EditableDateRangePicker","onFocus","Space","w","DateRangePickerPresetSelect","Dropdown","DatePicker","type","styles","day","textAlign","numberOfColumns","columnsToScroll","firstDayOfWeek","allowSingleDateInRange"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;oBArCuB;qBACQ;qBACG;qBACxB;2CAG0C;uCACG;AA8B7D,IAAMA,iCAAiC;QAC1CC,gBAAAA,SACAC,cAAAA,OACAC,qBAAAA,cACAC,iBAAAA,UACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAA4BC,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAC5B,IAAMG,MAAMC,IAAAA,sBAAe,EAAC;eAAMF,UAAU;;IAE5C,IAA+BG,sCAAAA,IAAAA,sBAAe,EAAuB;QACjEX,OAAAA;QACAC,cAAAA;QACAC,UAAAA;QACAU,YAAY;YAAC;YAAM;SAAK;IAC5B,QALOC,SAAwBF,qBAAhBG,eAAgBH;IAO/B,IAAMI,mBAAmB,SAACC;QACtBF,yBAAAA,mCAAAA,aAAeE;QACf,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBR,UAAU;QACd;IACJ;IAEA,qBACI;kBACI,cAAA,sBAACS,aAAO;YAACV,QAAQA;YAAQL,UAAUM;YAAWU,SAAS;;8BACnD,qBAACD,aAAO,CAACE,MAAM;8BACX,cAAA,sBAACC,WAAK;wBAACC,OAAM;;0CACT,qBAACC,gDAAuB;gCACpBtB,OAAOa;gCACPX,UAAUY;gCACVS,SAAS;2CAAMf,UAAU;;gCACzBL,YAAYA;gCACZC,UAAUA;;4BAEbL,wBACG;;kDACI,qBAACyB,WAAK;wCAACC,GAAE;;kDACT,qBAACC,wDAA2B;wCAAC3B,SAASA;wCAASC,OAAOa;wCAAQX,UAAUY;;;iCAE5E;;;;8BAGZ,qBAACG,aAAO,CAACU,QAAQ;8BACb,cAAA,qBAACC,iBAAU;wBACPnB,KAAKA;wBACLoB,MAAK;wBACLC,QAAQ;4BAACC,KAAK;gCAACC,WAAW;4BAAQ;wBAAC;wBACnCC,iBAAiB;wBACjBC,iBAAiB;wBACjBC,gBAAgB;wBAChBC,sBAAsB;wBACtBpC,OAAOa;wBACPX,UAAUa;uBACNV;;;;;AAM5B"}
|
|
@@ -15,10 +15,10 @@ export declare const EllipsisText: (<C = "div">(props: import("@mantine/core").P
|
|
|
15
15
|
component?: any;
|
|
16
16
|
} & Omit<Omit<any, "ref">, "component" | keyof EllipsisTextProps> & {
|
|
17
17
|
ref?: any;
|
|
18
|
-
renderRoot?: (
|
|
18
|
+
renderRoot?: (props: any) => any;
|
|
19
19
|
}) | (EllipsisTextProps & {
|
|
20
|
-
component:
|
|
21
|
-
renderRoot?: (
|
|
20
|
+
component: React.ElementType;
|
|
21
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
22
22
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
23
23
|
props: EllipsisTextProps;
|
|
24
24
|
defaultRef: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC,EACxC,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAPhB,MAAQ,YAAW;;;;;;
|
|
1
|
+
{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC,EACxC,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAPhB,MAAQ,YAAW;;;;;;eAQuC,MAAO,WAAW;;;WAX1E,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAwDtC,CAAC"}
|
|
@@ -8,10 +8,10 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
8
8
|
component?: any;
|
|
9
9
|
} & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
|
|
10
10
|
ref?: any;
|
|
11
|
-
renderRoot?: (
|
|
11
|
+
renderRoot?: (props: any) => any;
|
|
12
12
|
}) | (ButtonProps & {
|
|
13
|
-
component:
|
|
14
|
-
renderRoot?: (
|
|
13
|
+
component: React.ElementType;
|
|
14
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
15
15
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
16
16
|
props: ButtonProps;
|
|
17
17
|
defaultRef: HTMLButtonElement;
|
|
@@ -48,9 +48,9 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
48
48
|
component?: any;
|
|
49
49
|
} & Omit<Omit<any, "ref">, "component" | keyof InlineConfirmTargetProps> & {
|
|
50
50
|
ref?: any;
|
|
51
|
-
renderRoot?: (
|
|
51
|
+
renderRoot?: (props: any) => any;
|
|
52
52
|
}) | (InlineConfirmTargetProps & {
|
|
53
|
-
component:
|
|
54
|
-
renderRoot?: (
|
|
53
|
+
component: React.ElementType;
|
|
54
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
55
55
|
})>, never> & Record<string, never>;
|
|
56
56
|
//# sourceMappingURL=InlineConfirmTarget.d.ts.map
|
|
@@ -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,yGAWM,MAAO,YAAY;;;;;;
|
|
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;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FADmB,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCAD7K,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Factory, ModalRootProps, ModalStylesNames, StylesApiProps } from '@mantine/core';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { PromptCancelButton, PromptCancelButtonStylesNamesVariant } from './PromptCancelButton';
|
|
4
|
-
import { PromptConfirmButton } from './PromptConfirmButton';
|
|
4
|
+
import { PromptConfirmButton, PromptConfirmButtonStylesNamesVariant } from './PromptConfirmButton';
|
|
5
5
|
import { PromptFooter } from './PromptFooter';
|
|
6
6
|
export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
|
|
7
7
|
export type PromptVars = {
|
|
8
8
|
root: '--prompt-icon-size';
|
|
9
9
|
};
|
|
10
|
-
export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant;
|
|
10
|
+
export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
|
|
11
11
|
export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {
|
|
12
12
|
/**
|
|
13
13
|
* Controls prompt appearance
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,EAAE,qCAAqC,EAAC,MAAM,uBAAuB,CAAC;AACjG,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,GACvB,gBAAgB,GAChB,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,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;AAoBH,eAAO,MAAM,MAAM;WA9BR,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;EAsEH,CAAC"}
|
|
@@ -15,12 +15,12 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
|
|
|
15
15
|
var _jsxruntime = require("react/jsx-runtime");
|
|
16
16
|
var _core = require("@mantine/core");
|
|
17
17
|
var _react = require("react");
|
|
18
|
-
var _Promptmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Prompt.module.css"));
|
|
19
18
|
var _criticalsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/critical.svg"));
|
|
20
19
|
var _infosvg = /*#__PURE__*/ _interop_require_default._(require("./icons/info.svg"));
|
|
21
20
|
var _successsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/success.svg"));
|
|
22
21
|
var _warningsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/warning.svg"));
|
|
23
22
|
var _Promptcontext = require("./Prompt.context");
|
|
23
|
+
var _Promptmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Prompt.module.css"));
|
|
24
24
|
var _PromptCancelButton = require("./PromptCancelButton");
|
|
25
25
|
var _PromptConfirmButton = require("./PromptConfirmButton");
|
|
26
26
|
var _PromptFooter = require("./PromptFooter");
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 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 classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | ModalStylesNames\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\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 centered: true,\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","centered","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":";;;;+BA6EaA;;;eAAAA;;;;;;;;oBAjEN;qBACyC;oEAC3B;gEACJ;mEACG;mEACA;6BACgB;wEAChB;kCACmD;mCACE;4BAC9C;AAqC3B,IAAMC,2BAA0D;IAC5DC,SAASC,mBAAO;IAChBC,SAASC,mBAAO;IAChBC,UAAUC,oBAAQ;IAClBC,MAAMC,gBAAI;AACd;AAEA,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAgB,SAACC;QAASC,aAAAA;WAAW;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ;;AAEO,IAAMlB,SAASmB,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUb,cAAcU;IAC/C,IAAOT,UAAmGW,MAAnGX,SAASa,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;QAAnGX;QAASa;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;YAACtC,SAAAA;YAASsB,WAAAA;QAAS;kBAC7C,cAAA,sBAACiB,WAAK,CAACC,IAAI;YAAC9B,KAAKA;YAAKV,SAAQ;YAASyC,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,KAAK1D,wBAAwB,CAACU,QAAQ;;8CAG9C,qBAACuC,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;AAEA9C,OAAOgE,YAAY,GAAGC,sCAAkB;AACxCjE,OAAOkE,aAAa,GAAGC,wCAAmB;AAC1CnE,OAAOoE,MAAM,GAAGvB,0BAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACjF,OAAO,EAAS,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAIrD,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;EAwChB,CAAC"}
|
|
@@ -12,6 +12,7 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
|
12
12
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _core = require("@mantine/core");
|
|
15
|
+
var _Button = require("../button/Button");
|
|
15
16
|
var _Promptcontext = require("./Prompt.context");
|
|
16
17
|
var COLOR_BY_VARIANT = {
|
|
17
18
|
success: 'action',
|
|
@@ -23,19 +24,25 @@ var defaultProps = {};
|
|
|
23
24
|
var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
|
|
24
25
|
var _usePromptContext = (0, _Promptcontext.usePromptContext)(), variant = _usePromptContext.variant, getStyles = _usePromptContext.getStyles;
|
|
25
26
|
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
|
+
var className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, disabled = props.disabled, disabledTooltip = props.disabledTooltip, disabledTooltipProps = props.disabledTooltipProps, others = _object_without_properties._(props, [
|
|
27
28
|
"className",
|
|
28
29
|
"classNames",
|
|
29
30
|
"style",
|
|
30
31
|
"styles",
|
|
31
32
|
"unstyled",
|
|
32
|
-
"vars"
|
|
33
|
+
"vars",
|
|
34
|
+
"disabled",
|
|
35
|
+
"disabledTooltip",
|
|
36
|
+
"disabledTooltipProps"
|
|
33
37
|
]);
|
|
34
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(
|
|
38
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, _object_spread._({
|
|
35
39
|
ref: ref,
|
|
36
40
|
variant: "filled",
|
|
37
|
-
color: COLOR_BY_VARIANT[variant]
|
|
38
|
-
|
|
41
|
+
color: COLOR_BY_VARIANT[variant],
|
|
42
|
+
disabled: disabled,
|
|
43
|
+
disabledTooltip: disabledTooltip,
|
|
44
|
+
disabledTooltipProps: disabledTooltipProps
|
|
45
|
+
}, others, getStyles('confirm', {
|
|
39
46
|
style: style,
|
|
40
47
|
styles: styles,
|
|
41
48
|
className: className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, 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 {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n\n return (\n <Button\n ref={ref}\n variant=\"filled\"\n color={COLOR_BY_VARIANT[variant]}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {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","disabled","disabledTooltip","disabledTooltipProps","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3BoD;sBAC/B;6BAEH;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,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,qBACI,qBAACE,cAAM;QACHhB,KAAKA;QACLE,SAAQ;QACRe,OAAOzB,gBAAgB,CAACU,QAAQ;QAChCU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
|
|
@@ -54,10 +54,10 @@ export declare const Table: {
|
|
|
54
54
|
component?: any;
|
|
55
55
|
} & Omit<Omit<any, "ref">, "component" | keyof import("./table-actions").TableActionItemProps> & {
|
|
56
56
|
ref?: any;
|
|
57
|
-
renderRoot?: (
|
|
57
|
+
renderRoot?: (props: any) => any;
|
|
58
58
|
}) | (import("./table-actions").TableActionItemProps & {
|
|
59
|
-
component:
|
|
60
|
-
renderRoot?: (
|
|
59
|
+
component: React.ElementType;
|
|
60
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
61
61
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
62
62
|
props: import("./table-actions").TableActionItemProps;
|
|
63
63
|
defaultRef: HTMLButtonElement;
|
|
@@ -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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"}
|
|
@@ -20,15 +20,35 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
/* Table.Actions */
|
|
23
|
+
|
|
24
|
+
/* Hide empty menus */
|
|
25
|
+
.actionsTarget {
|
|
26
|
+
display: none;
|
|
27
|
+
|
|
28
|
+
&:has(+ .actionsDropdown :global(.mantine-Menu-item)) {
|
|
29
|
+
display: block;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
23
33
|
.actionsDropdown {
|
|
24
34
|
text-align: left;
|
|
25
35
|
}
|
|
26
36
|
|
|
37
|
+
.actionsGroupDivider {
|
|
38
|
+
display: none;
|
|
39
|
+
}
|
|
40
|
+
|
|
27
41
|
.actionsGroup {
|
|
28
42
|
&:has(.actionsGroupItems:empty) {
|
|
29
43
|
/* Hide empty groups */
|
|
30
44
|
display: none;
|
|
31
45
|
}
|
|
46
|
+
|
|
47
|
+
&:has(~ .actionsGroup :global(.mantine-Menu-item)) {
|
|
48
|
+
.actionsGroupDivider {
|
|
49
|
+
display: block;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
32
52
|
}
|
|
33
53
|
|
|
34
54
|
/* Table.Filter */
|
|
@@ -23,10 +23,10 @@ export declare const TableActionItem: (<C = "button">(props: import("@mantine/co
|
|
|
23
23
|
component?: any;
|
|
24
24
|
} & Omit<Omit<any, "ref">, "component" | keyof TableActionItemProps> & {
|
|
25
25
|
ref?: any;
|
|
26
|
-
renderRoot?: (
|
|
26
|
+
renderRoot?: (props: any) => any;
|
|
27
27
|
}) | (TableActionItemProps & {
|
|
28
|
-
component:
|
|
29
|
-
renderRoot?: (
|
|
28
|
+
component: React.ElementType;
|
|
29
|
+
renderRoot?: (props: Record<string, any>) => any;
|
|
30
30
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
31
31
|
props: TableActionItemProps;
|
|
32
32
|
defaultRef: HTMLButtonElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,wGAdvB,MACD,YAAU;;;;;;
|
|
1
|
+
{"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,wGAdvB,MACD,YAAU;;;;;;eAWJ,MAAO,WAAW;;;WAPjB,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA6CjB,CAAC"}
|
|
@@ -102,6 +102,7 @@ var TableActionsList = function(props) {
|
|
|
102
102
|
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Menu, _object_spread_props._(_object_spread._({
|
|
103
103
|
withinPortal: false
|
|
104
104
|
}, others), {
|
|
105
|
+
keepMounted: true,
|
|
105
106
|
children: [
|
|
106
107
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Menu.Target, {
|
|
107
108
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Button, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
|
|
@@ -140,6 +141,7 @@ var TableActionsList = function(props) {
|
|
|
140
141
|
opened: opened,
|
|
141
142
|
onChange: onChange
|
|
142
143
|
}, others), {
|
|
144
|
+
keepMounted: true,
|
|
143
145
|
children: [
|
|
144
146
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Menu.Target, {
|
|
145
147
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, _object_spread_props._(_object_spread._({
|
|
@@ -148,13 +150,12 @@ var TableActionsList = function(props) {
|
|
|
148
150
|
styles: styles,
|
|
149
151
|
classNames: classNames
|
|
150
152
|
})), {
|
|
151
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ActionIcon, _object_spread_props._(_object_spread._({
|
|
152
|
-
onClick: onClick,
|
|
153
|
-
variant: "subtle"
|
|
154
|
-
}, getStyles('actionsTarget', {
|
|
153
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ActionIcon, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
|
|
155
154
|
styles: styles,
|
|
156
155
|
classNames: classNames
|
|
157
156
|
})), {
|
|
157
|
+
onClick: onClick,
|
|
158
|
+
variant: "subtle",
|
|
158
159
|
children: icon
|
|
159
160
|
}))
|
|
160
161
|
}))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n ActionIcon,\n Box,\n Button,\n CSSProperties,\n CompoundStylesApiProps,\n ExtendComponent,\n Factory,\n Menu,\n MenuProps,\n Tooltip,\n useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {InlineConfirm} from '../../inline-confirm';\nimport {TableAction} from '../Table.types';\nimport {useTableContext} from '../TableContext';\nimport {TableActionProvider} from './TableActionContext';\n\nexport type TableActionsListStylesNames =\n | 'actionsTarget'\n | 'actionsDropdown'\n | 'actionsTooltip'\n | 'actionsGroup'\n | 'actionsGroupLabel'\n | 'actionsGroupDivider'\n | 'actionsGroupItems';\n\nexport interface TableActionsListProps\n extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n CompoundStylesApiProps<TableActionsListFactory> {\n actions: TableAction[];\n /**\n * Label for the more menu\n * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n */\n label?: string;\n /**\n * Label for the primary actions group when variant is 'combined'\n * @default ''\n */\n primaryGroupLabel?: string;\n icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n props: TableActionsListProps;\n ref: HTMLDivElement;\n stylesNames: TableActionsListStylesNames;\n compound: true;\n variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n label: 'More',\n primaryGroupLabel: '',\n icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n $$primary: TableAction[];\n $$confirmPrompt: TableAction[];\n secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n name: string;\n actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n const {getStyles} = useTableContext();\n const {\n actions,\n icon,\n label,\n primaryGroupLabel,\n classNames,\n styles,\n vars: _vars,\n variant,\n ...others\n } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n const [opened, setOpened] = useState(false);\n\n const onClick: MouseEventHandler = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setOpened((prevState) => !prevState);\n };\n const onChange = (newOpened: boolean) => {\n if (!newOpened) {\n setOpened(false);\n }\n };\n\n const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n (acc, action) => {\n if (action.group === '$$primary') {\n acc.$$primary.push(action);\n } else if (action.group === '$$confirmPrompt') {\n acc.$$confirmPrompt.push(action);\n } else {\n if (acc.secondary[action.group]) {\n acc.secondary[action.group].push(action.component);\n } else {\n acc.secondary[action.group] = [action.component];\n }\n }\n return acc;\n },\n {$$primary: [], $$confirmPrompt: [], secondary: {}},\n );\n\n const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n ([group, groupActions]): ActionGroup => ({\n name: group,\n actions: groupActions,\n }),\n );\n\n if (variant === 'split') {\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n {secondaryActionGroups.length > 0 ? (\n <TableActionProvider value={{primary: false}}>\n <Menu withinPortal={false} {...others}>\n <Menu.Target>\n <Button\n {...getStyles('actionsTarget', {styles, classNames})}\n variant=\"subtle\"\n leftSection={icon}\n >\n {label}\n </Button>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={secondaryActionGroups}\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n ) : null}\n </InlineConfirm>\n );\n }\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: false}}>\n <Menu opened={opened} onChange={onChange} {...others}>\n <Menu.Target>\n <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n <ActionIcon\n onClick={onClick}\n variant=\"subtle\"\n {...getStyles('actionsTarget', {styles, classNames})}\n >\n {icon}\n </ActionIcon>\n </Tooltip>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={\n primaryActions.length > 0\n ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n : secondaryActionGroups\n }\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n </InlineConfirm>\n );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n classNames: Partial<Record<TableActionsListStylesNames, string>>;\n actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n const {getStyles} = useTableContext();\n return actionGroups.map(({name, actions}, index) => (\n <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n {actionGroups.length > 1 ? (\n <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n ) : null}\n <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n {index < actionGroups.length - 1 ? (\n <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n ) : null}\n </Box>\n ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["TableActionsList","defaultProps","label","primaryGroupLabel","icon","MoreSize16Px","height","props","getStyles","useTableContext","useProps","actions","classNames","styles","vars","_vars","variant","others","useState","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","InlineConfirm","TableActionProvider","value","primary","length","Menu","withinPortal","Target","Button","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","Tooltip","ActionIcon","index","Box","Label","Divider","extend","input"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n ActionIcon,\n Box,\n Button,\n CSSProperties,\n CompoundStylesApiProps,\n ExtendComponent,\n Factory,\n Menu,\n MenuProps,\n Tooltip,\n useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {InlineConfirm} from '../../inline-confirm';\nimport {TableAction} from '../Table.types';\nimport {useTableContext} from '../TableContext';\nimport {TableActionProvider} from './TableActionContext';\n\nexport type TableActionsListStylesNames =\n | 'actionsTarget'\n | 'actionsDropdown'\n | 'actionsTooltip'\n | 'actionsGroup'\n | 'actionsGroupLabel'\n | 'actionsGroupDivider'\n | 'actionsGroupItems';\n\nexport interface TableActionsListProps\n extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n CompoundStylesApiProps<TableActionsListFactory> {\n actions: TableAction[];\n /**\n * Label for the more menu\n * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n */\n label?: string;\n /**\n * Label for the primary actions group when variant is 'combined'\n * @default ''\n */\n primaryGroupLabel?: string;\n icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n props: TableActionsListProps;\n ref: HTMLDivElement;\n stylesNames: TableActionsListStylesNames;\n compound: true;\n variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n label: 'More',\n primaryGroupLabel: '',\n icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n $$primary: TableAction[];\n $$confirmPrompt: TableAction[];\n secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n name: string;\n actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n const {getStyles} = useTableContext();\n const {\n actions,\n icon,\n label,\n primaryGroupLabel,\n classNames,\n styles,\n vars: _vars,\n variant,\n ...others\n } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n const [opened, setOpened] = useState(false);\n\n const onClick: MouseEventHandler = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setOpened((prevState) => !prevState);\n };\n const onChange = (newOpened: boolean) => {\n if (!newOpened) {\n setOpened(false);\n }\n };\n\n const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n (acc, action) => {\n if (action.group === '$$primary') {\n acc.$$primary.push(action);\n } else if (action.group === '$$confirmPrompt') {\n acc.$$confirmPrompt.push(action);\n } else {\n if (acc.secondary[action.group]) {\n acc.secondary[action.group].push(action.component);\n } else {\n acc.secondary[action.group] = [action.component];\n }\n }\n return acc;\n },\n {$$primary: [], $$confirmPrompt: [], secondary: {}},\n );\n\n const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n ([group, groupActions]): ActionGroup => ({\n name: group,\n actions: groupActions,\n }),\n );\n\n if (variant === 'split') {\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n {secondaryActionGroups.length > 0 ? (\n <TableActionProvider value={{primary: false}}>\n <Menu withinPortal={false} {...others} keepMounted>\n <Menu.Target>\n <Button\n {...getStyles('actionsTarget', {styles, classNames})}\n variant=\"subtle\"\n leftSection={icon}\n >\n {label}\n </Button>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={secondaryActionGroups}\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n ) : null}\n </InlineConfirm>\n );\n }\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: false}}>\n <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n <Menu.Target>\n <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n <ActionIcon\n {...getStyles('actionsTarget', {styles, classNames})}\n onClick={onClick}\n variant=\"subtle\"\n >\n {icon}\n </ActionIcon>\n </Tooltip>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={\n primaryActions.length > 0\n ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n : secondaryActionGroups\n }\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n </InlineConfirm>\n );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n classNames: Partial<Record<TableActionsListStylesNames, string>>;\n actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n const {getStyles} = useTableContext();\n return actionGroups.map(({name, actions}, index) => (\n <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n {actionGroups.length > 1 ? (\n <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n ) : null}\n <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n {index < actionGroups.length - 1 ? (\n <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n ) : null}\n </Box>\n ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["TableActionsList","defaultProps","label","primaryGroupLabel","icon","MoreSize16Px","height","props","getStyles","useTableContext","useProps","actions","classNames","styles","vars","_vars","variant","others","useState","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","InlineConfirm","TableActionProvider","value","primary","length","Menu","withinPortal","keepMounted","Target","Button","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","Tooltip","ActionIcon","index","Box","Label","Divider","extend","input"],"mappings":"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"}
|