@coveord/plasma-mantine 47.7.0 → 47.9.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 +9 -8
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js +6 -6
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +100 -0
- package/dist/cjs/components/prompt/Prompt.js.map +1 -0
- package/dist/cjs/components/prompt/PromptFooter.js +25 -0
- package/dist/cjs/components/prompt/PromptFooter.js.map +1 -0
- package/dist/cjs/components/prompt/index.js +8 -0
- package/dist/cjs/components/prompt/index.js.map +1 -0
- package/dist/cjs/components/sticky-footer/StickyFooter.js.map +1 -1
- package/dist/cjs/components/table/TableDateRangePicker.js +1 -13
- package/dist/cjs/components/table/TableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/table/Th.js +10 -1
- package/dist/cjs/components/table/Th.js.map +1 -1
- package/dist/definitions/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
- package/dist/definitions/components/index.d.ts +1 -0
- package/dist/definitions/components/index.d.ts.map +1 -1
- package/dist/definitions/components/prompt/Prompt.d.ts +14 -0
- package/dist/definitions/components/prompt/Prompt.d.ts.map +1 -0
- package/dist/definitions/components/prompt/PromptFooter.d.ts +6 -0
- package/dist/definitions/components/prompt/PromptFooter.d.ts.map +1 -0
- package/dist/definitions/components/prompt/index.d.ts +2 -0
- package/dist/definitions/components/prompt/index.d.ts.map +1 -0
- package/dist/definitions/components/sticky-footer/StickyFooter.d.ts +1 -2
- package/dist/definitions/components/sticky-footer/StickyFooter.d.ts.map +1 -1
- package/dist/definitions/components/table/TableDateRangePicker.d.ts.map +1 -1
- package/dist/definitions/components/table/Th.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/EditableDateRangePicker.js +5 -6
- package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +90 -0
- package/dist/esm/components/prompt/Prompt.js.map +1 -0
- package/dist/esm/components/prompt/PromptFooter.js +15 -0
- package/dist/esm/components/prompt/PromptFooter.js.map +1 -0
- package/dist/esm/components/prompt/index.js +3 -0
- package/dist/esm/components/prompt/index.js.map +1 -0
- package/dist/esm/components/sticky-footer/StickyFooter.js.map +1 -1
- package/dist/esm/components/table/TableDateRangePicker.js +1 -13
- package/dist/esm/components/table/TableDateRangePicker.js.map +1 -1
- package/dist/esm/components/table/Th.js +10 -1
- package/dist/esm/components/table/Th.js.map +1 -1
- package/package.json +1 -1
- package/src/components/date-range-picker/EditableDateRangePicker.tsx +5 -4
- package/src/components/date-range-picker/__tests__/DateRangePickerInlineCalendar.spec.tsx +5 -1
- package/src/components/date-range-picker/__tests__/DateRangePickerPopoverCalendar.spec.tsx +1 -1
- package/src/components/date-range-picker/__tests__/EditableDateRangePicker.spec.tsx +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/prompt/Prompt.tsx +66 -0
- package/src/components/prompt/PromptFooter.tsx +8 -0
- package/src/components/prompt/__tests__/Prompt.spec.tsx +29 -0
- package/src/components/prompt/index.ts +1 -0
- package/src/components/sticky-footer/StickyFooter.tsx +1 -1
- package/src/components/table/TableDateRangePicker.tsx +1 -7
- package/src/components/table/Th.tsx +9 -0
|
@@ -8,24 +8,24 @@ Object.defineProperty(exports, "EditableDateRangePicker", {
|
|
|
8
8
|
return EditableDateRangePicker;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
+
var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
11
12
|
var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
|
|
12
13
|
var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
var _dates = require("@mantine/dates");
|
|
16
|
+
var _dayjs = /*#__PURE__*/ _interopRequireDefault(require("dayjs"));
|
|
15
17
|
var EditableDateRangePicker = function(param) {
|
|
16
18
|
var value = param.value, onChange = param.onChange, onFocus = param.onFocus, _separator = param.separator, separator = _separator === void 0 ? "to" : _separator, _startProps = param.startProps, startProps = _startProps === void 0 ? {} : _startProps, _endProps = param.endProps, endProps = _endProps === void 0 ? {} : _endProps;
|
|
17
19
|
var onChangeStart = function(date) {
|
|
18
|
-
var ref;
|
|
19
20
|
onChange === null || onChange === void 0 ? void 0 : onChange([
|
|
20
|
-
date,
|
|
21
|
-
|
|
21
|
+
(0, _dayjs.default)(date).startOf("day").toDate(),
|
|
22
|
+
value === null || value === void 0 ? void 0 : value[1]
|
|
22
23
|
]);
|
|
23
24
|
};
|
|
24
25
|
var onChangeEnd = function(date) {
|
|
25
|
-
var ref;
|
|
26
26
|
onChange === null || onChange === void 0 ? void 0 : onChange([
|
|
27
|
-
|
|
28
|
-
date
|
|
27
|
+
value === null || value === void 0 ? void 0 : value[0],
|
|
28
|
+
(0, _dayjs.default)(date).endOf("day").toDate()
|
|
29
29
|
]);
|
|
30
30
|
};
|
|
31
31
|
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n separator?: ReactNode;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n separator = 'to',\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n separator?: ReactNode;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n separator = 'to',\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date) => {\n onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n };\n const onChangeEnd = (date: Date) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\n };\n\n return (\n <>\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"Start\"\n {...startProps}\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n styles={{...startProps.styles, dropdown: {display: 'none'}}}\n />\n {separator}\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"End\"\n {...endProps}\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n styles={{...endProps.styles, dropdown: {display: 'none'}}}\n />\n </>\n );\n};\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","dayjs","startOf","toDate","onChangeEnd","endOf","DatePicker","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;;+BAmBaA,yBAAuB;;;eAAvBA,uBAAuB;;;;;;;qBAnB4B,gBAAgB;0DAC9D,OAAO;AAkBlB,IAAMA,uBAAuB,GAAG,gBAOH;QANhCC,KAAK,SAALA,KAAK,EACLC,QAAQ,SAARA,QAAQ,EACRC,OAAO,SAAPA,OAAO,qBACPC,SAAS,EAATA,SAAS,2BAAG,IAAI,aAAA,sBAChBC,UAAU,EAAVA,UAAU,4BAAG,EAAE,cAAA,oBACfC,QAAQ,EAARA,QAAQ,0BAAG,EAAE,YAAA;IAEb,IAAMC,aAAa,GAAG,SAACC,IAAU,EAAK;QAClCN,QAAQ,aAARA,QAAQ,WAAqD,GAA7DA,KAAAA,CAA6D,GAA7DA,QAAQ,CAAG;YAACO,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACE,OAAO,CAAC,KAAK,CAAC,CAACC,MAAM,EAAE;YAAEV,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;SAAC,CAAC,CAAC;IAClE,CAAC,AAAC;IACF,IAAMW,WAAW,GAAG,SAACJ,IAAU,EAAK;QAChCN,QAAQ,aAARA,QAAQ,WAAmD,GAA3DA,KAAAA,CAA2D,GAA3DA,QAAQ,CAAG;YAACD,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;YAAEQ,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACK,KAAK,CAAC,KAAK,CAAC,CAACF,MAAM,EAAE;SAAC,CAAC,CAAC;IAChE,CAAC,AAAC;IAEF,qBACI;;0BACI,qBAACG,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTZ,UAAU;gBACdJ,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEK,aAAa;gBACvBJ,OAAO,EAAEA,OAAO;gBAChBe,MAAM,EAAE,qCAAIb,UAAU,CAACa,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDhB,SAAS;0BACV,qBAACU,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPX,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEU,WAAW;gBACrBT,OAAO,EAAEA,OAAO;gBAChBe,MAAM,EAAE,qCAAIZ,QAAQ,CAACY,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC3D;;MACH,CACL;AACN,CAAC,AAAC"}
|
|
@@ -11,6 +11,7 @@ _exportStar(require("./sticky-footer"), exports);
|
|
|
11
11
|
_exportStar(require("./header"), exports);
|
|
12
12
|
_exportStar(require("./inline-confirm"), exports);
|
|
13
13
|
_exportStar(require("./table"), exports);
|
|
14
|
+
_exportStar(require("./prompt"), exports);
|
|
14
15
|
_exportStar(require("./modal-wizard"), exports);
|
|
15
16
|
|
|
16
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,qBAAqB;oBACrB,iBAAiB;oBACjB,UAAU;oBACV,kBAAkB;oBAClB,SAAS;oBACT,gBAAgB"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,qBAAqB;oBACrB,iBAAiB;oBACjB,UAAU;oBACV,kBAAkB;oBAClB,SAAS;oBACT,UAAU;oBACV,gBAAgB"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Prompt", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Prompt;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
|
|
12
|
+
var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
|
|
13
|
+
var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
var _core = require("@mantine/core");
|
|
16
|
+
var _react = require("react");
|
|
17
|
+
var _promptFooter = require("./PromptFooter");
|
|
18
|
+
var useStyles = (0, _core.createStyles)(function(theme) {
|
|
19
|
+
var white = "#fff";
|
|
20
|
+
return {
|
|
21
|
+
body: {
|
|
22
|
+
padding: 0
|
|
23
|
+
},
|
|
24
|
+
modalType: {
|
|
25
|
+
overflow: "hidden",
|
|
26
|
+
width: 550
|
|
27
|
+
},
|
|
28
|
+
innerBody: {
|
|
29
|
+
padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px ").concat(theme.spacing.lg, "px")
|
|
30
|
+
},
|
|
31
|
+
header: {
|
|
32
|
+
padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px"),
|
|
33
|
+
width: "100%",
|
|
34
|
+
borderBottom: "1px solid ".concat(theme.colors.gray[3]),
|
|
35
|
+
fontSize: theme.headings.sizes.h4.fontSize,
|
|
36
|
+
lineHeight: theme.headings.sizes.h4.fontSize
|
|
37
|
+
},
|
|
38
|
+
default: {},
|
|
39
|
+
success: {
|
|
40
|
+
backgroundColor: theme.colors.lime[6],
|
|
41
|
+
color: white
|
|
42
|
+
},
|
|
43
|
+
warning: {
|
|
44
|
+
backgroundColor: theme.colors.yellow[5],
|
|
45
|
+
color: white
|
|
46
|
+
},
|
|
47
|
+
critical: {
|
|
48
|
+
backgroundColor: theme.colors.red[6],
|
|
49
|
+
color: white
|
|
50
|
+
},
|
|
51
|
+
info: {
|
|
52
|
+
backgroundColor: theme.colors.navy[5],
|
|
53
|
+
color: white
|
|
54
|
+
},
|
|
55
|
+
whiteClose: {
|
|
56
|
+
color: white,
|
|
57
|
+
"&:hover": {
|
|
58
|
+
backgroundColor: "transparent"
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
});
|
|
63
|
+
var Prompt = function(_param) {
|
|
64
|
+
var children = _param.children, variant = _param.variant, size = _param.size, otherProps = _objectWithoutProperties(_param, [
|
|
65
|
+
"children",
|
|
66
|
+
"variant",
|
|
67
|
+
"size"
|
|
68
|
+
]);
|
|
69
|
+
var ref = useStyles(), classes = ref.classes, cx = ref.cx;
|
|
70
|
+
var defaultVariant = variant === "default";
|
|
71
|
+
var convertedChildren = _react.Children.toArray(children);
|
|
72
|
+
var otherChildren = convertedChildren.filter(function(child) {
|
|
73
|
+
return child.type !== _promptFooter.PromptFooter;
|
|
74
|
+
});
|
|
75
|
+
var footer = convertedChildren.find(function(child) {
|
|
76
|
+
return child.type === _promptFooter.PromptFooter;
|
|
77
|
+
});
|
|
78
|
+
var classNames = {
|
|
79
|
+
header: cx(classes.header, classes[variant]),
|
|
80
|
+
close: !defaultVariant && classes.whiteClose,
|
|
81
|
+
body: classes.body,
|
|
82
|
+
modal: !defaultVariant && classes.modalType
|
|
83
|
+
};
|
|
84
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Modal, _objectSpreadProps(_objectSpread({
|
|
85
|
+
padding: 0,
|
|
86
|
+
classNames: classNames,
|
|
87
|
+
size: defaultVariant ? size : "sm"
|
|
88
|
+
}, otherProps), {
|
|
89
|
+
children: [
|
|
90
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
|
|
91
|
+
className: classes.innerBody,
|
|
92
|
+
children: otherChildren
|
|
93
|
+
}),
|
|
94
|
+
footer
|
|
95
|
+
]
|
|
96
|
+
}));
|
|
97
|
+
};
|
|
98
|
+
Prompt.Footer = _promptFooter.PromptFooter;
|
|
99
|
+
|
|
100
|
+
//# sourceMappingURL=Prompt.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => {\n const white = '#fff';\n return {\n body: {\n padding: 0,\n },\n modalType: {overflow: 'hidden', width: 550},\n innerBody: {\n padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,\n },\n header: {\n padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n width: '100%',\n borderBottom: `1px solid ${theme.colors.gray[3]}`,\n fontSize: theme.headings.sizes.h4.fontSize,\n lineHeight: theme.headings.sizes.h4.fontSize,\n },\n default: {},\n success: {backgroundColor: theme.colors.lime[6], color: white},\n warning: {backgroundColor: theme.colors.yellow[5], color: white},\n critical: {\n backgroundColor: theme.colors.red[6],\n color: white,\n },\n info: {backgroundColor: theme.colors.navy[5], color: white},\n whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},\n };\n});\n\nexport interface PromptProps extends ModalProps {\n variant: 'default' | 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {\n const {classes, cx} = useStyles();\n const defaultVariant = variant === 'default';\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n header: cx(classes.header, classes[variant]),\n close: !defaultVariant && classes.whiteClose,\n body: classes.body,\n modal: !defaultVariant && classes.modalType,\n };\n\n return (\n <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>\n <div className={classes.innerBody}>{otherChildren}</div>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","useStyles","createStyles","theme","white","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h4","lineHeight","default","success","backgroundColor","lime","color","warning","yellow","critical","red","info","navy","whiteClose","children","variant","size","otherProps","classes","cx","defaultVariant","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","classNames","close","modal","Modal","div","className","Footer"],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "PromptFooter", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return PromptFooter;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
|
|
12
|
+
var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
|
|
13
|
+
var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
var _stickyFooter = require("../sticky-footer");
|
|
16
|
+
var PromptFooter = function(_param) /*#__PURE__*/ {
|
|
17
|
+
var children = _param.children, otherProps = _objectWithoutProperties(_param, [
|
|
18
|
+
"children"
|
|
19
|
+
]);
|
|
20
|
+
return (0, _jsxRuntime.jsx)(_stickyFooter.StickyFooter, _objectSpreadProps(_objectSpread({}, otherProps), {
|
|
21
|
+
children: children
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=PromptFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PromptFooterProps> = ({children, ...otherProps}) => (\n <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":"AAAA;;;;+BAKaA,cAAY;;;eAAZA,YAAY;;;;;;;4BAJqB,kBAAkB;AAIzD,IAAMA,YAAY,GAAyC,+BAC9D;QADgEC,QAAQ,UAARA,QAAQ,EAAKC,UAAU;QAAvBD,UAAQ;;WACxE,qBAACE,aAAY,aAAA,uCAAKD,UAAU;kBAAGD,QAAQ;OAAgB;AAAD,CACzD,AAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps {\n /**\n * Whether a border is render on top of the footer\n */\n borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n footer: {\n position: 'sticky',\n bottom: 0,\n zIndex: 1,\n maxHeight: '80px',\n },\n}));\n\nexport const StickyFooter: FunctionComponent<StickyFooterProps> = ({borderTop, children, ...others}) => {\n const {classes} = useStyles();\n\n return (\n <Paper className={classes.footer}>\n {borderTop ? <Divider size=\"xs\" /> : null}\n <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n {children}\n </Group>\n </Paper>\n );\n};\n"],"names":["StickyFooter","useStyles","createStyles","footer","position","bottom","zIndex","maxHeight","borderTop","children","others","classes","Paper","className","Divider","size","Group","spacing","py","px"],"mappings":"AAAA;;;;+BAmBaA,cAAY;;;eAAZA,YAAY;;;;;;;oBAnBuC,eAAe;AAU/E,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC;WAAO;QAClCC,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEG,IAAMP,YAAY,GAAyC,iBAAsC;QAApCQ,SAAS,UAATA,SAAS,EAAEC,QAAQ,UAARA,QAAQ,EAAKC,MAAM;QAA9BF,WAAS;QAAEC,UAAQ;;IACnF,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,sBAACC,KAAK,MAAA;QAACC,SAAS,EAAEF,OAAO,CAACR,MAAM;;YAC3BK,SAAS,iBAAG,qBAACM,KAAO,QAAA;gBAACC,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,qBAACC,KAAK,MAAA;gBAACZ,QAAQ,EAAC,OAAO;gBAACa,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKT,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,AAAC"}
|
|
@@ -22,19 +22,7 @@ var TableDateRangePicker = function(param) {
|
|
|
22
22
|
var ref = _slicedToArray((0, _react.useState)(false), 2), opened = ref[0], setOpened = ref[1];
|
|
23
23
|
var form = (0, _useTable.useTable)().form;
|
|
24
24
|
var onApply = function(dates) {
|
|
25
|
-
|
|
26
|
-
form.setFieldValue("dateRange", dates);
|
|
27
|
-
} else if (dates[1] === null) {
|
|
28
|
-
form.setFieldValue("dateRange", [
|
|
29
|
-
dates[0],
|
|
30
|
-
dates[0]
|
|
31
|
-
]);
|
|
32
|
-
} else {
|
|
33
|
-
form.setFieldValue("dateRange", [
|
|
34
|
-
dates[1],
|
|
35
|
-
dates[1]
|
|
36
|
-
]);
|
|
37
|
-
}
|
|
25
|
+
form.setFieldValue("dateRange", dates);
|
|
38
26
|
setOpened(false);
|
|
39
27
|
};
|
|
40
28
|
var onCancel = function() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/table/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize24Px} from '@coveord/plasma-react-icons';\nimport {Popover, Button} from '@mantine/core';\nimport {DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from '../date-range-picker';\nimport {DateRangePickerPreset} from '../date-range-picker/DateRangePickerPresetSelect';\nimport {useTable} from './useTable';\n\ninterface TableDateRangePickerProps\n extends Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n /**\n * An object containing date presets.\n * If empty the preset dropdown won't be shown\n *\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 * @default {}\n */\n presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport const TableDateRangePicker: FunctionComponent<TableDateRangePickerProps> = ({\n presets = {},\n rangeCalendarProps,\n}) => {\n const [opened, setOpened] = useState(false);\n const {form} = useTable();\n\n const onApply = (dates: DateRangePickerValue) => {\n
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/table/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize24Px} from '@coveord/plasma-react-icons';\nimport {Popover, Button} from '@mantine/core';\nimport {DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from '../date-range-picker';\nimport {DateRangePickerPreset} from '../date-range-picker/DateRangePickerPresetSelect';\nimport {useTable} from './useTable';\n\ninterface TableDateRangePickerProps\n extends Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n /**\n * An object containing date presets.\n * If empty the preset dropdown won't be shown\n *\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 * @default {}\n */\n presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport const TableDateRangePicker: FunctionComponent<TableDateRangePickerProps> = ({\n presets = {},\n rangeCalendarProps,\n}) => {\n const [opened, setOpened] = useState(false);\n const {form} = useTable();\n\n const onApply = (dates: DateRangePickerValue) => {\n form.setFieldValue('dateRange', dates);\n setOpened(false);\n };\n const onCancel = () => {\n setOpened(false);\n };\n\n const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n const formatedRange = `${formatDate(form.values.dateRange[0])} - ${formatDate(form.values.dateRange[1])}`;\n\n return (\n <>\n {formatedRange}\n <Popover opened={opened} onChange={setOpened}>\n <Popover.Target>\n <Button variant=\"outline\" color=\"gray\" onClick={() => setOpened(true)} px=\"xs\">\n <CalendarSize24Px width={24} height={24} />\n </Button>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={form.values.dateRange}\n onApply={onApply}\n onCancel={onCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </>\n );\n};\n"],"names":["TableDateRangePicker","presets","rangeCalendarProps","useState","opened","setOpened","form","useTable","onApply","dates","setFieldValue","onCancel","formatDate","date","dayjs","format","formatedRange","values","dateRange","Popover","onChange","Target","Button","variant","color","onClick","px","CalendarSize24Px","width","height","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":"AAAA;;;;+BAyBaA,sBAAoB;;;eAApBA,oBAAoB;;;;;;gCAzBF,6BAA6B;oBAC9B,eAAe;0DAE3B,OAAO;qBACiB,OAAO;+BAC+B,sBAAsB;wBAE/E,YAAY;AAkB5B,IAAMA,oBAAoB,GAAiD,gBAG5E;yBAFFC,OAAO,EAAPA,OAAO,yBAAG,EAAE,WAAA,EACZC,kBAAkB,SAAlBA,kBAAkB;IAElB,IAA4BC,GAAe,kBAAfA,IAAAA,MAAQ,SAAA,EAAC,KAAK,CAAC,IAAA,EAApCC,MAAM,GAAeD,GAAe,GAA9B,EAAEE,SAAS,GAAIF,GAAe,GAAnB,AAAoB;IAC5C,IAAM,AAACG,IAAI,GAAIC,IAAAA,SAAQ,SAAA,GAAE,CAAlBD,IAAI,AAAc,AAAC;IAE1B,IAAME,OAAO,GAAG,SAACC,KAA2B,EAAK;QAC7CH,IAAI,CAACI,aAAa,CAAC,WAAW,EAAED,KAAK,CAAC,CAAC;QACvCJ,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,AAAC;IACF,IAAMM,QAAQ,GAAG,WAAM;QACnBN,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,AAAC;IAEF,IAAMO,UAAU,GAAG,SAACC,IAAU;eAAKC,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACE,MAAM,CAAC,cAAc,CAAC;KAAA,AAAC;IACtE,IAAMC,aAAa,GAAG,AAAC,EAAA,CAA4CJ,MAAoC,CAA9EA,UAAU,CAACN,IAAI,CAACW,MAAM,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAC,KAAG,CAAuC,CAAA,MAAA,CAArCN,UAAU,CAACN,IAAI,CAACW,MAAM,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAE,AAAC;IAE1G,qBACI;;YACKF,aAAa;0BACd,sBAACG,KAAO,QAAA;gBAACf,MAAM,EAAEA,MAAM;gBAAEgB,QAAQ,EAAEf,SAAS;;kCACxC,qBAACc,KAAO,QAAA,CAACE,MAAM;kCACX,cAAA,qBAACC,KAAM,OAAA;4BAACC,OAAO,EAAC,SAAS;4BAACC,KAAK,EAAC,MAAM;4BAACC,OAAO,EAAE;uCAAMpB,SAAS,CAAC,IAAI,CAAC;6BAAA;4BAAEqB,EAAE,EAAC,IAAI;sCAC1E,cAAA,qBAACC,iBAAgB,iBAAA;gCAACC,KAAK,EAAE,EAAE;gCAAEC,MAAM,EAAE,EAAE;8BAAI;0BACtC;sBACI;kCACjB,qBAACV,KAAO,QAAA,CAACW,QAAQ;wBAACC,CAAC,EAAE,CAAC;kCAClB,cAAA,qBAACC,gBAA6B,8BAAA;4BAC1BC,YAAY,EAAE3B,IAAI,CAACW,MAAM,CAACC,SAAS;4BACnCV,OAAO,EAAEA,OAAO;4BAChBG,QAAQ,EAAEA,QAAQ;4BAClBV,OAAO,EAAEA,OAAO;4BAChBC,kBAAkB,EAAEA,kBAAkB;0BACxC;sBACa;;cACb;;MACX,CACL;AACN,CAAC,AAAC"}
|
|
@@ -17,7 +17,16 @@ var useStyles = (0, _core.createStyles)(function(theme) {
|
|
|
17
17
|
th: {
|
|
18
18
|
padding: "0 !important",
|
|
19
19
|
fontWeight: "400 !important",
|
|
20
|
-
color: theme.black + "!important"
|
|
20
|
+
color: theme.black + "!important",
|
|
21
|
+
button: {
|
|
22
|
+
padding: "8px 16px",
|
|
23
|
+
div: {
|
|
24
|
+
padding: "0px !important"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
div: {
|
|
28
|
+
padding: "8px 16px"
|
|
29
|
+
}
|
|
21
30
|
},
|
|
22
31
|
noSort: {
|
|
23
32
|
padding: "".concat(theme.spacing.xs, "px ").concat(theme.spacing.md, "px")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/table/Th.tsx"],"sourcesContent":["import {ArrowHeadDownSize16Px, ArrowHeadUpSize16Px} from '@coveord/plasma-react-icons';\nimport {Center, createStyles, Group, Text, UnstyledButton} from '@mantine/core';\nimport {defaultColumnSizing, flexRender, Header} from '@tanstack/react-table';\n\nconst useStyles = createStyles((theme) => ({\n th: {\n padding: '0 !important',\n fontWeight: '400 !important' as any,\n color: theme.black + '!important',\n },\n\n noSort: {\n padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n },\n\n control: {\n width: '100%',\n padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n\n '&:hover': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[6] : theme.colors.gray[2],\n },\n },\n}));\n\ninterface ThProps<T> {\n header: Header<T, unknown>;\n}\n\nconst SortingIcons = {\n asc: ArrowHeadDownSize16Px,\n desc: ArrowHeadUpSize16Px,\n};\n\nconst SortingLabels = {\n asc: 'ascending',\n desc: 'descending',\n} as const;\n\nexport const Th = <T,>({header}: ThProps<T>) => {\n const {classes} = useStyles();\n const size = header.column.getSize();\n const width = size !== defaultColumnSizing.size ? size : undefined;\n\n if (header.isPlaceholder) {\n return null;\n }\n\n if (!header.column.getCanSort()) {\n return (\n <th className={classes.th} style={{width}}>\n <Text className={classes.noSort} size=\"xs\">\n {flexRender(header.column.columnDef.header, header.getContext())}\n </Text>\n </th>\n );\n }\n\n const onSort = header.column.getToggleSortingHandler();\n const sortingOrder = header.column.getIsSorted();\n const Icon = SortingIcons[sortingOrder || header.column.getFirstSortDir()];\n\n return (\n <th className={classes.th} style={{width}} aria-sort={sortingOrder ? SortingLabels[sortingOrder] : 'none'}>\n <UnstyledButton onClick={onSort} className={classes.control}>\n <Group position=\"apart\">\n <Text size=\"xs\">{flexRender(header.column.columnDef.header, header.getContext())}</Text>\n <Center sx={(theme) => ({color: sortingOrder ? theme.colors.action[8] : undefined})}>\n <Icon height={14} />\n </Center>\n </Group>\n </UnstyledButton>\n </th>\n );\n};\n"],"names":["Th","useStyles","createStyles","theme","th","padding","fontWeight","color","black","noSort","spacing","xs","md","control","width","backgroundColor","colorScheme","colors","gray","SortingIcons","asc","ArrowHeadDownSize16Px","desc","ArrowHeadUpSize16Px","SortingLabels","header","classes","size","column","getSize","defaultColumnSizing","undefined","isPlaceholder","getCanSort","className","style","Text","flexRender","columnDef","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","getFirstSortDir","aria-sort","UnstyledButton","onClick","Group","position","Center","sx","action","height"],"mappings":"AAAA;;;;+
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/table/Th.tsx"],"sourcesContent":["import {ArrowHeadDownSize16Px, ArrowHeadUpSize16Px} from '@coveord/plasma-react-icons';\nimport {Center, createStyles, Group, Text, UnstyledButton} from '@mantine/core';\nimport {defaultColumnSizing, flexRender, Header} from '@tanstack/react-table';\n\nconst useStyles = createStyles((theme) => ({\n th: {\n padding: '0 !important',\n fontWeight: '400 !important' as any,\n color: theme.black + '!important',\n button: {\n padding: '8px 16px',\n div: {\n padding: '0px !important',\n },\n },\n div: {\n padding: '8px 16px',\n },\n },\n\n noSort: {\n padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n },\n\n control: {\n width: '100%',\n padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n\n '&:hover': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[6] : theme.colors.gray[2],\n },\n },\n}));\n\ninterface ThProps<T> {\n header: Header<T, unknown>;\n}\n\nconst SortingIcons = {\n asc: ArrowHeadDownSize16Px,\n desc: ArrowHeadUpSize16Px,\n};\n\nconst SortingLabels = {\n asc: 'ascending',\n desc: 'descending',\n} as const;\n\nexport const Th = <T,>({header}: ThProps<T>) => {\n const {classes} = useStyles();\n const size = header.column.getSize();\n const width = size !== defaultColumnSizing.size ? size : undefined;\n\n if (header.isPlaceholder) {\n return null;\n }\n\n if (!header.column.getCanSort()) {\n return (\n <th className={classes.th} style={{width}}>\n <Text className={classes.noSort} size=\"xs\">\n {flexRender(header.column.columnDef.header, header.getContext())}\n </Text>\n </th>\n );\n }\n\n const onSort = header.column.getToggleSortingHandler();\n const sortingOrder = header.column.getIsSorted();\n const Icon = SortingIcons[sortingOrder || header.column.getFirstSortDir()];\n\n return (\n <th className={classes.th} style={{width}} aria-sort={sortingOrder ? SortingLabels[sortingOrder] : 'none'}>\n <UnstyledButton onClick={onSort} className={classes.control}>\n <Group position=\"apart\">\n <Text size=\"xs\">{flexRender(header.column.columnDef.header, header.getContext())}</Text>\n <Center sx={(theme) => ({color: sortingOrder ? theme.colors.action[8] : undefined})}>\n <Icon height={14} />\n </Center>\n </Group>\n </UnstyledButton>\n </th>\n );\n};\n"],"names":["Th","useStyles","createStyles","theme","th","padding","fontWeight","color","black","button","div","noSort","spacing","xs","md","control","width","backgroundColor","colorScheme","colors","gray","SortingIcons","asc","ArrowHeadDownSize16Px","desc","ArrowHeadUpSize16Px","SortingLabels","header","classes","size","column","getSize","defaultColumnSizing","undefined","isPlaceholder","getCanSort","className","style","Text","flexRender","columnDef","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","getFirstSortDir","aria-sort","UnstyledButton","onClick","Group","position","Center","sx","action","height"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAE,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAE,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAEjF,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,mEAOjC,4BAA4B,gBAiC9B,CAAC"}
|
|
@@ -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,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
|
|
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,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ModalProps } from '@mantine/core';
|
|
2
|
+
import { ReactElement, ReactNode } from 'react';
|
|
3
|
+
import { PromptFooter } from './PromptFooter';
|
|
4
|
+
export interface PromptProps extends ModalProps {
|
|
5
|
+
variant: 'default' | 'success' | 'warning' | 'critical' | 'info';
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
interface PromptType {
|
|
9
|
+
(props: PromptProps): ReactElement;
|
|
10
|
+
Footer: typeof PromptFooter;
|
|
11
|
+
}
|
|
12
|
+
export declare const Prompt: PromptType;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=Prompt.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AA+B5C,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,UAqBpB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import { StickyFooterProps } from '../sticky-footer';
|
|
3
|
+
export interface PromptFooterProps extends StickyFooterProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const PromptFooter: FunctionComponent<PromptFooterProps>;
|
|
6
|
+
//# sourceMappingURL=PromptFooter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PromptFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAe,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { DefaultProps } from '@mantine/core';
|
|
2
2
|
import { FunctionComponent } from 'react';
|
|
3
|
-
interface StickyFooterProps extends DefaultProps {
|
|
3
|
+
export interface StickyFooterProps extends DefaultProps {
|
|
4
4
|
/**
|
|
5
5
|
* Whether a border is render on top of the footer
|
|
6
6
|
*/
|
|
7
7
|
borderTop?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare const StickyFooter: FunctionComponent<StickyFooterProps>;
|
|
10
|
-
export {};
|
|
11
10
|
//# sourceMappingURL=StickyFooter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAwB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,
|
|
1
|
+
{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAwB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAW7D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableDateRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAClD,OAAO,EAAgC,kCAAkC,EAAC,MAAM,sBAAsB,CAAC;AACvG,OAAO,EAAC,qBAAqB,EAAC,MAAM,kDAAkD,CAAC;AAGvF,UAAU,yBACN,SAAQ,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAClG;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,yBAAyB,
|
|
1
|
+
{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableDateRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAClD,OAAO,EAAgC,kCAAkC,EAAC,MAAM,sBAAsB,CAAC;AACvG,OAAO,EAAC,qBAAqB,EAAC,MAAM,kDAAkD,CAAC;AAGvF,UAAU,yBACN,SAAQ,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAClG;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,yBAAyB,CAuC7E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Th.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkC,MAAM,EAAC,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Th.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAgC9E,UAAU,OAAO,CAAC,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;CAC9B;AAYD,eAAO,MAAM,EAAE,4CAmCd,CAAC"}
|
|
@@ -2,20 +2,19 @@ import _object_spread from "@swc/helpers/src/_object_spread.mjs";
|
|
|
2
2
|
import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
4
|
import { DatePicker } from "@mantine/dates";
|
|
5
|
+
import dayjs from "dayjs";
|
|
5
6
|
export var EditableDateRangePicker = function(param) {
|
|
6
7
|
var value = param.value, onChange = param.onChange, onFocus = param.onFocus, _separator = param.separator, separator = _separator === void 0 ? "to" : _separator, _startProps = param.startProps, startProps = _startProps === void 0 ? {} : _startProps, _endProps = param.endProps, endProps = _endProps === void 0 ? {} : _endProps;
|
|
7
8
|
var onChangeStart = function(date) {
|
|
8
|
-
var ref;
|
|
9
9
|
onChange === null || onChange === void 0 ? void 0 : onChange([
|
|
10
|
-
date,
|
|
11
|
-
|
|
10
|
+
dayjs(date).startOf("day").toDate(),
|
|
11
|
+
value === null || value === void 0 ? void 0 : value[1]
|
|
12
12
|
]);
|
|
13
13
|
};
|
|
14
14
|
var onChangeEnd = function(date) {
|
|
15
|
-
var ref;
|
|
16
15
|
onChange === null || onChange === void 0 ? void 0 : onChange([
|
|
17
|
-
|
|
18
|
-
date
|
|
16
|
+
value === null || value === void 0 ? void 0 : value[0],
|
|
17
|
+
dayjs(date).endOf("day").toDate()
|
|
19
18
|
]);
|
|
20
19
|
};
|
|
21
20
|
return /*#__PURE__*/ _jsxs(_Fragment, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n separator?: ReactNode;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n separator = 'to',\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n separator?: ReactNode;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n separator = 'to',\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date) => {\n onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n };\n const onChangeEnd = (date: Date) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\n };\n\n return (\n <>\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"Start\"\n {...startProps}\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n styles={{...startProps.styles, dropdown: {display: 'none'}}}\n />\n {separator}\n <DatePicker\n allowFreeInput\n clearable={false}\n label=\"End\"\n {...endProps}\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n styles={{...endProps.styles, dropdown: {display: 'none'}}}\n />\n </>\n );\n};\n"],"names":["DatePicker","dayjs","EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","startOf","toDate","onChangeEnd","endOf","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;AAAA,SAAQA,UAAU,QAA8C,gBAAgB,CAAC;AACjF,OAAOC,KAAK,MAAM,OAAO,CAAC;AAkB1B,OAAO,IAAMC,uBAAuB,GAAG,gBAOH;QANhCC,KAAK,SAALA,KAAK,EACLC,QAAQ,SAARA,QAAQ,EACRC,OAAO,SAAPA,OAAO,qBACPC,SAAS,EAATA,SAAS,2BAAG,IAAI,aAAA,sBAChBC,UAAU,EAAVA,UAAU,4BAAG,EAAE,cAAA,oBACfC,QAAQ,EAARA,QAAQ,0BAAG,EAAE,YAAA;IAEb,IAAMC,aAAa,GAAG,SAACC,IAAU,EAAK;QAClCN,QAAQ,aAARA,QAAQ,WAAqD,GAA7DA,KAAAA,CAA6D,GAA7DA,QAAQ,CAAG;YAACH,KAAK,CAACS,IAAI,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC,CAACC,MAAM,EAAE;YAAET,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;SAAC,CAAC,CAAC;IAClE,CAAC,AAAC;IACF,IAAMU,WAAW,GAAG,SAACH,IAAU,EAAK;QAChCN,QAAQ,aAARA,QAAQ,WAAmD,GAA3DA,KAAAA,CAA2D,GAA3DA,QAAQ,CAAG;YAACD,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;YAAEF,KAAK,CAACS,IAAI,CAAC,CAACI,KAAK,CAAC,KAAK,CAAC,CAACF,MAAM,EAAE;SAAC,CAAC,CAAC;IAChE,CAAC,AAAC;IAEF,qBACI;;0BACI,KAACZ,UAAU;gBACPe,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTV,UAAU;gBACdJ,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEK,aAAa;gBACvBJ,OAAO,EAAEA,OAAO;gBAChBa,MAAM,EAAE,wCAAIX,UAAU,CAACW,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDd,SAAS;0BACV,KAACN,UAAU;gBACPe,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPT,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAES,WAAW;gBACrBR,OAAO,EAAEA,OAAO;gBAChBa,MAAM,EAAE,wCAAIV,QAAQ,CAACU,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC3D;;MACH,CACL;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import _object_spread from "@swc/helpers/src/_object_spread.mjs";
|
|
2
|
+
import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
|
|
3
|
+
import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
|
|
4
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { createStyles, Modal } from "@mantine/core";
|
|
6
|
+
import { Children } from "react";
|
|
7
|
+
import { PromptFooter } from "./PromptFooter";
|
|
8
|
+
var useStyles = createStyles(function(theme) {
|
|
9
|
+
var white = "#fff";
|
|
10
|
+
return {
|
|
11
|
+
body: {
|
|
12
|
+
padding: 0
|
|
13
|
+
},
|
|
14
|
+
modalType: {
|
|
15
|
+
overflow: "hidden",
|
|
16
|
+
width: 550
|
|
17
|
+
},
|
|
18
|
+
innerBody: {
|
|
19
|
+
padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px ").concat(theme.spacing.lg, "px")
|
|
20
|
+
},
|
|
21
|
+
header: {
|
|
22
|
+
padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px"),
|
|
23
|
+
width: "100%",
|
|
24
|
+
borderBottom: "1px solid ".concat(theme.colors.gray[3]),
|
|
25
|
+
fontSize: theme.headings.sizes.h4.fontSize,
|
|
26
|
+
lineHeight: theme.headings.sizes.h4.fontSize
|
|
27
|
+
},
|
|
28
|
+
default: {},
|
|
29
|
+
success: {
|
|
30
|
+
backgroundColor: theme.colors.lime[6],
|
|
31
|
+
color: white
|
|
32
|
+
},
|
|
33
|
+
warning: {
|
|
34
|
+
backgroundColor: theme.colors.yellow[5],
|
|
35
|
+
color: white
|
|
36
|
+
},
|
|
37
|
+
critical: {
|
|
38
|
+
backgroundColor: theme.colors.red[6],
|
|
39
|
+
color: white
|
|
40
|
+
},
|
|
41
|
+
info: {
|
|
42
|
+
backgroundColor: theme.colors.navy[5],
|
|
43
|
+
color: white
|
|
44
|
+
},
|
|
45
|
+
whiteClose: {
|
|
46
|
+
color: white,
|
|
47
|
+
"&:hover": {
|
|
48
|
+
backgroundColor: "transparent"
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
});
|
|
53
|
+
export var Prompt = function(_param) {
|
|
54
|
+
var children = _param.children, variant = _param.variant, size = _param.size, otherProps = _object_without_properties(_param, [
|
|
55
|
+
"children",
|
|
56
|
+
"variant",
|
|
57
|
+
"size"
|
|
58
|
+
]);
|
|
59
|
+
var ref = useStyles(), classes = ref.classes, cx = ref.cx;
|
|
60
|
+
var defaultVariant = variant === "default";
|
|
61
|
+
var convertedChildren = Children.toArray(children);
|
|
62
|
+
var otherChildren = convertedChildren.filter(function(child) {
|
|
63
|
+
return child.type !== PromptFooter;
|
|
64
|
+
});
|
|
65
|
+
var footer = convertedChildren.find(function(child) {
|
|
66
|
+
return child.type === PromptFooter;
|
|
67
|
+
});
|
|
68
|
+
var classNames = {
|
|
69
|
+
header: cx(classes.header, classes[variant]),
|
|
70
|
+
close: !defaultVariant && classes.whiteClose,
|
|
71
|
+
body: classes.body,
|
|
72
|
+
modal: !defaultVariant && classes.modalType
|
|
73
|
+
};
|
|
74
|
+
return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
|
|
75
|
+
padding: 0,
|
|
76
|
+
classNames: classNames,
|
|
77
|
+
size: defaultVariant ? size : "sm"
|
|
78
|
+
}, otherProps), {
|
|
79
|
+
children: [
|
|
80
|
+
/*#__PURE__*/ _jsx("div", {
|
|
81
|
+
className: classes.innerBody,
|
|
82
|
+
children: otherChildren
|
|
83
|
+
}),
|
|
84
|
+
footer
|
|
85
|
+
]
|
|
86
|
+
}));
|
|
87
|
+
};
|
|
88
|
+
Prompt.Footer = PromptFooter;
|
|
89
|
+
|
|
90
|
+
//# sourceMappingURL=Prompt.js.map
|