@entur/datepicker 10.0.11 → 10.0.12-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/dist/DatePicker/DateField.d.ts +1 -1
- package/dist/DatePicker/NativeDatePicker.d.ts +4 -4
- package/dist/TimePicker/NativeTimePicker.d.ts +3 -3
- package/dist/datepicker.cjs.development.js +16 -25
- package/dist/datepicker.cjs.development.js.map +1 -1
- package/dist/datepicker.cjs.production.min.js +1 -1
- package/dist/datepicker.cjs.production.min.js.map +1 -1
- package/dist/datepicker.esm.js +16 -25
- package/dist/datepicker.esm.js.map +1 -1
- package/dist/shared/utils.d.ts +3 -3
- package/dist/styles.css +33 -33
- package/package.json +18 -15
|
@@ -58,6 +58,6 @@ export type DateFieldProps<DateType extends DateValue> = {
|
|
|
58
58
|
/** Ekstra klassenavn */
|
|
59
59
|
className?: string;
|
|
60
60
|
style?: React.CSSProperties;
|
|
61
|
-
} & Omit<SpectrumDateFieldProps<DateValue>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'> & Omit<Partial<BaseFormControlProps>, 'children'>;
|
|
61
|
+
} & Omit<SpectrumDateFieldProps<DateValue>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'> & Omit<Partial<BaseFormControlProps>, 'children'>;
|
|
62
62
|
export declare const DateField: <DateType extends DateValue>({ selectedDate, onChange, label, locale: customLocale, showTimeZone, showTime, granularity, disabled, isDisabled, variant, feedback, validationVariant, validationFeedback, labelTooltip, minDate, maxDate, style, className, labelProps: parentLabelProps, fieldProps: parentFieldProps, groupProps: parentGroupProps, append, prepend, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => React.JSX.Element;
|
|
63
63
|
export {};
|
|
@@ -24,17 +24,17 @@ export type NativeDatePickerProps = {
|
|
|
24
24
|
} & React.InputHTMLAttributes<HTMLInputElement>;
|
|
25
25
|
export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
|
|
26
26
|
/** Ekstra klassenavn */
|
|
27
|
-
className?: string
|
|
27
|
+
className?: string;
|
|
28
28
|
/** Label over NativeDatePicker */
|
|
29
29
|
label: string;
|
|
30
30
|
/** Varselmelding, som vil komme under NativeDatePicker */
|
|
31
|
-
feedback?: string
|
|
31
|
+
feedback?: string;
|
|
32
32
|
/** Valideringsvariant*/
|
|
33
|
-
variant?:
|
|
33
|
+
variant?: VariantType | typeof error | typeof info;
|
|
34
34
|
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
35
35
|
* @default false
|
|
36
36
|
*/
|
|
37
|
-
disableLabelAnimation?: boolean
|
|
37
|
+
disableLabelAnimation?: boolean;
|
|
38
38
|
/** Tekst eller ikon som kommer før inputfelter
|
|
39
39
|
* @default <DateIcon />
|
|
40
40
|
*/
|
|
@@ -19,13 +19,13 @@ export type NativeTimePickerProps = {
|
|
|
19
19
|
} & React.InputHTMLAttributes<HTMLInputElement>;
|
|
20
20
|
export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
|
|
21
21
|
/** Ekstra klassenavn */
|
|
22
|
-
className?: string
|
|
22
|
+
className?: string;
|
|
23
23
|
/** Label over NativeTimePicker */
|
|
24
24
|
label: string;
|
|
25
25
|
/** Varselmelding, som vil komme under NativeTimePicker */
|
|
26
|
-
feedback?: string
|
|
26
|
+
feedback?: string;
|
|
27
27
|
/** Valideringsvariant*/
|
|
28
|
-
variant?:
|
|
28
|
+
variant?: VariantType | typeof error | typeof info;
|
|
29
29
|
/** Tekst eller ikon som kommer før inputfelter */
|
|
30
30
|
prepend?: React.ReactNode;
|
|
31
31
|
} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -22,30 +22,22 @@ var tokens = require('@entur/tokens');
|
|
|
22
22
|
var modal = require('@entur/modal');
|
|
23
23
|
|
|
24
24
|
function _extends() {
|
|
25
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
26
|
-
for (var
|
|
27
|
-
var
|
|
28
|
-
for (var
|
|
29
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
30
|
-
target[key] = source[key];
|
|
31
|
-
}
|
|
32
|
-
}
|
|
25
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
26
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
27
|
+
var t = arguments[e];
|
|
28
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
33
29
|
}
|
|
34
|
-
return
|
|
35
|
-
};
|
|
36
|
-
return _extends.apply(this, arguments);
|
|
30
|
+
return n;
|
|
31
|
+
}, _extends.apply(null, arguments);
|
|
37
32
|
}
|
|
38
|
-
function _objectWithoutPropertiesLoose(
|
|
39
|
-
if (
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
key = sourceKeys[i];
|
|
45
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
46
|
-
target[key] = source[key];
|
|
33
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
34
|
+
if (null == r) return {};
|
|
35
|
+
var t = {};
|
|
36
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
37
|
+
if (e.includes(n)) continue;
|
|
38
|
+
t[n] = r[n];
|
|
47
39
|
}
|
|
48
|
-
return
|
|
40
|
+
return t;
|
|
49
41
|
}
|
|
50
42
|
|
|
51
43
|
var _excluded$b = ["segment", "state"];
|
|
@@ -250,7 +242,6 @@ var DateField = function DateField(_ref) {
|
|
|
250
242
|
locale: customLocale != null ? customLocale : locale,
|
|
251
243
|
createCalendar: createCalendar,
|
|
252
244
|
value: selectedDate,
|
|
253
|
-
//@ts-expect-error incorrect type in package
|
|
254
245
|
onChange: onChange,
|
|
255
246
|
hideTimeZone: !showTimeZone,
|
|
256
247
|
granularity: showTime ? 'minute' : granularity,
|
|
@@ -1060,7 +1051,7 @@ var SimpleTimePicker = function SimpleTimePicker(_ref) {
|
|
|
1060
1051
|
if (newTime === inputResult.INVALID) {
|
|
1061
1052
|
return updateInputWithSelectedTime();
|
|
1062
1053
|
}
|
|
1063
|
-
if ((newTime == null ? void 0 : newTime.toString()) !== (selectedTime == null ? void 0 : selectedTime.toString())) onChange == null
|
|
1054
|
+
if ((newTime == null ? void 0 : newTime.toString()) !== (selectedTime == null ? void 0 : selectedTime.toString())) onChange == null || onChange(newTime);
|
|
1064
1055
|
};
|
|
1065
1056
|
var getValueForOnChangeFromInput = function getValueForOnChangeFromInput() {
|
|
1066
1057
|
var formatedTimeString = formatTimeString(inputText);
|
|
@@ -1131,7 +1122,7 @@ var SimpleTimePicker = function SimpleTimePicker(_ref) {
|
|
|
1131
1122
|
append: append || (showClockIcon === true || showClockIcon === 'right' ? React.createElement(icons.ClockIcon, {
|
|
1132
1123
|
onClick: function onClick() {
|
|
1133
1124
|
var _timeFieldRef$current;
|
|
1134
|
-
return timeFieldRef == null
|
|
1125
|
+
return timeFieldRef == null || (_timeFieldRef$current = timeFieldRef.current) == null ? void 0 : _timeFieldRef$current.focus();
|
|
1135
1126
|
},
|
|
1136
1127
|
inline: true
|
|
1137
1128
|
}) : undefined),
|
|
@@ -1169,7 +1160,7 @@ var SimpleTimePicker = function SimpleTimePicker(_ref) {
|
|
|
1169
1160
|
prepend: prepend || (showClockIcon === 'left' ? React.createElement(icons.ClockIcon, {
|
|
1170
1161
|
onClick: function onClick() {
|
|
1171
1162
|
var _timeFieldRef$current2;
|
|
1172
|
-
return timeFieldRef == null
|
|
1163
|
+
return timeFieldRef == null || (_timeFieldRef$current2 = timeFieldRef.current) == null ? void 0 : _timeFieldRef$current2.focus();
|
|
1173
1164
|
}
|
|
1174
1165
|
}) : undefined),
|
|
1175
1166
|
readOnly: readOnly,
|