@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.
Files changed (59) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +9 -8
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js +6 -6
  5. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  6. package/dist/cjs/components/index.js +1 -0
  7. package/dist/cjs/components/index.js.map +1 -1
  8. package/dist/cjs/components/prompt/Prompt.js +100 -0
  9. package/dist/cjs/components/prompt/Prompt.js.map +1 -0
  10. package/dist/cjs/components/prompt/PromptFooter.js +25 -0
  11. package/dist/cjs/components/prompt/PromptFooter.js.map +1 -0
  12. package/dist/cjs/components/prompt/index.js +8 -0
  13. package/dist/cjs/components/prompt/index.js.map +1 -0
  14. package/dist/cjs/components/sticky-footer/StickyFooter.js.map +1 -1
  15. package/dist/cjs/components/table/TableDateRangePicker.js +1 -13
  16. package/dist/cjs/components/table/TableDateRangePicker.js.map +1 -1
  17. package/dist/cjs/components/table/Th.js +10 -1
  18. package/dist/cjs/components/table/Th.js.map +1 -1
  19. package/dist/definitions/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
  20. package/dist/definitions/components/index.d.ts +1 -0
  21. package/dist/definitions/components/index.d.ts.map +1 -1
  22. package/dist/definitions/components/prompt/Prompt.d.ts +14 -0
  23. package/dist/definitions/components/prompt/Prompt.d.ts.map +1 -0
  24. package/dist/definitions/components/prompt/PromptFooter.d.ts +6 -0
  25. package/dist/definitions/components/prompt/PromptFooter.d.ts.map +1 -0
  26. package/dist/definitions/components/prompt/index.d.ts +2 -0
  27. package/dist/definitions/components/prompt/index.d.ts.map +1 -0
  28. package/dist/definitions/components/sticky-footer/StickyFooter.d.ts +1 -2
  29. package/dist/definitions/components/sticky-footer/StickyFooter.d.ts.map +1 -1
  30. package/dist/definitions/components/table/TableDateRangePicker.d.ts.map +1 -1
  31. package/dist/definitions/components/table/Th.d.ts.map +1 -1
  32. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js +5 -6
  33. package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
  34. package/dist/esm/components/index.js +1 -0
  35. package/dist/esm/components/index.js.map +1 -1
  36. package/dist/esm/components/prompt/Prompt.js +90 -0
  37. package/dist/esm/components/prompt/Prompt.js.map +1 -0
  38. package/dist/esm/components/prompt/PromptFooter.js +15 -0
  39. package/dist/esm/components/prompt/PromptFooter.js.map +1 -0
  40. package/dist/esm/components/prompt/index.js +3 -0
  41. package/dist/esm/components/prompt/index.js.map +1 -0
  42. package/dist/esm/components/sticky-footer/StickyFooter.js.map +1 -1
  43. package/dist/esm/components/table/TableDateRangePicker.js +1 -13
  44. package/dist/esm/components/table/TableDateRangePicker.js.map +1 -1
  45. package/dist/esm/components/table/Th.js +10 -1
  46. package/dist/esm/components/table/Th.js.map +1 -1
  47. package/package.json +1 -1
  48. package/src/components/date-range-picker/EditableDateRangePicker.tsx +5 -4
  49. package/src/components/date-range-picker/__tests__/DateRangePickerInlineCalendar.spec.tsx +5 -1
  50. package/src/components/date-range-picker/__tests__/DateRangePickerPopoverCalendar.spec.tsx +1 -1
  51. package/src/components/date-range-picker/__tests__/EditableDateRangePicker.spec.tsx +1 -1
  52. package/src/components/index.ts +1 -0
  53. package/src/components/prompt/Prompt.tsx +66 -0
  54. package/src/components/prompt/PromptFooter.tsx +8 -0
  55. package/src/components/prompt/__tests__/Prompt.spec.tsx +29 -0
  56. package/src/components/prompt/index.ts +1 -0
  57. package/src/components/sticky-footer/StickyFooter.tsx +1 -1
  58. package/src/components/table/TableDateRangePicker.tsx +1 -7
  59. 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
