@comet/admin-date-time 8.17.1 → 9.0.0-beta.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/lib/DatePickerNavigation.js +38 -44
- package/lib/datePicker/DateField.d.ts +1 -1
- package/lib/datePicker/DateField.js +7 -13
- package/lib/datePicker/DatePicker.d.ts +6 -6
- package/lib/datePicker/DatePicker.d.ts.map +1 -1
- package/lib/datePicker/DatePicker.js +27 -33
- package/lib/datePicker/DatePicker.slots.d.ts +1 -3
- package/lib/datePicker/DatePicker.slots.d.ts.map +1 -1
- package/lib/datePicker/DatePicker.slots.js +12 -18
- package/lib/datePicker/FinalFormDatePicker.d.ts +2 -2
- package/lib/datePicker/FinalFormDatePicker.d.ts.map +1 -1
- package/lib/datePicker/FinalFormDatePicker.js +5 -11
- package/lib/dateRangePicker/DateRangeField.d.ts +1 -1
- package/lib/dateRangePicker/DateRangeField.js +7 -13
- package/lib/dateRangePicker/DateRangePicker.d.ts +7 -7
- package/lib/dateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/lib/dateRangePicker/DateRangePicker.js +33 -38
- package/lib/dateRangePicker/DateRangePicker.slots.d.ts +1 -3
- package/lib/dateRangePicker/DateRangePicker.slots.d.ts.map +1 -1
- package/lib/dateRangePicker/DateRangePicker.slots.js +12 -18
- package/lib/dateRangePicker/FinalFormDateRangePicker.d.ts +1 -1
- package/lib/dateRangePicker/FinalFormDateRangePicker.js +5 -11
- package/lib/dateTimePicker/DateTimeField.d.ts +1 -1
- package/lib/dateTimePicker/DateTimeField.js +7 -13
- package/lib/dateTimePicker/DateTimePicker.d.ts +6 -6
- package/lib/dateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/lib/dateTimePicker/DateTimePicker.js +42 -48
- package/lib/dateTimePicker/FinalFormDateTimePicker.d.ts +1 -1
- package/lib/dateTimePicker/FinalFormDateTimePicker.js +5 -11
- package/lib/index.js +16 -129
- package/lib/timePicker/FinalFormTimePicker.d.ts +1 -1
- package/lib/timePicker/FinalFormTimePicker.js +5 -11
- package/lib/timePicker/TimeField.d.ts +1 -1
- package/lib/timePicker/TimeField.js +7 -13
- package/lib/timePicker/TimePicker.d.ts +6 -6
- package/lib/timePicker/TimePicker.d.ts.map +1 -1
- package/lib/timePicker/TimePicker.js +39 -45
- package/lib/timeRangePicker/FinalFormTimeRangePicker.js +4 -10
- package/lib/timeRangePicker/TimeRangeField.js +6 -12
- package/lib/timeRangePicker/TimeRangePicker.js +35 -41
- package/lib/utils/DateFnsLocaleProvider.js +5 -12
- package/lib/utils/datePickerHelpers.js +5 -11
- package/lib/utils/getReactDateRangeStyles.js +1 -7
- package/lib/utils/timePickerHelpers.js +8 -14
- package/package.json +18 -14
|
@@ -6,7 +6,7 @@ import { type Theme } from "@mui/material/styles";
|
|
|
6
6
|
import { type FormatDateOptions } from "react-intl";
|
|
7
7
|
import { type DateRangePickerClassKey, type SlotProps } from "./DateRangePicker.slots";
|
|
8
8
|
/**
|
|
9
|
-
* @deprecated
|
|
9
|
+
* @deprecated Use `DateRange` from `@comet/admin` instead.
|
|
10
10
|
*/
|
|
11
11
|
export type DateRange = {
|
|
12
12
|
start: string;
|
|
@@ -24,20 +24,20 @@ export interface DateRangePickerProps extends Omit<InputWithPopperProps, "childr
|
|
|
24
24
|
slotProps?: SlotProps;
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
|
-
* @deprecated
|
|
27
|
+
* @deprecated Use `DateRangePicker` from `@comet/admin` instead.
|
|
28
28
|
*/
|
|
29
29
|
export declare const DateRangePicker: (inProps: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
declare module "@mui/material/styles" {
|
|
31
31
|
interface ComponentNameToClassKey {
|
|
32
|
-
|
|
32
|
+
CometAdminLegacyDateRangePicker: DateRangePickerClassKey;
|
|
33
33
|
}
|
|
34
34
|
interface ComponentsPropsList {
|
|
35
|
-
|
|
35
|
+
CometAdminLegacyDateRangePicker: DateRangePickerProps;
|
|
36
36
|
}
|
|
37
37
|
interface Components {
|
|
38
|
-
|
|
39
|
-
defaultProps?: Partial<ComponentsPropsList["
|
|
40
|
-
styleOverrides?: ComponentsOverrides<Theme>["
|
|
38
|
+
CometAdminLegacyDateRangePicker?: {
|
|
39
|
+
defaultProps?: Partial<ComponentsPropsList["CometAdminLegacyDateRangePicker"]>;
|
|
40
|
+
styleOverrides?: ComponentsOverrides<Theme>["CometAdminLegacyDateRangePicker"];
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/dateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAuB,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAK7D,OAAO,EAAa,KAAK,uBAAuB,EAAQ,KAAK,SAAS,EAAkB,MAAM,yBAAyB,CAAC;AAExH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACrH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAyCD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,oBAAoB,4CA6E5D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/dateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAuB,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAK7D,OAAO,EAAa,KAAK,uBAAuB,EAAQ,KAAK,SAAS,EAAkB,MAAM,yBAAyB,CAAC;AAExH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACrH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAyCD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,oBAAoB,4CA6E5D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,+BAA+B,EAAE,uBAAuB,CAAC;KAC5D;IAED,UAAU,mBAAmB;QACzB,+BAA+B,EAAE,oBAAoB,CAAC;KACzD;IAED,UAAU,UAAU;QAChB,+BAA+B,CAAC,EAAE;YAC9B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,CAAC,CAAC;YAC/E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,iCAAiC,CAAC,CAAC;SAClF,CAAC;KACL;CACJ"}
|
|
@@ -1,25 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.DateRangePicker = void 0;
|
|
8
|
-
require("react-date-range/dist/styles.css");
|
|
9
|
-
require("react-date-range/dist/theme/default.css");
|
|
10
|
-
var _admin = require("@comet/admin");
|
|
11
|
-
var _adminIcons = require("@comet/admin-icons");
|
|
12
|
-
var _styles2 = require("@mui/material/styles");
|
|
13
|
-
var _reactIntl = require("react-intl");
|
|
14
|
-
var _DatePickerNavigation = require("../DatePickerNavigation");
|
|
15
|
-
var _DateFnsLocaleProvider = require("../utils/DateFnsLocaleProvider");
|
|
16
|
-
var _datePickerHelpers = require("../utils/datePickerHelpers");
|
|
17
|
-
var _DateRangePicker = require("./DateRangePicker.slots");
|
|
18
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
2
|
var _excluded = ["onChange", "value", "formatDateOptions", "rangeStringSeparator", "endAdornment", "required", "placeholder", "monthsToShow", "minDate", "maxDate", "slotProps"];
|
|
20
|
-
/**
|
|
21
|
-
* @deprecated `DateRange` from `@comet/admin-date-time` will be replaced by `DateRange` from `@comet/admin` in a future major release.
|
|
22
|
-
*/
|
|
23
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
5
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -27,8 +7,23 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
27
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
28
8
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
29
9
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
|
+
import "react-date-range/dist/styles.css";
|
|
11
|
+
import "react-date-range/dist/theme/default.css";
|
|
12
|
+
import { ClearInputAdornment } from "@comet/admin";
|
|
13
|
+
import { Calendar } from "@comet/admin-icons";
|
|
14
|
+
import { useThemeProps } from "@mui/material/styles";
|
|
15
|
+
import { useIntl } from "react-intl";
|
|
16
|
+
import { DatePickerNavigation } from "../DatePickerNavigation";
|
|
17
|
+
import { useDateFnsLocale } from "../utils/DateFnsLocaleProvider";
|
|
18
|
+
import { defaultMaxDate, defaultMinDate, getIsoDateString } from "../utils/datePickerHelpers";
|
|
19
|
+
import { DateRange, Root, StartAdornment } from "./DateRangePicker.slots";
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* @deprecated Use `DateRange` from `@comet/admin` instead.
|
|
23
|
+
*/
|
|
24
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
30
25
|
var useDateRangeTextValue = function useDateRangeTextValue(range, rangeStringSeparator, formatDateOptions) {
|
|
31
|
-
var intl =
|
|
26
|
+
var intl = useIntl();
|
|
32
27
|
if (range) {
|
|
33
28
|
var startDateString = intl.formatDate(range.start, formatDateOptions);
|
|
34
29
|
var endDateString = intl.formatDate(range.end, formatDateOptions);
|
|
@@ -61,12 +56,12 @@ var getRangeFromValue = function getRangeFromValue(value) {
|
|
|
61
56
|
};
|
|
62
57
|
|
|
63
58
|
/**
|
|
64
|
-
* @deprecated
|
|
59
|
+
* @deprecated Use `DateRangePicker` from `@comet/admin` instead.
|
|
65
60
|
*/
|
|
66
|
-
var DateRangePicker =
|
|
67
|
-
var _useThemeProps =
|
|
61
|
+
export var DateRangePicker = function DateRangePicker(inProps) {
|
|
62
|
+
var _useThemeProps = useThemeProps({
|
|
68
63
|
props: inProps,
|
|
69
|
-
name: "
|
|
64
|
+
name: "CometAdminLegacyDateRangePicker"
|
|
70
65
|
}),
|
|
71
66
|
_onChange = _useThemeProps.onChange,
|
|
72
67
|
value = _useThemeProps.value,
|
|
@@ -79,21 +74,21 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(inProps
|
|
|
79
74
|
_useThemeProps$months = _useThemeProps.monthsToShow,
|
|
80
75
|
monthsToShow = _useThemeProps$months === void 0 ? 2 : _useThemeProps$months,
|
|
81
76
|
_useThemeProps$minDat = _useThemeProps.minDate,
|
|
82
|
-
minDate = _useThemeProps$minDat === void 0 ?
|
|
77
|
+
minDate = _useThemeProps$minDat === void 0 ? defaultMinDate : _useThemeProps$minDat,
|
|
83
78
|
_useThemeProps$maxDat = _useThemeProps.maxDate,
|
|
84
|
-
maxDate = _useThemeProps$maxDat === void 0 ?
|
|
79
|
+
maxDate = _useThemeProps$maxDat === void 0 ? defaultMaxDate : _useThemeProps$maxDat,
|
|
85
80
|
slotProps = _useThemeProps.slotProps,
|
|
86
81
|
inputWithPopperProps = _objectWithoutProperties(_useThemeProps, _excluded);
|
|
87
|
-
var intl =
|
|
82
|
+
var intl = useIntl();
|
|
88
83
|
var textValue = useDateRangeTextValue(value, rangeStringSeparator, formatDateOptions);
|
|
89
|
-
var dateFnsLocale =
|
|
90
|
-
return /*#__PURE__*/(
|
|
84
|
+
var dateFnsLocale = useDateFnsLocale();
|
|
85
|
+
return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
|
|
91
86
|
value: textValue,
|
|
92
|
-
startAdornment: /*#__PURE__*/(
|
|
87
|
+
startAdornment: /*#__PURE__*/_jsx(StartAdornment, _objectSpread(_objectSpread({
|
|
93
88
|
position: "start",
|
|
94
89
|
disablePointerEvents: true
|
|
95
90
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.startAdornment), {}, {
|
|
96
|
-
children: /*#__PURE__*/(
|
|
91
|
+
children: /*#__PURE__*/_jsx(Calendar, {})
|
|
97
92
|
})),
|
|
98
93
|
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : intl.formatMessage({
|
|
99
94
|
id: "comet.dateRangePicker.selectDateRange",
|
|
@@ -102,8 +97,8 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(inProps
|
|
|
102
97
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), inputWithPopperProps), {}, {
|
|
103
98
|
readOnly: true,
|
|
104
99
|
required: required,
|
|
105
|
-
endAdornment: !required ? /*#__PURE__*/(
|
|
106
|
-
children: [/*#__PURE__*/(
|
|
100
|
+
endAdornment: !required ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
101
|
+
children: [/*#__PURE__*/_jsx(ClearInputAdornment, {
|
|
107
102
|
position: "end",
|
|
108
103
|
hasClearableContent: Boolean(value),
|
|
109
104
|
onClick: function onClick() {
|
|
@@ -112,7 +107,7 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(inProps
|
|
|
112
107
|
}), endAdornment]
|
|
113
108
|
}) : endAdornment,
|
|
114
109
|
children: function children(closePopper) {
|
|
115
|
-
return /*#__PURE__*/(
|
|
110
|
+
return /*#__PURE__*/_jsx(DateRange, _objectSpread({
|
|
116
111
|
locale: dateFnsLocale,
|
|
117
112
|
minDate: minDate,
|
|
118
113
|
maxDate: maxDate,
|
|
@@ -121,7 +116,7 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(inProps
|
|
|
121
116
|
monthDisplayFormat: "MMMM yyyy",
|
|
122
117
|
months: monthsToShow,
|
|
123
118
|
navigatorRenderer: function navigatorRenderer(focusedDate, changeShownDate) {
|
|
124
|
-
return /*#__PURE__*/(
|
|
119
|
+
return /*#__PURE__*/_jsx(DatePickerNavigation, {
|
|
125
120
|
focusedDate: focusedDate,
|
|
126
121
|
changeShownDate: changeShownDate,
|
|
127
122
|
minDate: minDate,
|
|
@@ -139,8 +134,8 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(inProps
|
|
|
139
134
|
var pickedRange = ranges[rangeKey];
|
|
140
135
|
if (pickedRange.startDate && pickedRange.endDate) {
|
|
141
136
|
_onChange === null || _onChange === void 0 || _onChange({
|
|
142
|
-
start:
|
|
143
|
-
end:
|
|
137
|
+
start: getIsoDateString(pickedRange.startDate),
|
|
138
|
+
end: getIsoDateString(pickedRange.endDate)
|
|
144
139
|
});
|
|
145
140
|
}
|
|
146
141
|
},
|
|
@@ -13,9 +13,7 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<i
|
|
|
13
13
|
className?: string;
|
|
14
14
|
ownerState?: object;
|
|
15
15
|
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
16
|
-
export declare const StartAdornment: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").InputAdornmentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
17
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
18
|
-
}, "style" | "className" | "classes" | "children" | "sx" | "position" | "variant" | "disablePointerEvents" | "disableTypography">, "slot" | "style" | "title" | "className" | "classes" | "children" | "sx" | "tabIndex" | "color" | "content" | "position" | "translate" | "variant" | "ref" | "suppressHydrationWarning" | "id" | "lang" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "disablePointerEvents" | "disableTypography"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
16
|
+
export declare const StartAdornment: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").InputAdornmentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "sx" | "position" | "variant" | "disablePointerEvents" | "disableTypography">, "slot" | "style" | "title" | "className" | "classes" | "children" | "sx" | "tabIndex" | "color" | "content" | "position" | "translate" | "variant" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disablePointerEvents" | "disableTypography"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
19
17
|
ownerState?: undefined;
|
|
20
18
|
} & {
|
|
21
19
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.slots.d.ts","sourceRoot":"","sources":["../../src/dateRangePicker/DateRangePicker.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,eAAe,EAAE,KAAK,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACjI,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAI/D,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAE/F,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC;IAC7C,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,SAAS,EAAE,OAAO,cAAc,CAAC;CACpC,CAAC,CAAC,WAAW,CAAC,CAAC;AAEhB,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC;AAEL,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"DateRangePicker.slots.d.ts","sourceRoot":"","sources":["../../src/dateRangePicker/DateRangePicker.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,eAAe,EAAE,KAAK,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACjI,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAI/D,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAE/F,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC;IAC7C,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,SAAS,EAAE,OAAO,cAAc,CAAC;CACpC,CAAC,CAAC,WAAW,CAAC,CAAC;AAEhB,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC;AAEL,eAAO,MAAM,cAAc;;;;;mDAGvB,CAAC;AAEL,eAAO,MAAM,SAAS;;;;;2CA4GrB,CAAC"}
|
|
@@ -1,28 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _utils = require("@mui/utils");
|
|
10
|
-
var _reactDateRange = require("react-date-range");
|
|
11
|
-
var _getReactDateRangeStyles = require("../utils/getReactDateRangeStyles");
|
|
12
|
-
var Root = exports.Root = (0, _admin.createComponentSlot)(_admin.InputWithPopper)({
|
|
13
|
-
componentName: "DateRangePicker",
|
|
1
|
+
import { createComponentSlot, InputWithPopper } from "@comet/admin";
|
|
2
|
+
import { InputAdornment } from "@mui/material";
|
|
3
|
+
import { deepmerge } from "@mui/utils";
|
|
4
|
+
import { DateRange as ReactDateRange } from "react-date-range";
|
|
5
|
+
import { getReactDateRangeStyles } from "../utils/getReactDateRangeStyles";
|
|
6
|
+
export var Root = createComponentSlot(InputWithPopper)({
|
|
7
|
+
componentName: "LegacyDateRangePicker",
|
|
14
8
|
slotName: "root"
|
|
15
9
|
})();
|
|
16
|
-
var StartAdornment =
|
|
17
|
-
componentName: "
|
|
10
|
+
export var StartAdornment = createComponentSlot(InputAdornment)({
|
|
11
|
+
componentName: "LegacyDateRangePicker",
|
|
18
12
|
slotName: "startAdornment"
|
|
19
13
|
})();
|
|
20
|
-
var DateRange =
|
|
21
|
-
componentName: "
|
|
14
|
+
export var DateRange = createComponentSlot(ReactDateRange)({
|
|
15
|
+
componentName: "LegacyDateRangePicker",
|
|
22
16
|
slotName: "dateRange"
|
|
23
17
|
})(function (_ref) {
|
|
24
18
|
var theme = _ref.theme;
|
|
25
|
-
return
|
|
19
|
+
return deepmerge(getReactDateRangeStyles(theme), {
|
|
26
20
|
"& .rdrDay": {
|
|
27
21
|
"& .rdrStartEdge, & .rdrEndEdge, & .rdrInRange": {
|
|
28
22
|
backgroundColor: theme.palette.primary.main,
|
|
@@ -3,7 +3,7 @@ import { type DateRange, type DateRangePickerProps } from "./DateRangePicker";
|
|
|
3
3
|
export type FinalFormDateRangePickerProps = DateRangePickerProps;
|
|
4
4
|
type FinalFormDateRangePickerInternalProps = FieldRenderProps<DateRange, HTMLInputElement | HTMLTextAreaElement>;
|
|
5
5
|
/**
|
|
6
|
-
* @deprecated
|
|
6
|
+
* @deprecated Use `DateRangePickerField` from `@comet/admin` instead.
|
|
7
7
|
*
|
|
8
8
|
* Final Form-compatible DateRangerPicker component.
|
|
9
9
|
*
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.FinalFormDateRangePicker = void 0;
|
|
8
|
-
var _DateRangePicker = require("./DateRangePicker");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
2
|
var _excluded = ["meta", "input"];
|
|
11
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -15,16 +7,18 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
15
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
8
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
17
9
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
|
+
import { DateRangePicker } from "./DateRangePicker";
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
18
12
|
/**
|
|
19
|
-
* @deprecated
|
|
13
|
+
* @deprecated Use `DateRangePickerField` from `@comet/admin` instead.
|
|
20
14
|
*
|
|
21
15
|
* Final Form-compatible DateRangerPicker component.
|
|
22
16
|
*
|
|
23
17
|
* @see {@link DateRangeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
|
|
24
18
|
*/
|
|
25
|
-
var FinalFormDateRangePicker =
|
|
19
|
+
export var FinalFormDateRangePicker = function FinalFormDateRangePicker(_ref) {
|
|
26
20
|
var meta = _ref.meta,
|
|
27
21
|
input = _ref.input,
|
|
28
22
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
-
return /*#__PURE__*/(
|
|
23
|
+
return /*#__PURE__*/_jsx(DateRangePicker, _objectSpread(_objectSpread({}, input), restProps));
|
|
30
24
|
};
|
|
@@ -2,7 +2,7 @@ import { type FieldProps } from "@comet/admin";
|
|
|
2
2
|
import { type FinalFormDateTimePickerProps } from "./FinalFormDateTimePicker";
|
|
3
3
|
export type DateTimeFieldProps = FieldProps<Date, HTMLInputElement> & FinalFormDateTimePickerProps;
|
|
4
4
|
/**
|
|
5
|
-
* @deprecated
|
|
5
|
+
* @deprecated Use `DateTimePickerField` from `@comet/admin` instead.
|
|
6
6
|
*/
|
|
7
7
|
export declare const DateTimeField: ({ ...restProps }: DateTimeFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
//# sourceMappingURL=DateTimeField.d.ts.map
|
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.DateTimeField = void 0;
|
|
8
|
-
var _admin = require("@comet/admin");
|
|
9
|
-
var _FinalFormDateTimePicker = require("./FinalFormDateTimePicker");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -15,12 +6,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
15
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
7
|
function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
|
|
17
8
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
9
|
+
import { Field } from "@comet/admin";
|
|
10
|
+
import { FinalFormDateTimePicker } from "./FinalFormDateTimePicker";
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
18
12
|
/**
|
|
19
|
-
* @deprecated
|
|
13
|
+
* @deprecated Use `DateTimePickerField` from `@comet/admin` instead.
|
|
20
14
|
*/
|
|
21
|
-
var DateTimeField =
|
|
15
|
+
export var DateTimeField = function DateTimeField(_ref) {
|
|
22
16
|
var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
23
|
-
return /*#__PURE__*/(
|
|
24
|
-
component:
|
|
17
|
+
return /*#__PURE__*/_jsx(Field, _objectSpread({
|
|
18
|
+
component: FinalFormDateTimePicker
|
|
25
19
|
}, restProps));
|
|
26
20
|
};
|
|
@@ -19,20 +19,20 @@ export interface DateTimePickerProps extends ThemedComponentBaseProps<{
|
|
|
19
19
|
onFocus?: InputBaseProps["onFocus"];
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
|
-
* @deprecated
|
|
22
|
+
* @deprecated Use `DateTimePicker` from `@comet/admin` instead.
|
|
23
23
|
*/
|
|
24
24
|
export declare const DateTimePicker: (inProps: DateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
declare module "@mui/material/styles" {
|
|
26
26
|
interface ComponentNameToClassKey {
|
|
27
|
-
|
|
27
|
+
CometAdminLegacyDateTimePicker: DateTimePickerClassKey;
|
|
28
28
|
}
|
|
29
29
|
interface ComponentsPropsList {
|
|
30
|
-
|
|
30
|
+
CometAdminLegacyDateTimePicker: DateTimePickerProps;
|
|
31
31
|
}
|
|
32
32
|
interface Components {
|
|
33
|
-
|
|
34
|
-
defaultProps?: Partial<ComponentsPropsList["
|
|
35
|
-
styleOverrides?: ComponentsOverrides<Theme>["
|
|
33
|
+
CometAdminLegacyDateTimePicker?: {
|
|
34
|
+
defaultProps?: Partial<ComponentsPropsList["CometAdminLegacyDateTimePicker"]>;
|
|
35
|
+
styleOverrides?: ComponentsOverrides<Theme>["CometAdminLegacyDateTimePicker"];
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../src/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,KAAK,mBAAmB,EAAE,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAItE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIxE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,YAAY,GAAG,YAAY,CAAC;AAmElH,MAAM,WAAW,mBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,eAAe,EAAE,OAAO,WAAW,CAAC;IACpC,eAAe,EAAE,OAAO,WAAW,CAAC;IACpC,UAAU,EAAE,OAAO,cAAc,CAAC;IAClC,UAAU,EAAE,OAAO,cAAc,CAAC;CACrC,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,mBAAmB,4CAkF1D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,
|
|
1
|
+
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../src/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,KAAK,mBAAmB,EAAE,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAItE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIxE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,YAAY,GAAG,YAAY,CAAC;AAmElH,MAAM,WAAW,mBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,eAAe,EAAE,OAAO,WAAW,CAAC;IACpC,eAAe,EAAE,OAAO,WAAW,CAAC;IACpC,UAAU,EAAE,OAAO,cAAc,CAAC;IAClC,UAAU,EAAE,OAAO,cAAc,CAAC;CACrC,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,mBAAmB,4CAkF1D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,8BAA8B,EAAE,sBAAsB,CAAC;KAC1D;IAED,UAAU,mBAAmB;QACzB,8BAA8B,EAAE,mBAAmB,CAAC;KACvD;IAED,UAAU,UAAU;QAChB,8BAA8B,CAAC,EAAE;YAC7B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,CAAC,CAAC;YAC9E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,gCAAgC,CAAC,CAAC;SACjF,CAAC;KACL;CACJ"}
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.DateTimePicker = void 0;
|
|
8
|
-
var _admin = require("@comet/admin");
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _styles = require("@mui/material/styles");
|
|
11
|
-
var _react = require("react");
|
|
12
|
-
var _reactIntl = require("react-intl");
|
|
13
|
-
var _DatePicker = require("../datePicker/DatePicker");
|
|
14
|
-
var _TimePicker = require("../timePicker/TimePicker");
|
|
15
|
-
var _datePickerHelpers = require("../utils/datePickerHelpers");
|
|
16
|
-
var _timePickerHelpers = require("../utils/timePickerHelpers");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
2
|
var _excluded = ["onChange", "value", "required", "disabled", "slotProps", "onBlur", "onFocus"];
|
|
19
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
20
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -25,46 +9,56 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
25
9
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
26
10
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
27
11
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
28
|
-
|
|
29
|
-
|
|
12
|
+
import { createComponentSlot } from "@comet/admin";
|
|
13
|
+
import { FormControl } from "@mui/material";
|
|
14
|
+
import { css, useThemeProps } from "@mui/material/styles";
|
|
15
|
+
import { useRef } from "react";
|
|
16
|
+
import { useIntl } from "react-intl";
|
|
17
|
+
import { DatePicker as DatePickerBase } from "../datePicker/DatePicker";
|
|
18
|
+
import { TimePicker as TimePickerBase } from "../timePicker/TimePicker";
|
|
19
|
+
import { getIsoDateString } from "../utils/datePickerHelpers";
|
|
20
|
+
import { getDateWithNewTime, getTimeStringFromDate } from "../utils/timePickerHelpers";
|
|
21
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
+
var Root = createComponentSlot("div")({
|
|
23
|
+
componentName: "LegacyDateTimePicker",
|
|
30
24
|
slotName: "root"
|
|
31
25
|
})(function (_ref) {
|
|
32
26
|
var theme = _ref.theme;
|
|
33
|
-
return
|
|
27
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", " {\n display: flex;\n align-items: center;\n }\n "])), theme.breakpoints.up("sm"));
|
|
34
28
|
});
|
|
35
|
-
var DateFormControl =
|
|
36
|
-
componentName: "
|
|
29
|
+
var DateFormControl = createComponentSlot(FormControl)({
|
|
30
|
+
componentName: "LegacyDateTimePicker",
|
|
37
31
|
slotName: "dateFormControl"
|
|
38
32
|
})(function (_ref2) {
|
|
39
33
|
var theme = _ref2.theme;
|
|
40
|
-
return
|
|
34
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n width: 100%;\n\n ", " {\n flex-grow: 1;\n margin-right: ", ";\n margin-bottom: 0;\n width: auto;\n }\n "])), theme.spacing(2), theme.breakpoints.up("sm"), theme.spacing(2));
|
|
41
35
|
});
|
|
42
|
-
var TimeFormControl =
|
|
43
|
-
componentName: "
|
|
36
|
+
var TimeFormControl = createComponentSlot(FormControl)({
|
|
37
|
+
componentName: "LegacyDateTimePicker",
|
|
44
38
|
slotName: "timeFormControl"
|
|
45
39
|
})(function (_ref3) {
|
|
46
40
|
var theme = _ref3.theme;
|
|
47
|
-
return
|
|
41
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n flex-grow: 1;\n\n ", " {\n width: auto;\n }\n "])), theme.breakpoints.up("sm"));
|
|
48
42
|
});
|
|
49
|
-
var DatePicker =
|
|
50
|
-
componentName: "
|
|
43
|
+
var DatePicker = createComponentSlot(DatePickerBase)({
|
|
44
|
+
componentName: "LegacyDateTimePicker",
|
|
51
45
|
slotName: "datePicker"
|
|
52
46
|
})(function () {
|
|
53
|
-
return
|
|
47
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .MuiInputBase-input {\n text-overflow: ellipsis;\n }\n "])));
|
|
54
48
|
});
|
|
55
|
-
var TimePicker =
|
|
56
|
-
componentName: "
|
|
49
|
+
var TimePicker = createComponentSlot(TimePickerBase)({
|
|
50
|
+
componentName: "LegacyDateTimePicker",
|
|
57
51
|
slotName: "timePicker"
|
|
58
52
|
})(function () {
|
|
59
|
-
return
|
|
53
|
+
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n .MuiInputBase-input {\n text-overflow: ellipsis;\n }\n "])));
|
|
60
54
|
});
|
|
61
55
|
/**
|
|
62
|
-
* @deprecated
|
|
56
|
+
* @deprecated Use `DateTimePicker` from `@comet/admin` instead.
|
|
63
57
|
*/
|
|
64
|
-
var DateTimePicker =
|
|
65
|
-
var _useThemeProps =
|
|
58
|
+
export var DateTimePicker = function DateTimePicker(inProps) {
|
|
59
|
+
var _useThemeProps = useThemeProps({
|
|
66
60
|
props: inProps,
|
|
67
|
-
name: "
|
|
61
|
+
name: "CometAdminLegacyDateTimePicker"
|
|
68
62
|
}),
|
|
69
63
|
onChange = _useThemeProps.onChange,
|
|
70
64
|
value = _useThemeProps.value,
|
|
@@ -74,16 +68,16 @@ var DateTimePicker = exports.DateTimePicker = function DateTimePicker(inProps) {
|
|
|
74
68
|
_onBlur = _useThemeProps.onBlur,
|
|
75
69
|
_onFocus = _useThemeProps.onFocus,
|
|
76
70
|
restProps = _objectWithoutProperties(_useThemeProps, _excluded);
|
|
77
|
-
var intl =
|
|
78
|
-
var datePickerRef =
|
|
79
|
-
var timePickerRef =
|
|
71
|
+
var intl = useIntl();
|
|
72
|
+
var datePickerRef = useRef(null);
|
|
73
|
+
var timePickerRef = useRef(null);
|
|
80
74
|
var onChangeDate = function onChangeDate(newDate) {
|
|
81
75
|
if (newDate === undefined) {
|
|
82
76
|
onChange === null || onChange === void 0 || onChange(undefined);
|
|
83
77
|
} else {
|
|
84
78
|
var timePickerShouldBeFocused = !value;
|
|
85
|
-
var time =
|
|
86
|
-
var newDateTime =
|
|
79
|
+
var time = getTimeStringFromDate(value ? value : new Date());
|
|
80
|
+
var newDateTime = getDateWithNewTime(new Date(newDate), time);
|
|
87
81
|
onChange === null || onChange === void 0 || onChange(newDateTime);
|
|
88
82
|
if (timePickerShouldBeFocused) {
|
|
89
83
|
var _timePickerRef$curren;
|
|
@@ -97,7 +91,7 @@ var DateTimePicker = exports.DateTimePicker = function DateTimePicker(inProps) {
|
|
|
97
91
|
} else {
|
|
98
92
|
var datePickerShouldBeFocused = !value;
|
|
99
93
|
var date = value ? value : new Date();
|
|
100
|
-
var newDateTime =
|
|
94
|
+
var newDateTime = getDateWithNewTime(date, newTime);
|
|
101
95
|
onChange === null || onChange === void 0 || onChange(newDateTime);
|
|
102
96
|
if (datePickerShouldBeFocused) {
|
|
103
97
|
var _datePickerRef$curren;
|
|
@@ -105,11 +99,11 @@ var DateTimePicker = exports.DateTimePicker = function DateTimePicker(inProps) {
|
|
|
105
99
|
}
|
|
106
100
|
}
|
|
107
101
|
};
|
|
108
|
-
return /*#__PURE__*/(
|
|
109
|
-
children: [/*#__PURE__*/(
|
|
110
|
-
children: /*#__PURE__*/(
|
|
102
|
+
return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
103
|
+
children: [/*#__PURE__*/_jsx(DateFormControl, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dateFormControl), {}, {
|
|
104
|
+
children: /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({
|
|
111
105
|
inputRef: datePickerRef,
|
|
112
|
-
value: value ?
|
|
106
|
+
value: value ? getIsoDateString(value) : undefined,
|
|
113
107
|
onChange: onChangeDate,
|
|
114
108
|
fullWidth: true,
|
|
115
109
|
required: required,
|
|
@@ -126,10 +120,10 @@ var DateTimePicker = exports.DateTimePicker = function DateTimePicker(inProps) {
|
|
|
126
120
|
slotProps === null || slotProps === void 0 || (_slotProps$datePicker3 = slotProps.datePicker) === null || _slotProps$datePicker3 === void 0 || (_slotProps$datePicker4 = _slotProps$datePicker3.onFocus) === null || _slotProps$datePicker4 === void 0 || _slotProps$datePicker4.call(_slotProps$datePicker3, event);
|
|
127
121
|
}
|
|
128
122
|
}))
|
|
129
|
-
})), /*#__PURE__*/(
|
|
130
|
-
children: /*#__PURE__*/(
|
|
123
|
+
})), /*#__PURE__*/_jsx(TimeFormControl, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.timeFormControl), {}, {
|
|
124
|
+
children: /*#__PURE__*/_jsx(TimePicker, _objectSpread(_objectSpread({
|
|
131
125
|
inputRef: timePickerRef,
|
|
132
|
-
value: value ?
|
|
126
|
+
value: value ? getTimeStringFromDate(value) : undefined,
|
|
133
127
|
placeholder: intl.formatMessage({
|
|
134
128
|
id: "comet.timeTimePicker.time",
|
|
135
129
|
defaultMessage: "Time"
|
|
@@ -3,7 +3,7 @@ import { type DateTimePickerProps } from "./DateTimePicker";
|
|
|
3
3
|
export type FinalFormDateTimePickerProps = DateTimePickerProps;
|
|
4
4
|
type FinalFormDateTimePickerInternalProps = FieldRenderProps<Date, HTMLInputElement | HTMLTextAreaElement>;
|
|
5
5
|
/**
|
|
6
|
-
* @deprecated
|
|
6
|
+
* @deprecated Use `DateTimePickerField` from `@comet/admin` instead.
|
|
7
7
|
*
|
|
8
8
|
* Final Form-compatible DateTimePicker component.
|
|
9
9
|
*
|