@comet/admin 9.0.0-beta.1 → 9.0.0-beta.2
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/common/toolbar/DataGridToolbar.d.ts +3 -3
- package/lib/common/toolbar/DataGridToolbar.d.ts.map +1 -1
- package/lib/common/toolbar/DataGridToolbar.js +10 -18
- package/lib/dataGrid/DataGridPanel.d.ts.map +1 -1
- package/lib/dataGrid/DataGridPanel.js +31 -23
- package/lib/dataGrid/GridColDef.d.ts +1 -1
- package/lib/dataGrid/GridColDef.d.ts.map +1 -1
- package/lib/dataGrid/GridToolbarQuickFilter.d.ts +10 -0
- package/lib/dataGrid/GridToolbarQuickFilter.d.ts.map +1 -0
- package/lib/dataGrid/GridToolbarQuickFilter.js +97 -0
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.d.ts +1 -1
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.d.ts.map +1 -1
- package/lib/dataGrid/gridColumnTypes.d.ts.map +1 -1
- package/lib/dataGrid/gridColumnTypes.js +14 -11
- package/lib/dataGrid/useDataGridUrlState.d.ts.map +1 -1
- package/lib/dataGrid/useDataGridUrlState.js +11 -3
- package/lib/dateTime/datePicker/DatePicker.d.ts +2 -2
- package/lib/dateTime/datePicker/DatePicker.d.ts.map +1 -1
- package/lib/dateTime/datePicker/DatePicker.js +21 -25
- package/lib/dateTime/dateRangePicker/DateRangePicker.d.ts +2 -2
- package/lib/dateTime/dateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/lib/dateTime/dateRangePicker/DateRangePicker.js +22 -30
- package/lib/dateTime/dateTimePicker/DateTimePicker.d.ts +2 -2
- package/lib/dateTime/dateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/lib/dateTime/dateTimePicker/DateTimePicker.js +21 -25
- package/lib/dateTime/dateTimeRangePicker/DateTimeRangePicker.d.ts +2 -2
- package/lib/dateTime/dateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
- package/lib/dateTime/dateTimeRangePicker/DateTimeRangePicker.js +26 -26
- package/lib/dateTime/timePicker/TimePicker.d.ts +2 -2
- package/lib/dateTime/timePicker/TimePicker.d.ts.map +1 -1
- package/lib/dateTime/timePicker/TimePicker.js +21 -25
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -0
- package/lib/messages.d.ts +4 -0
- package/lib/messages.d.ts.map +1 -1
- package/lib/messages.js +4 -0
- package/lib/theme/componentsTheme/MuiDataGrid.d.ts.map +1 -1
- package/lib/theme/componentsTheme/MuiDataGrid.js +122 -94
- package/lib/theme/componentsTheme/MuiPickerPopper.d.ts +3 -0
- package/lib/theme/componentsTheme/MuiPickerPopper.d.ts.map +1 -0
- package/lib/theme/componentsTheme/{MuiPickersPopper.js → MuiPickerPopper.js} +1 -1
- package/lib/theme/componentsTheme/MuiPickersInputBase.d.ts.map +1 -1
- package/lib/theme/componentsTheme/MuiPickersInputBase.js +5 -1
- package/lib/theme/componentsTheme/getComponentsTheme.js +2 -2
- package/lib/theme/createCometTheme.d.ts.map +1 -1
- package/lib/theme/createCometTheme.js +5 -6
- package/lib/utils/test-utils.js +1 -1
- package/package.json +19 -15
- package/lib/theme/componentsTheme/MuiPickersPopper.d.ts +0 -3
- package/lib/theme/componentsTheme/MuiPickersPopper.d.ts.map +0 -1
|
@@ -63,7 +63,6 @@ export var DatePicker = function DatePicker(inProps) {
|
|
|
63
63
|
color: "inherit"
|
|
64
64
|
}) : _iconMapping$openPick;
|
|
65
65
|
return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
|
|
66
|
-
enableAccessibleFieldDOMStructure: true,
|
|
67
66
|
disabled: disabled,
|
|
68
67
|
readOnly: readOnly,
|
|
69
68
|
open: open,
|
|
@@ -73,7 +72,6 @@ export var DatePicker = function DatePicker(inProps) {
|
|
|
73
72
|
onClose: function onClose() {
|
|
74
73
|
return setOpen(false);
|
|
75
74
|
},
|
|
76
|
-
disableOpenPicker: true,
|
|
77
75
|
value: dateValue,
|
|
78
76
|
onChange: function onChange(date) {
|
|
79
77
|
var newStringValue = undefined;
|
|
@@ -85,7 +83,7 @@ export var DatePicker = function DatePicker(inProps) {
|
|
|
85
83
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
86
84
|
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root = slotProps.root) === null || _slotProps$root === void 0 ? void 0 : _slotProps$root.slotProps), {}, {
|
|
87
85
|
textField: function textField(ownerState) {
|
|
88
|
-
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2
|
|
86
|
+
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2;
|
|
89
87
|
var textFieldProps = _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root2 = slotProps.root) === null || _slotProps$root2 === void 0 || (_slotProps$root2 = _slotProps$root2.slotProps) === null || _slotProps$root2 === void 0 ? void 0 : _slotProps$root2.textField), {}, {
|
|
90
88
|
ownerState: ownerState
|
|
91
89
|
});
|
|
@@ -95,28 +93,26 @@ export var DatePicker = function DatePicker(inProps) {
|
|
|
95
93
|
onBlur: onBlur,
|
|
96
94
|
onFocus: onFocus
|
|
97
95
|
}, textFieldProps), {}, {
|
|
98
|
-
InputProps:
|
|
99
|
-
startAdornment: /*#__PURE__*/
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
})), textFieldProps === null || textFieldProps === void 0 || (_textFieldProps$Input = textFieldProps.InputProps) === null || _textFieldProps$Input === void 0 ? void 0 : _textFieldProps$Input.startAdornment]
|
|
117
|
-
}),
|
|
96
|
+
InputProps: {
|
|
97
|
+
startAdornment: /*#__PURE__*/_jsx(OpenPickerAdornment, _objectSpread(_objectSpread({
|
|
98
|
+
inputIsDisabled: disabled,
|
|
99
|
+
inputIsReadOnly: readOnly,
|
|
100
|
+
onClick: function onClick() {
|
|
101
|
+
return setOpen(true);
|
|
102
|
+
}
|
|
103
|
+
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.openPickerAdornment), {}, {
|
|
104
|
+
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker = slotProps.openPickerAdornment) === null || _slotProps$openPicker === void 0 ? void 0 : _slotProps$openPicker.slotProps), {}, {
|
|
105
|
+
openPickerButton: _objectSpread({
|
|
106
|
+
"aria-label": intl.formatMessage({
|
|
107
|
+
id: "comet.datePicker.openPicker",
|
|
108
|
+
defaultMessage: "Open date picker"
|
|
109
|
+
})
|
|
110
|
+
}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker2 = slotProps.openPickerAdornment) === null || _slotProps$openPicker2 === void 0 || (_slotProps$openPicker2 = _slotProps$openPicker2.slotProps) === null || _slotProps$openPicker2 === void 0 ? void 0 : _slotProps$openPicker2.openPickerButton)
|
|
111
|
+
}),
|
|
112
|
+
children: openPickerIcon
|
|
113
|
+
})),
|
|
118
114
|
endAdornment: /*#__PURE__*/_jsxs(_Fragment, {
|
|
119
|
-
children: [
|
|
115
|
+
children: [/*#__PURE__*/_jsx(ReadOnlyAdornment, _objectSpread({
|
|
120
116
|
inputIsReadOnly: Boolean(readOnly)
|
|
121
117
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.readOnlyAdornment)), /*#__PURE__*/_jsx(ClearInputAdornment, _objectSpread({
|
|
122
118
|
position: "end",
|
|
@@ -126,7 +122,7 @@ export var DatePicker = function DatePicker(inProps) {
|
|
|
126
122
|
}
|
|
127
123
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.clearInputAdornment))]
|
|
128
124
|
})
|
|
129
|
-
}
|
|
125
|
+
}
|
|
130
126
|
});
|
|
131
127
|
}
|
|
132
128
|
})
|
|
@@ -14,7 +14,7 @@ export type DateRange = {
|
|
|
14
14
|
};
|
|
15
15
|
export type DateRangePickerClassKey = "root" | "clearInputAdornment" | "readOnlyAdornment" | "openPickerAdornment";
|
|
16
16
|
export type DateRangePickerProps = ThemedComponentBaseProps<{
|
|
17
|
-
root: ComponentType<MuiDateRangePickerProps
|
|
17
|
+
root: ComponentType<MuiDateRangePickerProps>;
|
|
18
18
|
clearInputAdornment: typeof CometClearInputAdornment;
|
|
19
19
|
readOnlyAdornment: typeof ReadOnlyAdornment;
|
|
20
20
|
openPickerAdornment: typeof OpenPickerAdornment;
|
|
@@ -44,7 +44,7 @@ export type DateRangePickerProps = ThemedComponentBaseProps<{
|
|
|
44
44
|
iconMapping?: {
|
|
45
45
|
openPicker?: ReactNode;
|
|
46
46
|
};
|
|
47
|
-
} & Omit<MuiDateRangePickerProps
|
|
47
|
+
} & Omit<MuiDateRangePickerProps, "value" | "onChange">;
|
|
48
48
|
/**
|
|
49
49
|
* The DateRangePicker component allows users to select a date range from a calendar interface. It provides two
|
|
50
50
|
* text fields with a calendar icon that opens a date range picker dialog. The component handles ISO 8601 date strings
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/dateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,KAAK,oBAAoB,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,EAAE,KAAK,aAAa,EAAQ,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAEnH,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;IACxD,IAAI,EAAE,aAAa,CAAC,uBAAuB,CAAC,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/dateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,KAAK,oBAAoB,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,EAAE,KAAK,aAAa,EAAQ,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAEnH,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;IACxD,IAAI,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC7C,mBAAmB,EAAE,OAAO,wBAAwB,CAAC;IACrD,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;IAC5C,mBAAmB,EAAE,OAAO,mBAAmB,CAAC;CACnD,CAAC,GAAG;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;CACL,GAAG,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAMxD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,oBAAoB,4CAqG5D,CAAC;AA4BF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;IAED,UAAU,uBAAuB;QAC7B,yBAAyB,EAAE,uBAAuB,CAAC;KACtD;IAED,UAAU,UAAU;QAChB,yBAAyB,CAAC,EAAE;YACxB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,2BAA2B,CAAC,CAAC,CAAC;YACzE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,2BAA2B,CAAC,CAAC;SAC5E,CAAC;KACL;CACJ"}
|
|
@@ -78,7 +78,6 @@ export var DateRangePicker = function DateRangePicker(inProps) {
|
|
|
78
78
|
}) : _iconMapping$openPick;
|
|
79
79
|
return /*#__PURE__*/_jsx(Suspense, {
|
|
80
80
|
children: /*#__PURE__*/_jsx(LazyRoot, _objectSpread(_objectSpread(_objectSpread({
|
|
81
|
-
enableAccessibleFieldDOMStructure: true,
|
|
82
81
|
disabled: disabled,
|
|
83
82
|
readOnly: readOnly,
|
|
84
83
|
open: open,
|
|
@@ -88,7 +87,6 @@ export var DateRangePicker = function DateRangePicker(inProps) {
|
|
|
88
87
|
onClose: function onClose() {
|
|
89
88
|
return setOpen(false);
|
|
90
89
|
},
|
|
91
|
-
disableOpenPicker: true,
|
|
92
90
|
value: dateRangeValue,
|
|
93
91
|
onChange: function onChange(_ref) {
|
|
94
92
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
@@ -106,7 +104,7 @@ export var DateRangePicker = function DateRangePicker(inProps) {
|
|
|
106
104
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
107
105
|
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root = slotProps.root) === null || _slotProps$root === void 0 ? void 0 : _slotProps$root.slotProps), {}, {
|
|
108
106
|
textField: function textField(ownerState) {
|
|
109
|
-
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2
|
|
107
|
+
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2;
|
|
110
108
|
var textFieldProps = _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root2 = slotProps.root) === null || _slotProps$root2 === void 0 || (_slotProps$root2 = _slotProps$root2.slotProps) === null || _slotProps$root2 === void 0 ? void 0 : _slotProps$root2.textField), {}, {
|
|
111
109
|
ownerState: ownerState
|
|
112
110
|
});
|
|
@@ -116,28 +114,26 @@ export var DateRangePicker = function DateRangePicker(inProps) {
|
|
|
116
114
|
onBlur: onBlur,
|
|
117
115
|
onFocus: onFocus
|
|
118
116
|
}, textFieldProps), {}, {
|
|
119
|
-
InputProps:
|
|
120
|
-
startAdornment: /*#__PURE__*/
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
})), textFieldProps === null || textFieldProps === void 0 || (_textFieldProps$Input = textFieldProps.InputProps) === null || _textFieldProps$Input === void 0 ? void 0 : _textFieldProps$Input.startAdornment]
|
|
138
|
-
}),
|
|
117
|
+
InputProps: {
|
|
118
|
+
startAdornment: /*#__PURE__*/_jsx(OpenPickerAdornment, _objectSpread(_objectSpread({
|
|
119
|
+
inputIsDisabled: disabled,
|
|
120
|
+
inputIsReadOnly: readOnly,
|
|
121
|
+
onClick: function onClick() {
|
|
122
|
+
return setOpen(true);
|
|
123
|
+
}
|
|
124
|
+
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.openPickerAdornment), {}, {
|
|
125
|
+
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker = slotProps.openPickerAdornment) === null || _slotProps$openPicker === void 0 ? void 0 : _slotProps$openPicker.slotProps), {}, {
|
|
126
|
+
openPickerButton: _objectSpread({
|
|
127
|
+
"aria-label": intl.formatMessage({
|
|
128
|
+
id: "comet.dateRangePicker.openPicker",
|
|
129
|
+
defaultMessage: "Open date range picker"
|
|
130
|
+
})
|
|
131
|
+
}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker2 = slotProps.openPickerAdornment) === null || _slotProps$openPicker2 === void 0 || (_slotProps$openPicker2 = _slotProps$openPicker2.slotProps) === null || _slotProps$openPicker2 === void 0 ? void 0 : _slotProps$openPicker2.openPickerButton)
|
|
132
|
+
}),
|
|
133
|
+
children: openPickerIcon
|
|
134
|
+
})),
|
|
139
135
|
endAdornment: /*#__PURE__*/_jsxs(_Fragment, {
|
|
140
|
-
children: [
|
|
136
|
+
children: [/*#__PURE__*/_jsx(ReadOnlyAdornment, _objectSpread({
|
|
141
137
|
inputIsReadOnly: Boolean(readOnly)
|
|
142
138
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.readOnlyAdornment)), /*#__PURE__*/_jsx(ClearInputAdornment, _objectSpread({
|
|
143
139
|
position: "end",
|
|
@@ -147,7 +143,7 @@ export var DateRangePicker = function DateRangePicker(inProps) {
|
|
|
147
143
|
}
|
|
148
144
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.clearInputAdornment))]
|
|
149
145
|
})
|
|
150
|
-
}
|
|
146
|
+
}
|
|
151
147
|
});
|
|
152
148
|
}
|
|
153
149
|
})
|
|
@@ -169,11 +165,7 @@ var LazyRoot = /*#__PURE__*/lazy(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_re
|
|
|
169
165
|
})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", " {\n display: none;\n\n & + .", " {\n margin-top: 0;\n }\n }\n "])), inputLabelClasses.root, module.pickersInputBaseClasses.root));
|
|
170
166
|
return _context.a(2, {
|
|
171
167
|
"default": function _default(props) {
|
|
172
|
-
return /*#__PURE__*/_jsx(Root, _objectSpread(
|
|
173
|
-
slots: _objectSpread({
|
|
174
|
-
field: module.SingleInputDateRangeField
|
|
175
|
-
}, props.slots)
|
|
176
|
-
}));
|
|
168
|
+
return /*#__PURE__*/_jsx(Root, _objectSpread({}, props));
|
|
177
169
|
}
|
|
178
170
|
});
|
|
179
171
|
}
|
|
@@ -7,7 +7,7 @@ import { ReadOnlyAdornment } from "../../common/ReadOnlyAdornment";
|
|
|
7
7
|
import { type ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
|
|
8
8
|
export type DateTimePickerClassKey = "root" | "clearInputAdornment" | "readOnlyAdornment" | "openPickerAdornment";
|
|
9
9
|
export type DateTimePickerProps = ThemedComponentBaseProps<{
|
|
10
|
-
root: typeof MuiDateTimePicker
|
|
10
|
+
root: typeof MuiDateTimePicker;
|
|
11
11
|
clearInputAdornment: typeof CometClearInputAdornment;
|
|
12
12
|
readOnlyAdornment: typeof ReadOnlyAdornment;
|
|
13
13
|
openPickerAdornment: typeof OpenPickerAdornment;
|
|
@@ -37,7 +37,7 @@ export type DateTimePickerProps = ThemedComponentBaseProps<{
|
|
|
37
37
|
iconMapping?: {
|
|
38
38
|
openPicker?: ReactNode;
|
|
39
39
|
};
|
|
40
|
-
} & Omit<MuiDateTimePickerProps
|
|
40
|
+
} & Omit<MuiDateTimePickerProps, "value" | "onChange">;
|
|
41
41
|
/**
|
|
42
42
|
* The DateTimePicker component allows users to select both a date and time from a combined picker interface.
|
|
43
43
|
* It provides a text field with a calendar icon that opens a date-time picker dialog. The component handles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EACH,cAAc,IAAI,iBAAiB,EACnC,KAAK,mBAAmB,IAAI,sBAAsB,EAErD,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAElH,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC;IACvD,IAAI,EAAE,OAAO,iBAAiB,CAAC
|
|
1
|
+
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EACH,cAAc,IAAI,iBAAiB,EACnC,KAAK,mBAAmB,IAAI,sBAAsB,EAErD,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAElH,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC;IACvD,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,mBAAmB,EAAE,OAAO,wBAAwB,CAAC;IACrD,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;IAC5C,mBAAmB,EAAE,OAAO,mBAAmB,CAAC;CACnD,CAAC,GAAG;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;CACL,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAEvD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,mBAAmB,4CA4F1D,CAAC;AAoBF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,wBAAwB,EAAE,mBAAmB,CAAC;KACjD;IAED,UAAU,uBAAuB;QAC7B,wBAAwB,EAAE,sBAAsB,CAAC;KACpD;IAED,UAAU,UAAU;QAChB,wBAAwB,CAAC,EAAE;YACvB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,0BAA0B,CAAC,CAAC,CAAC;YACxE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,0BAA0B,CAAC,CAAC;SAC3E,CAAC;KACL;CACJ"}
|
|
@@ -63,7 +63,6 @@ export var DateTimePicker = function DateTimePicker(inProps) {
|
|
|
63
63
|
color: "inherit"
|
|
64
64
|
}) : _iconMapping$openPick;
|
|
65
65
|
return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
|
|
66
|
-
enableAccessibleFieldDOMStructure: true,
|
|
67
66
|
disabled: disabled,
|
|
68
67
|
readOnly: readOnly,
|
|
69
68
|
open: open,
|
|
@@ -73,7 +72,6 @@ export var DateTimePicker = function DateTimePicker(inProps) {
|
|
|
73
72
|
onClose: function onClose() {
|
|
74
73
|
return setOpen(false);
|
|
75
74
|
},
|
|
76
|
-
disableOpenPicker: true,
|
|
77
75
|
value: value,
|
|
78
76
|
onChange: function onChange(date) {
|
|
79
77
|
var dateIsInvalid = date !== null && !isValidDate(date);
|
|
@@ -85,7 +83,7 @@ export var DateTimePicker = function DateTimePicker(inProps) {
|
|
|
85
83
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
86
84
|
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root = slotProps.root) === null || _slotProps$root === void 0 ? void 0 : _slotProps$root.slotProps), {}, {
|
|
87
85
|
textField: function textField(ownerState) {
|
|
88
|
-
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2
|
|
86
|
+
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2;
|
|
89
87
|
var textFieldProps = _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root2 = slotProps.root) === null || _slotProps$root2 === void 0 || (_slotProps$root2 = _slotProps$root2.slotProps) === null || _slotProps$root2 === void 0 ? void 0 : _slotProps$root2.textField), {}, {
|
|
90
88
|
ownerState: ownerState
|
|
91
89
|
});
|
|
@@ -95,28 +93,26 @@ export var DateTimePicker = function DateTimePicker(inProps) {
|
|
|
95
93
|
onBlur: onBlur,
|
|
96
94
|
onFocus: onFocus
|
|
97
95
|
}, textFieldProps), {}, {
|
|
98
|
-
InputProps:
|
|
99
|
-
startAdornment: /*#__PURE__*/
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
})), textFieldProps === null || textFieldProps === void 0 || (_textFieldProps$Input = textFieldProps.InputProps) === null || _textFieldProps$Input === void 0 ? void 0 : _textFieldProps$Input.startAdornment]
|
|
117
|
-
}),
|
|
96
|
+
InputProps: {
|
|
97
|
+
startAdornment: /*#__PURE__*/_jsx(OpenPickerAdornment, _objectSpread(_objectSpread({
|
|
98
|
+
inputIsDisabled: disabled,
|
|
99
|
+
inputIsReadOnly: readOnly,
|
|
100
|
+
onClick: function onClick() {
|
|
101
|
+
return setOpen(true);
|
|
102
|
+
}
|
|
103
|
+
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.openPickerAdornment), {}, {
|
|
104
|
+
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker = slotProps.openPickerAdornment) === null || _slotProps$openPicker === void 0 ? void 0 : _slotProps$openPicker.slotProps), {}, {
|
|
105
|
+
openPickerButton: _objectSpread({
|
|
106
|
+
"aria-label": intl.formatMessage({
|
|
107
|
+
id: "comet.dateTimePicker.openPicker",
|
|
108
|
+
defaultMessage: "Open date time picker"
|
|
109
|
+
})
|
|
110
|
+
}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker2 = slotProps.openPickerAdornment) === null || _slotProps$openPicker2 === void 0 || (_slotProps$openPicker2 = _slotProps$openPicker2.slotProps) === null || _slotProps$openPicker2 === void 0 ? void 0 : _slotProps$openPicker2.openPickerButton)
|
|
111
|
+
}),
|
|
112
|
+
children: openPickerIcon
|
|
113
|
+
})),
|
|
118
114
|
endAdornment: /*#__PURE__*/_jsxs(_Fragment, {
|
|
119
|
-
children: [
|
|
115
|
+
children: [/*#__PURE__*/_jsx(ReadOnlyAdornment, _objectSpread({
|
|
120
116
|
inputIsReadOnly: Boolean(readOnly)
|
|
121
117
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.readOnlyAdornment)), /*#__PURE__*/_jsx(ClearInputAdornment, _objectSpread({
|
|
122
118
|
position: "end",
|
|
@@ -126,7 +122,7 @@ export var DateTimePicker = function DateTimePicker(inProps) {
|
|
|
126
122
|
}
|
|
127
123
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.clearInputAdornment))]
|
|
128
124
|
})
|
|
129
|
-
}
|
|
125
|
+
}
|
|
130
126
|
});
|
|
131
127
|
}
|
|
132
128
|
})
|
|
@@ -14,7 +14,7 @@ export type DateTimeRange = {
|
|
|
14
14
|
};
|
|
15
15
|
export type DateTimeRangePickerClassKey = "root" | "clearInputAdornment" | "readOnlyAdornment" | "openPickerAdornment";
|
|
16
16
|
export type DateTimeRangePickerProps = ThemedComponentBaseProps<{
|
|
17
|
-
root: ComponentType<MuiDateTimeRangePickerProps
|
|
17
|
+
root: ComponentType<MuiDateTimeRangePickerProps>;
|
|
18
18
|
clearInputAdornment: typeof CometClearInputAdornment;
|
|
19
19
|
readOnlyAdornment: typeof ReadOnlyAdornment;
|
|
20
20
|
openPickerAdornment: typeof OpenPickerAdornment;
|
|
@@ -44,7 +44,7 @@ export type DateTimeRangePickerProps = ThemedComponentBaseProps<{
|
|
|
44
44
|
iconMapping?: {
|
|
45
45
|
openPicker?: ReactNode;
|
|
46
46
|
};
|
|
47
|
-
} & Omit<MuiDateTimeRangePickerProps
|
|
47
|
+
} & Omit<MuiDateTimeRangePickerProps, "value" | "onChange">;
|
|
48
48
|
/**
|
|
49
49
|
* The DateTimeRangePicker component allows users to select a date-time range from a combined picker interface.
|
|
50
50
|
* It provides two text fields with a calendar icon that opens a date-time range picker dialog. The component handles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/dateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,KAAK,wBAAwB,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACvG,OAAO,EAAE,KAAK,aAAa,EAAQ,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IACxB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAEvH,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC,2BAA2B,CAAC,
|
|
1
|
+
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/dateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,KAAK,wBAAwB,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACvG,OAAO,EAAE,KAAK,aAAa,EAAQ,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IACxB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAEvH,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC;IACjD,mBAAmB,EAAE,OAAO,wBAAwB,CAAC;IACrD,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;IAC5C,mBAAmB,EAAE,OAAO,mBAAmB,CAAC;CACnD,CAAC,GAAG;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;CACL,GAAG,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE5D;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,wBAAwB,4CA0GpE,CAAC;AA4BF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,6BAA6B,EAAE,wBAAwB,CAAC;KAC3D;IAED,UAAU,uBAAuB;QAC7B,6BAA6B,EAAE,2BAA2B,CAAC;KAC9D;IAED,UAAU,UAAU;QAChB,6BAA6B,CAAC,EAAE;YAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,+BAA+B,CAAC,CAAC,CAAC;YAC7E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,+BAA+B,CAAC,CAAC;SAChF,CAAC;KACL;CACJ"}
|
|
@@ -71,7 +71,6 @@ export var DateTimeRangePicker = function DateTimeRangePicker(inProps) {
|
|
|
71
71
|
}) : _iconMapping$openPick;
|
|
72
72
|
return /*#__PURE__*/_jsx(Suspense, {
|
|
73
73
|
children: /*#__PURE__*/_jsx(LazyRoot, _objectSpread(_objectSpread(_objectSpread({
|
|
74
|
-
enableAccessibleFieldDOMStructure: true,
|
|
75
74
|
disabled: disabled,
|
|
76
75
|
readOnly: readOnly,
|
|
77
76
|
open: open,
|
|
@@ -81,7 +80,6 @@ export var DateTimeRangePicker = function DateTimeRangePicker(inProps) {
|
|
|
81
80
|
onClose: function onClose() {
|
|
82
81
|
return setOpen(false);
|
|
83
82
|
},
|
|
84
|
-
disableOpenPicker: true,
|
|
85
83
|
value: arrayValue,
|
|
86
84
|
onChange: function onChange(_ref) {
|
|
87
85
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
@@ -104,7 +102,7 @@ export var DateTimeRangePicker = function DateTimeRangePicker(inProps) {
|
|
|
104
102
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
105
103
|
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root = slotProps.root) === null || _slotProps$root === void 0 ? void 0 : _slotProps$root.slotProps), {}, {
|
|
106
104
|
textField: function textField(ownerState) {
|
|
107
|
-
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2
|
|
105
|
+
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2;
|
|
108
106
|
var textFieldProps = _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root2 = slotProps.root) === null || _slotProps$root2 === void 0 || (_slotProps$root2 = _slotProps$root2.slotProps) === null || _slotProps$root2 === void 0 ? void 0 : _slotProps$root2.textField), {}, {
|
|
109
107
|
ownerState: ownerState
|
|
110
108
|
});
|
|
@@ -114,28 +112,26 @@ export var DateTimeRangePicker = function DateTimeRangePicker(inProps) {
|
|
|
114
112
|
onBlur: onBlur,
|
|
115
113
|
onFocus: onFocus
|
|
116
114
|
}, textFieldProps), {}, {
|
|
117
|
-
InputProps:
|
|
118
|
-
startAdornment: /*#__PURE__*/
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
})), textFieldProps === null || textFieldProps === void 0 || (_textFieldProps$Input = textFieldProps.InputProps) === null || _textFieldProps$Input === void 0 ? void 0 : _textFieldProps$Input.startAdornment]
|
|
136
|
-
}),
|
|
115
|
+
InputProps: {
|
|
116
|
+
startAdornment: /*#__PURE__*/_jsx(OpenPickerAdornment, _objectSpread(_objectSpread({
|
|
117
|
+
inputIsDisabled: disabled,
|
|
118
|
+
inputIsReadOnly: readOnly,
|
|
119
|
+
onClick: function onClick() {
|
|
120
|
+
return setOpen(true);
|
|
121
|
+
}
|
|
122
|
+
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.openPickerAdornment), {}, {
|
|
123
|
+
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker = slotProps.openPickerAdornment) === null || _slotProps$openPicker === void 0 ? void 0 : _slotProps$openPicker.slotProps), {}, {
|
|
124
|
+
openPickerButton: _objectSpread({
|
|
125
|
+
"aria-label": intl.formatMessage({
|
|
126
|
+
id: "comet.dateTimeRangePicker.openPicker",
|
|
127
|
+
defaultMessage: "Open date time range picker"
|
|
128
|
+
})
|
|
129
|
+
}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker2 = slotProps.openPickerAdornment) === null || _slotProps$openPicker2 === void 0 || (_slotProps$openPicker2 = _slotProps$openPicker2.slotProps) === null || _slotProps$openPicker2 === void 0 ? void 0 : _slotProps$openPicker2.openPickerButton)
|
|
130
|
+
}),
|
|
131
|
+
children: openPickerIcon
|
|
132
|
+
})),
|
|
137
133
|
endAdornment: /*#__PURE__*/_jsxs(_Fragment, {
|
|
138
|
-
children: [
|
|
134
|
+
children: [/*#__PURE__*/_jsx(ReadOnlyAdornment, _objectSpread({
|
|
139
135
|
inputIsReadOnly: Boolean(readOnly)
|
|
140
136
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.readOnlyAdornment)), /*#__PURE__*/_jsx(ClearInputAdornment, _objectSpread({
|
|
141
137
|
position: "end",
|
|
@@ -147,7 +143,7 @@ export var DateTimeRangePicker = function DateTimeRangePicker(inProps) {
|
|
|
147
143
|
}
|
|
148
144
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.clearInputAdornment))]
|
|
149
145
|
})
|
|
150
|
-
}
|
|
146
|
+
}
|
|
151
147
|
});
|
|
152
148
|
}
|
|
153
149
|
})
|
|
@@ -169,7 +165,11 @@ var LazyRoot = /*#__PURE__*/lazy(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_re
|
|
|
169
165
|
})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", " {\n display: none;\n\n & + .", " {\n margin-top: 0;\n }\n }\n "])), inputLabelClasses.root, module.pickersInputBaseClasses.root));
|
|
170
166
|
return _context.a(2, {
|
|
171
167
|
"default": function _default(props) {
|
|
172
|
-
return /*#__PURE__*/_jsx(Root, _objectSpread({}, props)
|
|
168
|
+
return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({}, props), {}, {
|
|
169
|
+
slots: _objectSpread({
|
|
170
|
+
field: module.MultiInputDateTimeRangeField
|
|
171
|
+
}, props.slots)
|
|
172
|
+
}));
|
|
173
173
|
}
|
|
174
174
|
});
|
|
175
175
|
}
|
|
@@ -7,7 +7,7 @@ import { ReadOnlyAdornment } from "../../common/ReadOnlyAdornment";
|
|
|
7
7
|
import { type ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
|
|
8
8
|
export type TimePickerClassKey = "root" | "clearInputAdornment" | "readOnlyAdornment" | "openPickerAdornment";
|
|
9
9
|
export type TimePickerProps = ThemedComponentBaseProps<{
|
|
10
|
-
root: typeof MuiTimePicker
|
|
10
|
+
root: typeof MuiTimePicker;
|
|
11
11
|
clearInputAdornment: typeof CometClearInputAdornment;
|
|
12
12
|
readOnlyAdornment: typeof ReadOnlyAdornment;
|
|
13
13
|
openPickerAdornment: typeof OpenPickerAdornment;
|
|
@@ -37,7 +37,7 @@ export type TimePickerProps = ThemedComponentBaseProps<{
|
|
|
37
37
|
iconMapping?: {
|
|
38
38
|
openPicker?: ReactNode;
|
|
39
39
|
};
|
|
40
|
-
} & Omit<MuiTimePickerProps
|
|
40
|
+
} & Omit<MuiTimePickerProps, "value" | "onChange" | "slotProps">;
|
|
41
41
|
/**
|
|
42
42
|
* The TimePicker component allows users to select a time from a time picker interface. It provides a text field
|
|
43
43
|
* with a time icon that opens a time picker dialog. The component handles time strings in 24-hour format (HH:mm)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/timePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EAA2B,UAAU,IAAI,aAAa,EAAE,KAAK,eAAe,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEvI,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAE9G,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC;IACnD,IAAI,EAAE,OAAO,aAAa,CAAC
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/dateTime/timePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA0B,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC5G,OAAO,EAA2B,UAAU,IAAI,aAAa,EAAE,KAAK,eAAe,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEvI,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAE9G,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC;IACnD,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,mBAAmB,EAAE,OAAO,wBAAwB,CAAC;IACrD,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;IAC5C,mBAAmB,EAAE,OAAO,mBAAmB,CAAC;CACnD,CAAC,GAAG;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;CACL,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;AAqBjE;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,eAAe,4CA6FlD,CAAC;AAoBF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,oBAAoB,EAAE,eAAe,CAAC;KACzC;IAED,UAAU,uBAAuB;QAC7B,oBAAoB,EAAE,kBAAkB,CAAC;KAC5C;IAED,UAAU,UAAU;QAChB,oBAAoB,CAAC,EAAE;YACnB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,CAAC,CAAC;YACpE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;SACvE,CAAC;KACL;CACJ"}
|
|
@@ -78,7 +78,6 @@ export var TimePicker = function TimePicker(inProps) {
|
|
|
78
78
|
color: "inherit"
|
|
79
79
|
}) : _iconMapping$openPick;
|
|
80
80
|
return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
|
|
81
|
-
enableAccessibleFieldDOMStructure: true,
|
|
82
81
|
disabled: disabled,
|
|
83
82
|
readOnly: readOnly,
|
|
84
83
|
open: open,
|
|
@@ -88,7 +87,6 @@ export var TimePicker = function TimePicker(inProps) {
|
|
|
88
87
|
onClose: function onClose() {
|
|
89
88
|
return setOpen(false);
|
|
90
89
|
},
|
|
91
|
-
disableOpenPicker: true,
|
|
92
90
|
value: dateValue,
|
|
93
91
|
onChange: function onChange(date) {
|
|
94
92
|
if (!date) {
|
|
@@ -100,7 +98,7 @@ export var TimePicker = function TimePicker(inProps) {
|
|
|
100
98
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
101
99
|
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root = slotProps.root) === null || _slotProps$root === void 0 ? void 0 : _slotProps$root.slotProps), {}, {
|
|
102
100
|
textField: function textField(ownerState) {
|
|
103
|
-
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2
|
|
101
|
+
var _slotProps$root2, _slotProps$openPicker, _slotProps$openPicker2;
|
|
104
102
|
var textFieldProps = _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root2 = slotProps.root) === null || _slotProps$root2 === void 0 || (_slotProps$root2 = _slotProps$root2.slotProps) === null || _slotProps$root2 === void 0 ? void 0 : _slotProps$root2.textField), {}, {
|
|
105
103
|
ownerState: ownerState
|
|
106
104
|
});
|
|
@@ -110,28 +108,26 @@ export var TimePicker = function TimePicker(inProps) {
|
|
|
110
108
|
onBlur: onBlur,
|
|
111
109
|
onFocus: onFocus
|
|
112
110
|
}, textFieldProps), {}, {
|
|
113
|
-
InputProps:
|
|
114
|
-
startAdornment: /*#__PURE__*/
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
})), textFieldProps === null || textFieldProps === void 0 || (_textFieldProps$Input = textFieldProps.InputProps) === null || _textFieldProps$Input === void 0 ? void 0 : _textFieldProps$Input.startAdornment]
|
|
132
|
-
}),
|
|
111
|
+
InputProps: {
|
|
112
|
+
startAdornment: /*#__PURE__*/_jsx(OpenPickerAdornment, _objectSpread(_objectSpread({
|
|
113
|
+
inputIsDisabled: disabled,
|
|
114
|
+
inputIsReadOnly: readOnly,
|
|
115
|
+
onClick: function onClick() {
|
|
116
|
+
return setOpen(true);
|
|
117
|
+
}
|
|
118
|
+
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.openPickerAdornment), {}, {
|
|
119
|
+
slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker = slotProps.openPickerAdornment) === null || _slotProps$openPicker === void 0 ? void 0 : _slotProps$openPicker.slotProps), {}, {
|
|
120
|
+
openPickerButton: _objectSpread({
|
|
121
|
+
"aria-label": intl.formatMessage({
|
|
122
|
+
id: "comet.timePicker.openPicker",
|
|
123
|
+
defaultMessage: "Open time picker"
|
|
124
|
+
})
|
|
125
|
+
}, slotProps === null || slotProps === void 0 || (_slotProps$openPicker2 = slotProps.openPickerAdornment) === null || _slotProps$openPicker2 === void 0 || (_slotProps$openPicker2 = _slotProps$openPicker2.slotProps) === null || _slotProps$openPicker2 === void 0 ? void 0 : _slotProps$openPicker2.openPickerButton)
|
|
126
|
+
}),
|
|
127
|
+
children: openPickerIcon
|
|
128
|
+
})),
|
|
133
129
|
endAdornment: /*#__PURE__*/_jsxs(_Fragment, {
|
|
134
|
-
children: [
|
|
130
|
+
children: [/*#__PURE__*/_jsx(ReadOnlyAdornment, _objectSpread({
|
|
135
131
|
inputIsReadOnly: Boolean(readOnly)
|
|
136
132
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.readOnlyAdornment)), /*#__PURE__*/_jsx(ClearInputAdornment, _objectSpread({
|
|
137
133
|
position: "end",
|
|
@@ -141,7 +137,7 @@ export var TimePicker = function TimePicker(inProps) {
|
|
|
141
137
|
}
|
|
142
138
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.clearInputAdornment))]
|
|
143
139
|
})
|
|
144
|
-
}
|
|
140
|
+
}
|
|
145
141
|
});
|
|
146
142
|
}
|
|
147
143
|
})
|
package/lib/index.d.ts
CHANGED
|
@@ -61,6 +61,7 @@ export type { GridActionsColDef, GridBaseColDef, GridColDef, GridSingleSelectCol
|
|
|
61
61
|
export { GridColumnsButton } from "./dataGrid/GridColumnsButton";
|
|
62
62
|
export { dataGridDateColumn, dataGridDateTimeColumn, dataGridIdColumn, dataGridManyToManyColumn, dataGridOneToManyColumn, } from "./dataGrid/gridColumnTypes";
|
|
63
63
|
export { GridFilterButton } from "./dataGrid/GridFilterButton";
|
|
64
|
+
export { GridToolbarQuickFilter } from "./dataGrid/GridToolbarQuickFilter";
|
|
64
65
|
export { type GqlFilter, muiGridFilterToGql } from "./dataGrid/muiGridFilterToGql";
|
|
65
66
|
export { muiGridPagingToGql } from "./dataGrid/muiGridPagingToGql";
|
|
66
67
|
export { muiGridSortToGql } from "./dataGrid/muiGridSortToGql";
|