- (ref = value === null || value === void 0 ? void 0 : value[1]) !== null && ref !== void 0 ? ref : null
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
- (ref = value === null || value === void 0 ? void 0 : value[0]) !== null && ref !== void 0 ? ref : null,
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 | null) => {\n onChange?.([date, value?.[1] ?? null]);\n };\n const onChangeEnd = (date: Date | null) => {\n onChange?.([value?.[0] ?? null, date]);\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","onChangeEnd","DatePicker","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;;+BAkBaA,yBAAuB;;;eAAvBA,uBAAuB;;;;;;qBAlB4B,gBAAgB;AAkBzE,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,IAAiB,EAAK;YACvBP,GAAU;QAA5BC,QAAQ,aAARA,QAAQ,WAA8B,GAAtCA,KAAAA,CAAsC,GAAtCA,QAAQ,CAAG;YAACM,IAAI;YAAEP,CAAAA,GAAU,GAAVA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC,cAAVA,GAAU,cAAVA,GAAU,GAAI,IAAI;SAAC,CAAC,CAAC;IAC3C,CAAC,AAAC;IACF,IAAMQ,WAAW,GAAG,SAACD,IAAiB,EAAK;YAC3BP,GAAU;QAAtBC,QAAQ,aAARA,QAAQ,WAA8B,GAAtCA,KAAAA,CAAsC,GAAtCA,QAAQ,CAAG;YAACD,CAAAA,GAAU,GAAVA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC,cAAVA,GAAU,cAAVA,GAAU,GAAI,IAAI;YAAEO,IAAI;SAAC,CAAC,CAAC;IAC3C,CAAC,AAAC;IAEF,qBACI;;0BACI,qBAACE,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTR,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;gBAChBW,MAAM,EAAE,qCAAIT,UAAU,CAACS,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDZ,SAAS;0BACV,qBAACM,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPP,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEO,WAAW;gBACrBN,OAAO,EAAEA,OAAO;gBAChBW,MAAM,EAAE,qCAAIR,QAAQ,CAACQ,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC3D;;MACH,CACL;AACN,CAAC,AAAC"}
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,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./Prompt"), exports);
7
+
8
+ //# sourceMappingURL=index.js.map
@@ -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\ninterface 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"}
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
- if (dates[0] !== null && dates[1] !== null) {
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 if (dates[0] !== null && dates[1] !== null) {\n form.setFieldValue('dateRange', dates);\n } else if (dates[1] === null) {\n form.setFieldValue('dateRange', [dates[0], dates[0]]);\n } else {\n form.setFieldValue('dateRange', [dates[1], dates[1]]);\n }\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;QAC7C,IAAIA,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,IAAIA,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YACxCH,IAAI,CAACI,aAAa,CAAC,WAAW,EAAED,KAAK,CAAC,CAAC;QAC3C,OAAO,IAAIA,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YAC1BH,IAAI,CAACI,aAAa,CAAC,WAAW,EAAE;gBAACD,KAAK,CAAC,CAAC,CAAC;gBAAEA,KAAK,CAAC,CAAC,CAAC;aAAC,CAAC,CAAC;QAC1D,OAAO;YACHH,IAAI,CAACI,aAAa,CAAC,WAAW,EAAE;gBAACD,KAAK,CAAC,CAAC,CAAC;gBAAEA,KAAK,CAAC,CAAC,CAAC;aAAC,CAAC,CAAC;QAC1D,CAAC;QACDJ,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"}
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":"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"}
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;AACjF,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
+ {"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"}
@@ -6,5 +6,6 @@ export * from './sticky-footer';
6
6
  export * from './header';
7
7
  export * from './inline-confirm';
8
8
  export * from './table';
9
+ export * from './prompt';
9
10
  export * from './modal-wizard';
10
11
  //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export * from './Prompt';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,UAAU,iBAAkB,SAAQ,YAAY;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAW7D,CAAC"}
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,CA6C7E,CAAC"}
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;AAuB9E,UAAU,OAAO,CAAC,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;CAC9B;AAYD,eAAO,MAAM,EAAE,4CAmCd,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
- (ref = value === null || value === void 0 ? void 0 : value[1]) !== null && ref !== void 0 ? ref : null
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
- (ref = value === null || value === void 0 ? void 0 : value[0]) !== null && ref !== void 0 ? ref : null,
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 | null) => {\n onChange?.([date, value?.[1] ?? null]);\n };\n const onChangeEnd = (date: Date | null) => {\n onChange?.([value?.[0] ?? null, date]);\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","EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","onChangeEnd","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;AAAA,SAAQA,UAAU,QAA8C,gBAAgB,CAAC;AAkBjF,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,IAAiB,EAAK;YACvBP,GAAU;QAA5BC,QAAQ,aAARA,QAAQ,WAA8B,GAAtCA,KAAAA,CAAsC,GAAtCA,QAAQ,CAAG;YAACM,IAAI;YAAEP,CAAAA,GAAU,GAAVA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC,cAAVA,GAAU,cAAVA,GAAU,GAAI,IAAI;SAAC,CAAC,CAAC;IAC3C,CAAC,AAAC;IACF,IAAMQ,WAAW,GAAG,SAACD,IAAiB,EAAK;YAC3BP,GAAU;QAAtBC,QAAQ,aAARA,QAAQ,WAA8B,GAAtCA,KAAAA,CAAsC,GAAtCA,QAAQ,CAAG;YAACD,CAAAA,GAAU,GAAVA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC,cAAVA,GAAU,cAAVA,GAAU,GAAI,IAAI;YAAEO,IAAI;SAAC,CAAC,CAAC;IAC3C,CAAC,AAAC;IAEF,qBACI;;0BACI,KAACT,UAAU;gBACPW,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTP,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;gBAChBU,MAAM,EAAE,wCAAIR,UAAU,CAACQ,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDX,SAAS;0BACV,KAACL,UAAU;gBACPW,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPN,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEO,WAAW;gBACrBN,OAAO,EAAEA,OAAO;gBAChBU,MAAM,EAAE,wCAAIP,QAAQ,CAACO,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC3D;;MACH,CACL;AACN,CAAC,CAAC"}
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"}
@@ -6,6 +6,7 @@ export * from "./sticky-footer";
6
6
  export * from "./header";
7
7
  export * from "./inline-confirm";
8
8
  export * from "./table";
9
+ export * from "./prompt";
9
10
  export * from "./modal-wizard";
10
11
 
11
12
  //# 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,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