@coveord/plasma-mantine 55.3.2 → 55.3.4-next.0
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 +45 -44
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/alert/Alert.d.ts +17 -0
- package/dist/cjs/components/alert/Alert.d.ts.map +1 -0
- package/dist/cjs/components/alert/Alert.js +53 -0
- package/dist/cjs/components/alert/Alert.js.map +1 -0
- package/dist/cjs/components/alert/index.d.ts +2 -0
- package/dist/cjs/components/alert/index.d.ts.map +1 -0
- package/dist/cjs/components/alert/index.js +8 -0
- package/dist/cjs/components/alert/index.js.map +1 -0
- package/dist/cjs/components/badge/Badge.d.ts +8 -0
- package/dist/cjs/components/badge/Badge.d.ts.map +1 -0
- package/dist/cjs/components/badge/Badge.js +60 -0
- package/dist/cjs/components/badge/Badge.js.map +1 -0
- package/dist/cjs/components/badge/index.d.ts +2 -0
- package/dist/cjs/components/badge/index.d.ts.map +1 -0
- package/dist/cjs/components/badge/index.js +8 -0
- package/dist/cjs/components/badge/index.js.map +1 -0
- package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/cjs/components/button/Button.d.ts +5 -0
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js +40 -3
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/header/Header.module.css +2 -7
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.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/Prompt.module.css +4 -15
- package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
- package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/cjs/components/table/table-column/TableSelectableColumn.d.ts.map +1 -1
- package/dist/cjs/components/table/table-column/TableSelectableColumn.js +5 -1
- package/dist/cjs/components/table/table-column/TableSelectableColumn.js.map +1 -1
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map +1 -1
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js +4 -0
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
- package/dist/cjs/styles/Alert.module.css +1 -26
- package/dist/cjs/styles/Badge.module.css +0 -2
- package/dist/cjs/styles/Checkbox.module.css +0 -12
- package/dist/cjs/styles/Combobox.module.css +3 -2
- package/dist/cjs/styles/InputWrapper.module.css +0 -9
- package/dist/cjs/styles/Modal.module.css +0 -62
- package/dist/cjs/styles/NavLink.module.css +0 -18
- package/dist/cjs/styles/Radio.module.css +0 -6
- package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
- package/dist/cjs/styles/SegmentedControl.module.css +0 -32
- package/dist/cjs/styles/Stepper.module.css +0 -66
- package/dist/cjs/styles/Tabs.module.css +0 -4
- package/dist/cjs/theme/PlasmaColors.d.ts +11 -7
- package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/cjs/theme/PlasmaColors.js +144 -19
- package/dist/cjs/theme/PlasmaColors.js.map +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +43 -115
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js +1 -5
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/esm/components/alert/Alert.d.ts +17 -0
- package/dist/esm/components/alert/Alert.d.ts.map +1 -0
- package/dist/esm/components/alert/Alert.js +29 -0
- package/dist/esm/components/alert/Alert.js.map +1 -0
- package/dist/esm/components/alert/index.d.ts +2 -0
- package/dist/esm/components/alert/index.d.ts.map +1 -0
- package/dist/esm/components/alert/index.js +3 -0
- package/dist/esm/components/alert/index.js.map +1 -0
- package/dist/esm/components/badge/Badge.d.ts +8 -0
- package/dist/esm/components/badge/Badge.d.ts.map +1 -0
- package/dist/esm/components/badge/Badge.js +27 -0
- package/dist/esm/components/badge/Badge.js.map +1 -0
- package/dist/esm/components/badge/index.d.ts +2 -0
- package/dist/esm/components/badge/index.d.ts.map +1 -0
- package/dist/esm/components/badge/index.js +3 -0
- package/dist/esm/components/badge/index.js.map +1 -0
- package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/esm/components/button/Button.d.ts +5 -0
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js +17 -0
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/header/Header.module.css +2 -7
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.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/Prompt.module.css +4 -15
- package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
- package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/esm/components/table/table-column/TableSelectableColumn.d.ts.map +1 -1
- package/dist/esm/components/table/table-column/TableSelectableColumn.js +5 -1
- package/dist/esm/components/table/table-column/TableSelectableColumn.js.map +1 -1
- package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map +1 -1
- package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js +4 -0
- package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
- package/dist/esm/styles/Alert.module.css +1 -26
- package/dist/esm/styles/Badge.module.css +0 -2
- package/dist/esm/styles/Checkbox.module.css +0 -12
- package/dist/esm/styles/Combobox.module.css +3 -2
- package/dist/esm/styles/InputWrapper.module.css +0 -9
- package/dist/esm/styles/Modal.module.css +0 -62
- package/dist/esm/styles/NavLink.module.css +0 -18
- package/dist/esm/styles/Radio.module.css +0 -6
- package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
- package/dist/esm/styles/SegmentedControl.module.css +0 -32
- package/dist/esm/styles/Stepper.module.css +0 -66
- package/dist/esm/styles/Tabs.module.css +0 -4
- package/dist/esm/theme/PlasmaColors.d.ts +11 -7
- package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/esm/theme/PlasmaColors.js +144 -19
- package/dist/esm/theme/PlasmaColors.js.map +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +44 -114
- package/dist/esm/theme/Theme.js.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js +1 -5
- package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/package.json +19 -19
- package/src/components/alert/Alert.tsx +7 -0
- package/src/components/alert/index.ts +1 -0
- package/src/components/badge/Badge.tsx +10 -0
- package/src/components/badge/index.ts +1 -0
- package/src/components/browser-preview/BrowserPreview.module.css +1 -1
- package/src/components/button/Button.tsx +6 -0
- package/src/components/header/Header.module.css +2 -7
- package/src/components/index.ts +2 -0
- package/src/components/prompt/Prompt.module.css +4 -15
- package/src/components/prompt/Prompt.tsx +1 -1
- package/src/components/prompt/PromptConfirmButton.tsx +4 -4
- package/src/components/sticky-footer/StickyFooter.module.css +3 -3
- package/src/components/table/layouts/__tests__/RowLayout.spec.tsx +26 -0
- package/src/components/table/table-column/TableSelectableColumn.tsx +4 -0
- package/src/components/table/table-date-range-picker/TableDateRangePicker.tsx +2 -0
- package/src/styles/Alert.module.css +1 -26
- package/src/styles/Badge.module.css +0 -2
- package/src/styles/Checkbox.module.css +0 -12
- package/src/styles/Combobox.module.css +3 -2
- package/src/styles/InputWrapper.module.css +0 -9
- package/src/styles/Modal.module.css +0 -62
- package/src/styles/NavLink.module.css +0 -18
- package/src/styles/Radio.module.css +0 -6
- package/src/styles/ReadOnlyInput.module.css +3 -3
- package/src/styles/SegmentedControl.module.css +0 -32
- package/src/styles/Stepper.module.css +0 -66
- package/src/styles/Tabs.module.css +0 -4
- package/src/theme/PlasmaColors.ts +144 -19
- package/src/theme/Theme.tsx +37 -86
- package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +3 -46
- package/src/theme/plasmaCSSVariablesResolver.ts +2 -5
- package/dist/cjs/styles/ActionIcon.module.css +0 -6
- package/dist/cjs/styles/Anchor.module.css +0 -6
- package/dist/cjs/styles/AppShellNavBar.module.css +0 -3
- package/dist/cjs/styles/DatePicker.module.css +0 -3
- package/dist/cjs/styles/Input.module.css +0 -3
- package/dist/cjs/styles/Notification.module.css +0 -20
- package/dist/cjs/styles/Pagination.module.css +0 -30
- package/dist/cjs/styles/Select.module.css +0 -39
- package/dist/cjs/vars/Notification.vars.d.ts +0 -3
- package/dist/cjs/vars/Notification.vars.d.ts.map +0 -1
- package/dist/cjs/vars/Notification.vars.js +0 -44
- package/dist/cjs/vars/Notification.vars.js.map +0 -1
- package/dist/cjs/vars/Text.vars.d.ts +0 -3
- package/dist/cjs/vars/Text.vars.d.ts.map +0 -1
- package/dist/cjs/vars/Text.vars.js +0 -25
- package/dist/cjs/vars/Text.vars.js.map +0 -1
- package/dist/esm/styles/ActionIcon.module.css +0 -6
- package/dist/esm/styles/Anchor.module.css +0 -6
- package/dist/esm/styles/AppShellNavBar.module.css +0 -3
- package/dist/esm/styles/DatePicker.module.css +0 -3
- package/dist/esm/styles/Input.module.css +0 -3
- package/dist/esm/styles/Notification.module.css +0 -20
- package/dist/esm/styles/Pagination.module.css +0 -30
- package/dist/esm/styles/Select.module.css +0 -39
- package/dist/esm/vars/Notification.vars.d.ts +0 -3
- package/dist/esm/vars/Notification.vars.d.ts.map +0 -1
- package/dist/esm/vars/Notification.vars.js +0 -34
- package/dist/esm/vars/Notification.vars.js.map +0 -1
- package/dist/esm/vars/Text.vars.d.ts +0 -3
- package/dist/esm/vars/Text.vars.d.ts.map +0 -1
- package/dist/esm/vars/Text.vars.js +0 -15
- package/dist/esm/vars/Text.vars.js.map +0 -1
- package/src/styles/ActionIcon.module.css +0 -6
- package/src/styles/Anchor.module.css +0 -6
- package/src/styles/AppShellNavBar.module.css +0 -3
- package/src/styles/DatePicker.module.css +0 -3
- package/src/styles/Input.module.css +0 -3
- package/src/styles/Notification.module.css +0 -20
- package/src/styles/Pagination.module.css +0 -30
- package/src/styles/Select.module.css +0 -39
- package/src/vars/Notification.vars.ts +0 -14
- package/src/vars/Text.vars.ts +0 -8
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const AlertTip: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
2
|
+
component?: any;
|
|
3
|
+
renderRoot?: (props: Record<string, any>) => React.ReactNode;
|
|
4
|
+
}>;
|
|
5
|
+
export declare const AlertSuccess: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
6
|
+
component?: any;
|
|
7
|
+
renderRoot?: (props: Record<string, any>) => React.ReactNode;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const AlertWarning: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
10
|
+
component?: any;
|
|
11
|
+
renderRoot?: (props: Record<string, any>) => React.ReactNode;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const AlertCritical: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
14
|
+
component?: any;
|
|
15
|
+
renderRoot?: (props: Record<string, any>) => React.ReactNode;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;iDAIixC,MAAO,SAAS;EAJ3tC,CAAC;AAC5F,eAAO,MAAM,YAAY;;iDAG6wC,MAAO,SAAS;EAH9sC,CAAC;AACzG,eAAO,MAAM,YAAY;;iDAE6wC,MAAO,SAAS;EAFhtC,CAAC;AACvG,eAAO,MAAM,aAAa;;iDAC4wC,MAAO,SAAS;EAD7sC,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
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
|
+
AlertCritical: function() {
|
|
13
|
+
return AlertCritical;
|
|
14
|
+
},
|
|
15
|
+
AlertSuccess: function() {
|
|
16
|
+
return AlertSuccess;
|
|
17
|
+
},
|
|
18
|
+
AlertTip: function() {
|
|
19
|
+
return AlertTip;
|
|
20
|
+
},
|
|
21
|
+
AlertWarning: function() {
|
|
22
|
+
return AlertWarning;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
26
|
+
var _plasmareacticons = require("@coveord/plasma-react-icons");
|
|
27
|
+
var _core = require("@mantine/core");
|
|
28
|
+
var AlertTip = _core.Alert.withProps({
|
|
29
|
+
color: 'gray',
|
|
30
|
+
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.TipSize16Px, {
|
|
31
|
+
height: 16
|
|
32
|
+
})
|
|
33
|
+
});
|
|
34
|
+
var AlertSuccess = _core.Alert.withProps({
|
|
35
|
+
color: 'success',
|
|
36
|
+
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CheckmarkSize16Px, {
|
|
37
|
+
height: 16
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
var AlertWarning = _core.Alert.withProps({
|
|
41
|
+
color: 'warning',
|
|
42
|
+
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.WarningSize16Px, {
|
|
43
|
+
height: 16
|
|
44
|
+
})
|
|
45
|
+
});
|
|
46
|
+
var AlertCritical = _core.Alert.withProps({
|
|
47
|
+
color: 'critical',
|
|
48
|
+
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CriticalSize16Px, {
|
|
49
|
+
height: 16
|
|
50
|
+
})
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import {CheckmarkSize16Px, CriticalSize16Px, TipSize16Px, WarningSize16Px} from '@coveord/plasma-react-icons';\nimport {Alert} from '@mantine/core';\n\nexport const AlertTip = Alert.withProps({color: 'gray', icon: <TipSize16Px height={16} />});\nexport const AlertSuccess = Alert.withProps({color: 'success', icon: <CheckmarkSize16Px height={16} />});\nexport const AlertWarning = Alert.withProps({color: 'warning', icon: <WarningSize16Px height={16} />});\nexport const AlertCritical = Alert.withProps({color: 'critical', icon: <CriticalSize16Px height={16} />});\n"],"names":["AlertCritical","AlertSuccess","AlertTip","AlertWarning","Alert","withProps","color","icon","TipSize16Px","height","CheckmarkSize16Px","WarningSize16Px","CriticalSize16Px"],"mappings":";;;;;;;;;;;IAMaA,aAAa;eAAbA;;IAFAC,YAAY;eAAZA;;IADAC,QAAQ;eAARA;;IAEAC,YAAY;eAAZA;;;;gCALmE;oBAC5D;AAEb,IAAMD,WAAWE,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAQC,oBAAM,qBAACC,6BAAW;QAACC,QAAQ;;AAAM;AAClF,IAAMR,eAAeG,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,qBAACG,mCAAiB;QAACD,QAAQ;;AAAM;AAC/F,IAAMN,eAAeC,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,qBAACI,iCAAe;QAACF,QAAQ;;AAAM;AAC7F,IAAMT,gBAAgBI,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAYC,oBAAM,qBAACK,kCAAgB;QAACH,QAAQ;;AAAM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/alert/index.ts"],"sourcesContent":["export * from './Alert';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const BadgePrimary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
|
|
2
|
+
export declare const BadgeSecondary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
|
|
3
|
+
export declare const BadgeTertiary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
|
|
4
|
+
export declare const BadgeInfo: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
|
|
5
|
+
export declare const BadgeRecommended: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
|
|
6
|
+
export declare const BadgeCritical: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
|
|
7
|
+
export declare const BadgeWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
|
|
8
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,kHAOqD,MAC5E,YAAY,AARiD,CAAC;AAChE,eAAO,MAAM,cAAc,kHAMmD,MAC5E,YAAY,AAPqD,CAAC;AACpE,eAAO,MAAM,aAAa,kHAKoD,MAC5E,YAAY,AANoD,CAAC;AAEnE,eAAO,MAAM,SAAS,kHAGwD,MAC5E,YAAY,AAJ8C,CAAC;AAC7D,eAAO,MAAM,gBAAgB,kHAEiD,MAC5E,YAAY,AAHuE,CAAC;AACtF,eAAO,MAAM,aAAa,kHACoD,MAC5E,YAAY,AAFqE,CAAC;AACpF,eAAO,MAAM,YAAY,kHAAqD,MAC5E,YAAY,AADmE,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
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
|
+
BadgeCritical: function() {
|
|
13
|
+
return BadgeCritical;
|
|
14
|
+
},
|
|
15
|
+
BadgeInfo: function() {
|
|
16
|
+
return BadgeInfo;
|
|
17
|
+
},
|
|
18
|
+
BadgePrimary: function() {
|
|
19
|
+
return BadgePrimary;
|
|
20
|
+
},
|
|
21
|
+
BadgeRecommended: function() {
|
|
22
|
+
return BadgeRecommended;
|
|
23
|
+
},
|
|
24
|
+
BadgeSecondary: function() {
|
|
25
|
+
return BadgeSecondary;
|
|
26
|
+
},
|
|
27
|
+
BadgeTertiary: function() {
|
|
28
|
+
return BadgeTertiary;
|
|
29
|
+
},
|
|
30
|
+
BadgeWarning: function() {
|
|
31
|
+
return BadgeWarning;
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
var _core = require("@mantine/core");
|
|
35
|
+
var BadgePrimary = _core.Badge.withProps({
|
|
36
|
+
variant: 'light'
|
|
37
|
+
});
|
|
38
|
+
var BadgeSecondary = _core.Badge.withProps({
|
|
39
|
+
variant: 'outline'
|
|
40
|
+
});
|
|
41
|
+
var BadgeTertiary = _core.Badge.withProps({
|
|
42
|
+
variant: 'default'
|
|
43
|
+
});
|
|
44
|
+
var BadgeInfo = _core.Badge.withProps({
|
|
45
|
+
variant: 'light'
|
|
46
|
+
});
|
|
47
|
+
var BadgeRecommended = _core.Badge.withProps({
|
|
48
|
+
variant: 'light',
|
|
49
|
+
color: 'success'
|
|
50
|
+
});
|
|
51
|
+
var BadgeCritical = _core.Badge.withProps({
|
|
52
|
+
variant: 'light',
|
|
53
|
+
color: 'critical'
|
|
54
|
+
});
|
|
55
|
+
var BadgeWarning = _core.Badge.withProps({
|
|
56
|
+
variant: 'light',
|
|
57
|
+
color: 'warning'
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {Badge} from '@mantine/core';\n\nexport const BadgePrimary = Badge.withProps({variant: 'light'});\nexport const BadgeSecondary = Badge.withProps({variant: 'outline'});\nexport const BadgeTertiary = Badge.withProps({variant: 'default'});\n\nexport const BadgeInfo = Badge.withProps({variant: 'light'});\nexport const BadgeRecommended = Badge.withProps({variant: 'light', color: 'success'});\nexport const BadgeCritical = Badge.withProps({variant: 'light', color: 'critical'});\nexport const BadgeWarning = Badge.withProps({variant: 'light', color: 'warning'});\n"],"names":["BadgeCritical","BadgeInfo","BadgePrimary","BadgeRecommended","BadgeSecondary","BadgeTertiary","BadgeWarning","Badge","withProps","variant","color"],"mappings":";;;;;;;;;;;IAQaA,aAAa;eAAbA;;IAFAC,SAAS;eAATA;;IAJAC,YAAY;eAAZA;;IAKAC,gBAAgB;eAAhBA;;IAJAC,cAAc;eAAdA;;IACAC,aAAa;eAAbA;;IAKAC,YAAY;eAAZA;;;oBATO;AAEb,IAAMJ,eAAeK,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAO;AACtD,IAAML,iBAAiBG,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAS;AAC1D,IAAMJ,gBAAgBE,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAS;AAEzD,IAAMR,YAAYM,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAO;AACnD,IAAMN,mBAAmBI,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAS;AAC5E,IAAMV,gBAAgBO,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAU;AAC1E,IAAMJ,eAAeC,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAS"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/badge/index.ts"],"sourcesContent":["export * from './Badge';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -45,4 +45,9 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
|
|
|
45
45
|
}> & {
|
|
46
46
|
Group: typeof ButtonGroup;
|
|
47
47
|
};
|
|
48
|
+
export declare const ButtonPrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
49
|
+
export declare const ButtonSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
50
|
+
export declare const ButtonTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
51
|
+
export declare const ButtonDestructive: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
52
|
+
export declare const ButtonDestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
48
53
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -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;;;;;;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"}
|
|
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;AAGF,eAAO,MAAM,aAAa,8FA5CF,MAAM,YA4CoC,CAAC;AACnE,eAAO,MAAM,eAAe,8FA7CJ,MAAM,YA6CqC,CAAC;AACpE,eAAO,MAAM,cAAc,8FA9CH,MAAM,YA8CqC,CAAC;AACpE,eAAO,MAAM,iBAAiB,8FA/CN,MAAM,YA+C6E,CAAC;AAC5G,eAAO,MAAM,0BAA0B,8FAhDf,MAAM,YAgDqF,CAAC"}
|
|
@@ -2,10 +2,30 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
+
Button: function() {
|
|
8
13
|
return Button;
|
|
14
|
+
},
|
|
15
|
+
ButtonDestructive: function() {
|
|
16
|
+
return ButtonDestructive;
|
|
17
|
+
},
|
|
18
|
+
ButtonDestructiveSecondary: function() {
|
|
19
|
+
return ButtonDestructiveSecondary;
|
|
20
|
+
},
|
|
21
|
+
ButtonPrimary: function() {
|
|
22
|
+
return ButtonPrimary;
|
|
23
|
+
},
|
|
24
|
+
ButtonSecondary: function() {
|
|
25
|
+
return ButtonSecondary;
|
|
26
|
+
},
|
|
27
|
+
ButtonTertiary: function() {
|
|
28
|
+
return ButtonTertiary;
|
|
9
29
|
}
|
|
10
30
|
});
|
|
11
31
|
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
@@ -44,5 +64,22 @@ var Button = (0, _core.polymorphicFactory)(function(_param, ref) {
|
|
|
44
64
|
});
|
|
45
65
|
});
|
|
46
66
|
Button.Group = _core.Button.Group;
|
|
67
|
+
var ButtonPrimary = Button.withProps({
|
|
68
|
+
variant: 'filled'
|
|
69
|
+
});
|
|
70
|
+
var ButtonSecondary = Button.withProps({
|
|
71
|
+
variant: 'light'
|
|
72
|
+
});
|
|
73
|
+
var ButtonTertiary = Button.withProps({
|
|
74
|
+
variant: 'subtle'
|
|
75
|
+
});
|
|
76
|
+
var ButtonDestructive = Button.withProps({
|
|
77
|
+
variant: 'filled',
|
|
78
|
+
color: 'var(--mantine-color-error)'
|
|
79
|
+
});
|
|
80
|
+
var ButtonDestructiveSecondary = Button.withProps({
|
|
81
|
+
variant: 'light',
|
|
82
|
+
color: 'var(--mantine-color-error)'
|
|
83
|
+
});
|
|
47
84
|
|
|
48
85
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n Button as MantineButton,\n ButtonCssVariables,\n type ButtonGroup,\n ButtonProps as MantineButtonProps,\n ButtonStylesNames,\n ButtonVariant,\n Factory,\n polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n (\n {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n ref,\n ) => {\n const {isLoading, handleClick} = useClickWithLoading(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled || dataDisabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n disabled={disabled || dataDisabled}\n data-loading={isLoading || loading || undefined}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\nButton.Group = MantineButton.Group;\n"],"names":["Button","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","Group"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n Button as MantineButton,\n ButtonCssVariables,\n type ButtonGroup,\n ButtonProps as MantineButtonProps,\n ButtonStylesNames,\n ButtonVariant,\n Factory,\n polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n (\n {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n ref,\n ) => {\n const {isLoading, handleClick} = useClickWithLoading(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled || dataDisabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n disabled={disabled || dataDisabled}\n data-loading={isLoading || loading || undefined}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\nButton.Group = MantineButton.Group;\n\nexport const ButtonPrimary = Button.withProps({variant: 'filled'});\nexport const ButtonSecondary = Button.withProps({variant: 'light'});\nexport const ButtonTertiary = Button.withProps({variant: 'subtle'});\nexport const ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nexport const ButtonDestructiveSecondary = Button.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\n"],"names":["Button","ButtonDestructive","ButtonDestructiveSecondary","ButtonPrimary","ButtonSecondary","ButtonTertiary","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","Group","withProps","color"],"mappings":";;;;;;;;;;;IA+BaA,MAAM;eAANA;;IA+BAC,iBAAiB;eAAjBA;;IACAC,0BAA0B;eAA1BA;;IAJAC,aAAa;eAAbA;;IACAC,eAAe;eAAfA;;IACAC,cAAc;eAAdA;;;;;;oBApDN;mCAE2B;yCACsC;AAmBjE,IAAML,SAASM,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJd,OAAO2B,KAAK,GAAGP,YAAa,CAACO,KAAK;AAE3B,IAAMxB,gBAAgBH,OAAO4B,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,IAAMlB,kBAAkBJ,OAAO4B,SAAS,CAAC;IAACN,SAAS;AAAO;AAC1D,IAAMjB,iBAAiBL,OAAO4B,SAAS,CAAC;IAACN,SAAS;AAAQ;AAC1D,IAAMrB,oBAAoBD,OAAO4B,SAAS,CAAC;IAACN,SAAS;IAAUO,OAAO;AAA4B;AAClG,IAAM3B,6BAA6BF,OAAO4B,SAAS,CAAC;IAACN,SAAS;IAASO,OAAO;AAA4B"}
|
|
@@ -5,18 +5,13 @@
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
& .description {
|
|
8
|
-
color: var(--mantine-color-
|
|
8
|
+
color: var(--mantine-color-dimmed);
|
|
9
9
|
font-weight: 300;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.title {
|
|
14
14
|
word-break: break-word;
|
|
15
|
-
|
|
16
|
-
&[data-variant='primary'] {
|
|
17
|
-
color: var(--mantine-color-gray-5);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
15
|
line-height: var(--mantine-line-height-md);
|
|
21
16
|
}
|
|
22
17
|
|
|
@@ -31,5 +26,5 @@
|
|
|
31
26
|
}
|
|
32
27
|
|
|
33
28
|
.breadcrumbsSeparator {
|
|
34
|
-
color: var(--mantine-color-
|
|
29
|
+
color: var(--mantine-color-dimmed);
|
|
35
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
6
|
_export_star._(require("./action-icon"), exports);
|
|
7
|
+
_export_star._(require("./alert"), exports);
|
|
8
|
+
_export_star._(require("./badge"), exports);
|
|
7
9
|
_export_star._(require("./blank-slate"), exports);
|
|
8
10
|
_export_star._(require("./browser-preview"), exports);
|
|
9
11
|
_export_star._(require("./button"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -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;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FAD+B,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}
|
|
@@ -87,7 +87,7 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
|
|
|
87
87
|
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Root, _object_spread_props._(_object_spread._({
|
|
88
88
|
ref: ref,
|
|
89
89
|
variant: "prompt",
|
|
90
|
-
size: "
|
|
90
|
+
size: "lg"
|
|
91
91
|
}, others, getStyles('root')), {
|
|
92
92
|
children: [
|
|
93
93
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Overlay, _object_spread._({}, getStyles('overlay', stylesApiProps))),
|
|
@@ -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 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=\"
|
|
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=\"lg\" {...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,14 +1,9 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
--prompt-icon-size:
|
|
3
|
-
|
|
4
|
-
.header {
|
|
5
|
-
border-bottom: none;
|
|
6
|
-
align-items: center;
|
|
7
|
-
}
|
|
2
|
+
--prompt-icon-size: 68px;
|
|
8
3
|
|
|
9
4
|
.body {
|
|
10
5
|
padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
|
|
11
|
-
calc(var(--prompt-icon-size) + (
|
|
6
|
+
calc(var(--prompt-icon-size) + var(--mantine-spacing-md) + var(--mantine-spacing-lg));
|
|
12
7
|
}
|
|
13
8
|
}
|
|
14
9
|
|
|
@@ -18,18 +13,12 @@
|
|
|
18
13
|
}
|
|
19
14
|
|
|
20
15
|
.header {
|
|
21
|
-
gap: var(--mantine-spacing-
|
|
16
|
+
gap: var(--mantine-spacing-md);
|
|
22
17
|
width: 100%;
|
|
23
|
-
font-size: var(--mantine-h3-font-size);
|
|
24
|
-
line-height: var(--mantine-h3-line-height);
|
|
25
18
|
overflow-wrap: anywhere;
|
|
26
19
|
padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
|
|
27
20
|
}
|
|
28
21
|
|
|
29
|
-
.close {
|
|
30
|
-
align-self: flex-start;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
22
|
.inner {
|
|
34
|
-
color: var(--mantine-color-
|
|
23
|
+
color: var(--mantine-color-dimmed);
|
|
35
24
|
}
|
|
@@ -15,10 +15,10 @@ var _core = require("@mantine/core");
|
|
|
15
15
|
var _Button = require("../button/Button");
|
|
16
16
|
var _Promptcontext = require("./Prompt.context");
|
|
17
17
|
var COLOR_BY_VARIANT = {
|
|
18
|
-
success: '
|
|
19
|
-
info: '
|
|
20
|
-
warning: '
|
|
21
|
-
critical: '
|
|
18
|
+
success: 'var(--mantine-primary-color-filled)',
|
|
19
|
+
info: 'var(--mantine-primary-color-filled)',
|
|
20
|
+
warning: 'var(--mantine-color-error)',
|
|
21
|
+
critical: 'var(--mantine-color-error)'
|
|
22
22
|
};
|
|
23
23
|
var defaultProps = {};
|
|
24
24
|
var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
|
|
@@ -1 +1 @@
|
|
|
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: '
|
|
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: 'var(--mantine-primary-color-filled)',\n info: 'var(--mantine-primary-color-filled)',\n warning: 'var(--mantine-color-error)',\n critical: 'var(--mantine-color-error)',\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"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
position: sticky;
|
|
3
3
|
bottom: 0;
|
|
4
4
|
z-index: 10;
|
|
5
|
-
background-color:
|
|
5
|
+
background-color: var(--mantine-color-body);
|
|
6
6
|
padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
|
|
7
7
|
|
|
8
8
|
&[data-variant='modal-footer'] {
|
|
9
|
-
border-top: 1px solid var(--mantine-color-
|
|
9
|
+
border-top: 1px solid var(--mantine-color-default-border);
|
|
10
10
|
padding-bottom: 0;
|
|
11
11
|
margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
|
|
12
12
|
calc(-1 * var(--mb-padding));
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.border {
|
|
17
|
-
border-top: 1px solid var(--mantine-color-
|
|
17
|
+
border-top: 1px solid var(--mantine-color-default-border);
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSelectableColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"TableSelectableColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,OAAO,CAkCpD,CAAC"}
|
|
@@ -38,7 +38,11 @@ var TableSelectableColumn = {
|
|
|
38
38
|
indeterminate: row.getIsSomeSelected(),
|
|
39
39
|
onChange: row.getToggleSelectedHandler(),
|
|
40
40
|
flex: 1,
|
|
41
|
-
"aria-label": "Select row"
|
|
41
|
+
"aria-label": "Select row",
|
|
42
|
+
onDoubleClick: function(event) {
|
|
43
|
+
event.preventDefault();
|
|
44
|
+
event.stopPropagation();
|
|
45
|
+
}
|
|
42
46
|
});
|
|
43
47
|
}
|
|
44
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"sourcesContent":["import {Checkbox, Tooltip} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\n\n/**\n * Generic column to use when your table needs multi selection of rows\n */\nexport const TableSelectableColumn: ColumnDef<unknown> = {\n id: 'select',\n enableSorting: false,\n enableHiding: false,\n meta: {\n controlColumn: true,\n },\n header: ({table}) => {\n const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';\n return (\n <Tooltip label={label}>\n <Checkbox\n checked={table.getIsAllPageRowsSelected()}\n indeterminate={table.getIsSomePageRowsSelected()}\n onChange={table.getToggleAllPageRowsSelectedHandler()}\n flex={1}\n aria-label={label}\n />\n </Tooltip>\n );\n },\n cell: ({row}) => (\n <Checkbox\n checked={row.getIsSelected()}\n indeterminate={row.getIsSomeSelected()}\n onChange={row.getToggleSelectedHandler()}\n flex={1}\n aria-label=\"Select row\"\n />\n ),\n};\n"],"names":["TableSelectableColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","label","getIsAllRowsSelected","Tooltip","Checkbox","checked","getIsAllPageRowsSelected","indeterminate","getIsSomePageRowsSelected","onChange","getToggleAllPageRowsSelectedHandler","flex","aria-label","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler"],"mappings":";;;;+BAMaA;;;eAAAA;;;;oBANmB;AAMzB,IAAMA,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;YAAEC,cAAAA;QACN,IAAMC,QAAQD,MAAME,oBAAoB,KAAK,gCAAgC;QAC7E,qBACI,qBAACC,aAAO;YAACF,OAAOA;sBACZ,cAAA,qBAACG,cAAQ;gBACLC,SAASL,MAAMM,wBAAwB;gBACvCC,eAAeP,MAAMQ,yBAAyB;gBAC9CC,UAAUT,MAAMU,mCAAmC;gBACnDC,MAAM;gBACNC,cAAYX;;;IAI5B;IACAY,MAAM;YAAEC,YAAAA;6BACJ,qBAACV,cAAQ;YACLC,SAASS,IAAIC,aAAa;YAC1BR,eAAeO,IAAIE,iBAAiB;YACpCP,UAAUK,IAAIG,wBAAwB;YACtCN,MAAM;YACNC,cAAW;;;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"sourcesContent":["import {Checkbox, Tooltip} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\n\n/**\n * Generic column to use when your table needs multi selection of rows\n */\nexport const TableSelectableColumn: ColumnDef<unknown> = {\n id: 'select',\n enableSorting: false,\n enableHiding: false,\n meta: {\n controlColumn: true,\n },\n header: ({table}) => {\n const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';\n return (\n <Tooltip label={label}>\n <Checkbox\n checked={table.getIsAllPageRowsSelected()}\n indeterminate={table.getIsSomePageRowsSelected()}\n onChange={table.getToggleAllPageRowsSelectedHandler()}\n flex={1}\n aria-label={label}\n />\n </Tooltip>\n );\n },\n cell: ({row}) => (\n <Checkbox\n checked={row.getIsSelected()}\n indeterminate={row.getIsSomeSelected()}\n onChange={row.getToggleSelectedHandler()}\n flex={1}\n aria-label=\"Select row\"\n onDoubleClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n }}\n />\n ),\n};\n"],"names":["TableSelectableColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","label","getIsAllRowsSelected","Tooltip","Checkbox","checked","getIsAllPageRowsSelected","indeterminate","getIsSomePageRowsSelected","onChange","getToggleAllPageRowsSelectedHandler","flex","aria-label","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","onDoubleClick","event","preventDefault","stopPropagation"],"mappings":";;;;+BAMaA;;;eAAAA;;;;oBANmB;AAMzB,IAAMA,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;YAAEC,cAAAA;QACN,IAAMC,QAAQD,MAAME,oBAAoB,KAAK,gCAAgC;QAC7E,qBACI,qBAACC,aAAO;YAACF,OAAOA;sBACZ,cAAA,qBAACG,cAAQ;gBACLC,SAASL,MAAMM,wBAAwB;gBACvCC,eAAeP,MAAMQ,yBAAyB;gBAC9CC,UAAUT,MAAMU,mCAAmC;gBACnDC,MAAM;gBACNC,cAAYX;;;IAI5B;IACAY,MAAM;YAAEC,YAAAA;6BACJ,qBAACV,cAAQ;YACLC,SAASS,IAAIC,aAAa;YAC1BR,eAAeO,IAAIE,iBAAiB;YACpCP,UAAUK,IAAIG,wBAAwB;YACtCN,MAAM;YACNC,cAAW;YACXM,eAAe,SAACC;gBACZA,MAAMC,cAAc;gBACpBD,MAAME,eAAe;YACzB;;;AAGZ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAIrH,OAAO,EAEH,kCAAkC,EAClC,qBAAqB,EAExB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;
|
|
1
|
+
{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAIrH,OAAO,EAEH,kCAAkC,EAClC,qBAAqB,EAExB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EA+DhB,CAAC"}
|
|
@@ -39,6 +39,10 @@ var TableDateRangePicker = (0, _core.factory)(function(props, ref) {
|
|
|
39
39
|
var _useState = _sliced_to_array._((0, _react.useState)(false), 2), opened = _useState[0], setOpened = _useState[1];
|
|
40
40
|
var onApply = function(dates) {
|
|
41
41
|
store.setDateRange(dates);
|
|
42
|
+
store.setPagination({
|
|
43
|
+
pageIndex: 0,
|
|
44
|
+
pageSize: store.state.pagination.pageSize
|
|
45
|
+
});
|
|
42
46
|
setOpened(false);
|
|
43
47
|
};
|
|
44
48
|
var onCancel = function() {
|