@atlaskit/datetime-picker 17.0.11 → 17.0.13
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/CHANGELOG.md +14 -0
- package/dist/cjs/components/date-picker-class.js +1 -1
- package/dist/cjs/components/date-picker-fc.js +3 -3
- package/dist/cjs/components/date-time-picker-class.js +1 -1
- package/dist/cjs/components/date-time-picker-fc.js +1 -1
- package/dist/cjs/components/time-picker.js +1 -1
- package/dist/es2019/components/date-picker-class.js +1 -1
- package/dist/es2019/components/date-picker-fc.js +3 -3
- package/dist/es2019/components/date-time-picker-class.js +1 -1
- package/dist/es2019/components/date-time-picker-fc.js +1 -1
- package/dist/es2019/components/time-picker.js +1 -1
- package/dist/esm/components/date-picker-class.js +1 -1
- package/dist/esm/components/date-picker-fc.js +3 -3
- package/dist/esm/components/date-time-picker-class.js +1 -1
- package/dist/esm/components/date-time-picker-fc.js +1 -1
- package/dist/esm/components/time-picker.js +1 -1
- package/dist/types/components/date-picker-class.d.ts +3 -3
- package/dist/types/components/date-picker-fc.d.ts +0 -1
- package/dist/types/components/date-picker.d.ts +5 -6
- package/dist/types/components/date-time-picker-class.d.ts +3 -3
- package/dist/types/components/date-time-picker.d.ts +7 -8
- package/dist/types/internal/date-time-picker-container.d.ts +0 -1
- package/dist/types/internal/ff-component.d.ts +2 -2
- package/dist/types/internal/fixed-layer-menu.d.ts +0 -1
- package/dist/types/internal/indicators-container.d.ts +2 -3
- package/dist/types/internal/menu.d.ts +0 -1
- package/dist/types/types.d.ts +0 -1
- package/dist/types-ts4.5/components/date-picker-class.d.ts +3 -3
- package/dist/types-ts4.5/components/date-picker-fc.d.ts +0 -1
- package/dist/types-ts4.5/components/date-picker.d.ts +5 -6
- package/dist/types-ts4.5/components/date-time-picker-class.d.ts +3 -3
- package/dist/types-ts4.5/components/date-time-picker.d.ts +7 -8
- package/dist/types-ts4.5/internal/date-time-picker-container.d.ts +0 -1
- package/dist/types-ts4.5/internal/ff-component.d.ts +2 -2
- package/dist/types-ts4.5/internal/fixed-layer-menu.d.ts +0 -1
- package/dist/types-ts4.5/internal/indicators-container.d.ts +2 -3
- package/dist/types-ts4.5/internal/menu.d.ts +0 -1
- package/dist/types-ts4.5/types.d.ts +0 -1
- package/package.json +6 -10
- package/types/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/datetime-picker
|
|
2
2
|
|
|
3
|
+
## 17.0.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`79bb06a0e34dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/79bb06a0e34dc) -
|
|
8
|
+
Clean up platform_dst_menuonclose_fix
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 17.0.12
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 17.0.11
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -40,7 +40,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
40
40
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
41
41
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
42
42
|
var packageName = "@atlaskit/datetime-picker";
|
|
43
|
-
var packageVersion = "17.0.
|
|
43
|
+
var packageVersion = "17.0.12";
|
|
44
44
|
var datePickerDefaultProps = {
|
|
45
45
|
defaultIsOpen: false,
|
|
46
46
|
defaultValue: '',
|
|
@@ -36,7 +36,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
36
36
|
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; }
|
|
37
37
|
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) { (0, _defineProperty2.default)(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; }
|
|
38
38
|
var packageName = "@atlaskit/datetime-picker";
|
|
39
|
-
var packageVersion = "17.0.
|
|
39
|
+
var packageVersion = "17.0.12";
|
|
40
40
|
var styles = {
|
|
41
41
|
pickerContainerStyle: "_kqswh2mm",
|
|
42
42
|
dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
|
|
@@ -398,11 +398,11 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
|
|
|
398
398
|
setIsOpen(function (isOpen) {
|
|
399
399
|
if (isOpen) {
|
|
400
400
|
var _props$selectProps2, _props$selectProps2$o;
|
|
401
|
-
(
|
|
401
|
+
(_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 || (_props$selectProps2$o = _props$selectProps2.onMenuClose) === null || _props$selectProps2$o === void 0 || _props$selectProps2$o.call(_props$selectProps2);
|
|
402
402
|
return false;
|
|
403
403
|
} else {
|
|
404
404
|
var _props$selectProps3, _props$selectProps3$o;
|
|
405
|
-
(
|
|
405
|
+
(_props$selectProps3 = props.selectProps) === null || _props$selectProps3 === void 0 || (_props$selectProps3$o = _props$selectProps3.onMenuOpen) === null || _props$selectProps3$o === void 0 || _props$selectProps3$o.call(_props$selectProps3);
|
|
406
406
|
return true;
|
|
407
407
|
}
|
|
408
408
|
});
|
|
@@ -35,7 +35,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
|
|
|
35
35
|
return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
|
|
36
36
|
}, _datePickerFc.default, _datePickerClass.default);
|
|
37
37
|
var packageName = "@atlaskit/datetime-picker";
|
|
38
|
-
var packageVersion = "17.0.
|
|
38
|
+
var packageVersion = "17.0.12";
|
|
39
39
|
var compiledStyles = {
|
|
40
40
|
datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
|
|
41
41
|
timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
|
|
@@ -39,7 +39,7 @@ function () {
|
|
|
39
39
|
return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
|
|
40
40
|
}, _datePickerFc.default, _datePickerClass.default);
|
|
41
41
|
var packageName = "@atlaskit/datetime-picker";
|
|
42
|
-
var packageVersion = "17.0.
|
|
42
|
+
var packageVersion = "17.0.12";
|
|
43
43
|
var analyticsAttributes = {
|
|
44
44
|
componentName: 'dateTimePicker',
|
|
45
45
|
packageName: packageName,
|
|
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
26
26
|
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; }
|
|
27
27
|
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) { (0, _defineProperty2.default)(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; }
|
|
28
28
|
var packageName = "@atlaskit/datetime-picker";
|
|
29
|
-
var packageVersion = "17.0.
|
|
29
|
+
var packageVersion = "17.0.12";
|
|
30
30
|
var menuStyles = {
|
|
31
31
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
32
32
|
position: 'static',
|
|
@@ -22,7 +22,7 @@ import { Menu } from '../internal/menu';
|
|
|
22
22
|
import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
|
|
23
23
|
import { makeSingleValue } from '../internal/single-value';
|
|
24
24
|
const packageName = "@atlaskit/datetime-picker";
|
|
25
|
-
const packageVersion = "17.0.
|
|
25
|
+
const packageVersion = "17.0.12";
|
|
26
26
|
const datePickerDefaultProps = {
|
|
27
27
|
defaultIsOpen: false,
|
|
28
28
|
defaultValue: '',
|
|
@@ -21,7 +21,7 @@ import { Menu } from '../internal/menu';
|
|
|
21
21
|
import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
|
|
22
22
|
import { makeSingleValue } from '../internal/single-value';
|
|
23
23
|
const packageName = "@atlaskit/datetime-picker";
|
|
24
|
-
const packageVersion = "17.0.
|
|
24
|
+
const packageVersion = "17.0.12";
|
|
25
25
|
const styles = {
|
|
26
26
|
pickerContainerStyle: "_kqswh2mm",
|
|
27
27
|
dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
|
|
@@ -324,11 +324,11 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
324
324
|
setIsOpen(isOpen => {
|
|
325
325
|
if (isOpen) {
|
|
326
326
|
var _props$selectProps, _props$selectProps$on;
|
|
327
|
-
|
|
327
|
+
(_props$selectProps = props.selectProps) === null || _props$selectProps === void 0 ? void 0 : (_props$selectProps$on = _props$selectProps.onMenuClose) === null || _props$selectProps$on === void 0 ? void 0 : _props$selectProps$on.call(_props$selectProps);
|
|
328
328
|
return false;
|
|
329
329
|
} else {
|
|
330
330
|
var _props$selectProps2, _props$selectProps2$o;
|
|
331
|
-
|
|
331
|
+
(_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 ? void 0 : (_props$selectProps2$o = _props$selectProps2.onMenuOpen) === null || _props$selectProps2$o === void 0 ? void 0 : _props$selectProps2$o.call(_props$selectProps2);
|
|
332
332
|
return true;
|
|
333
333
|
}
|
|
334
334
|
});
|
|
@@ -17,7 +17,7 @@ import DatePickerNew from './date-picker-fc';
|
|
|
17
17
|
import TimePicker from './time-picker';
|
|
18
18
|
const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
|
|
19
19
|
const packageName = "@atlaskit/datetime-picker";
|
|
20
|
-
const packageVersion = "17.0.
|
|
20
|
+
const packageVersion = "17.0.12";
|
|
21
21
|
const compiledStyles = {
|
|
22
22
|
datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
|
|
23
23
|
timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
|
|
@@ -21,7 +21,7 @@ const DatePicker = componentWithCondition(
|
|
|
21
21
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
22
22
|
() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
|
|
23
23
|
const packageName = "@atlaskit/datetime-picker";
|
|
24
|
-
const packageVersion = "17.0.
|
|
24
|
+
const packageVersion = "17.0.12";
|
|
25
25
|
const analyticsAttributes = {
|
|
26
26
|
componentName: 'dateTimePicker',
|
|
27
27
|
packageName,
|
|
@@ -11,7 +11,7 @@ import parseTime from '../internal/parse-time';
|
|
|
11
11
|
import { convertTokens } from '../internal/parse-tokens';
|
|
12
12
|
import { makeSingleValue } from '../internal/single-value';
|
|
13
13
|
const packageName = "@atlaskit/datetime-picker";
|
|
14
|
-
const packageVersion = "17.0.
|
|
14
|
+
const packageVersion = "17.0.12";
|
|
15
15
|
const menuStyles = {
|
|
16
16
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
17
17
|
position: 'static',
|
|
@@ -31,7 +31,7 @@ import { Menu } from '../internal/menu';
|
|
|
31
31
|
import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
|
|
32
32
|
import { makeSingleValue } from '../internal/single-value';
|
|
33
33
|
var packageName = "@atlaskit/datetime-picker";
|
|
34
|
-
var packageVersion = "17.0.
|
|
34
|
+
var packageVersion = "17.0.12";
|
|
35
35
|
var datePickerDefaultProps = {
|
|
36
36
|
defaultIsOpen: false,
|
|
37
37
|
defaultValue: '',
|
|
@@ -27,7 +27,7 @@ import { Menu } from '../internal/menu';
|
|
|
27
27
|
import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
|
|
28
28
|
import { makeSingleValue } from '../internal/single-value';
|
|
29
29
|
var packageName = "@atlaskit/datetime-picker";
|
|
30
|
-
var packageVersion = "17.0.
|
|
30
|
+
var packageVersion = "17.0.12";
|
|
31
31
|
var styles = {
|
|
32
32
|
pickerContainerStyle: "_kqswh2mm",
|
|
33
33
|
dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
|
|
@@ -389,11 +389,11 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
|
|
|
389
389
|
setIsOpen(function (isOpen) {
|
|
390
390
|
if (isOpen) {
|
|
391
391
|
var _props$selectProps2, _props$selectProps2$o;
|
|
392
|
-
|
|
392
|
+
(_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 || (_props$selectProps2$o = _props$selectProps2.onMenuClose) === null || _props$selectProps2$o === void 0 || _props$selectProps2$o.call(_props$selectProps2);
|
|
393
393
|
return false;
|
|
394
394
|
} else {
|
|
395
395
|
var _props$selectProps3, _props$selectProps3$o;
|
|
396
|
-
|
|
396
|
+
(_props$selectProps3 = props.selectProps) === null || _props$selectProps3 === void 0 || (_props$selectProps3$o = _props$selectProps3.onMenuOpen) === null || _props$selectProps3$o === void 0 || _props$selectProps3$o.call(_props$selectProps3);
|
|
397
397
|
return true;
|
|
398
398
|
}
|
|
399
399
|
});
|
|
@@ -28,7 +28,7 @@ var DatePicker = componentWithCondition(function () {
|
|
|
28
28
|
return fg('dst-date-picker-use-functional-component');
|
|
29
29
|
}, DatePickerNew, DatePickerOld);
|
|
30
30
|
var packageName = "@atlaskit/datetime-picker";
|
|
31
|
-
var packageVersion = "17.0.
|
|
31
|
+
var packageVersion = "17.0.12";
|
|
32
32
|
var compiledStyles = {
|
|
33
33
|
datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
|
|
34
34
|
timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
|
|
@@ -30,7 +30,7 @@ function () {
|
|
|
30
30
|
return fg('dst-date-picker-use-functional-component');
|
|
31
31
|
}, DatePickerNew, DatePickerOld);
|
|
32
32
|
var packageName = "@atlaskit/datetime-picker";
|
|
33
|
-
var packageVersion = "17.0.
|
|
33
|
+
var packageVersion = "17.0.12";
|
|
34
34
|
var analyticsAttributes = {
|
|
35
35
|
componentName: 'dateTimePicker',
|
|
36
36
|
packageName: packageName,
|
|
@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
|
|
|
17
17
|
import { convertTokens } from '../internal/parse-tokens';
|
|
18
18
|
import { makeSingleValue } from '../internal/single-value';
|
|
19
19
|
var packageName = "@atlaskit/datetime-picker";
|
|
20
|
-
var packageVersion = "17.0.
|
|
20
|
+
var packageVersion = "17.0.12";
|
|
21
21
|
var menuStyles = {
|
|
22
22
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
23
23
|
position: 'static',
|
|
@@ -42,9 +42,9 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
|
|
|
42
42
|
disabled: string[];
|
|
43
43
|
disabledDateFilter: (_: string) => boolean;
|
|
44
44
|
locale: string;
|
|
45
|
-
onBlur: (_event:
|
|
45
|
+
onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
46
46
|
onChange: (_value: string) => void;
|
|
47
|
-
onFocus: (_event:
|
|
47
|
+
onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
48
48
|
};
|
|
49
49
|
containerRef: HTMLElement | null;
|
|
50
50
|
calendarRef: React.RefObject<HTMLDivElement | null>;
|
|
@@ -96,7 +96,7 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<Pick<Om
|
|
|
96
96
|
onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
97
97
|
onChange: (_value: string) => void;
|
|
98
98
|
onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
99
|
-
} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "
|
|
99
|
+
} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
|
|
100
100
|
disabled?: string[] | undefined;
|
|
101
101
|
defaultValue?: string | undefined;
|
|
102
102
|
onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc").DatePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Pick<Omit<{
|
|
3
2
|
defaultIsOpen: boolean;
|
|
4
3
|
defaultValue: string;
|
|
5
4
|
disabled: string[];
|
|
6
5
|
disabledDateFilter: (_: string) => boolean;
|
|
7
6
|
locale: string;
|
|
8
|
-
onBlur: (_event:
|
|
7
|
+
onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
9
8
|
onChange: (_value: string) => void;
|
|
10
|
-
onFocus: (_event:
|
|
11
|
-
} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "
|
|
9
|
+
onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
+
} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
|
|
12
11
|
disabled?: string[] | undefined;
|
|
13
12
|
defaultValue?: string | undefined;
|
|
14
|
-
onFocus?: (((_event:
|
|
15
|
-
onBlur?: (((_event:
|
|
13
|
+
onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
|
|
14
|
+
onBlur?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
|
|
16
15
|
onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
|
|
17
16
|
disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
|
|
18
17
|
locale?: string | undefined;
|
|
@@ -63,13 +63,13 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omi
|
|
|
63
63
|
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
64
64
|
onChange?: ((value: string) => void) | undefined;
|
|
65
65
|
value?: string | undefined;
|
|
66
|
-
name?: string | undefined;
|
|
67
|
-
spacing?: import("../types").Spacing | undefined;
|
|
68
66
|
testId?: string | undefined;
|
|
67
|
+
locale?: string | undefined;
|
|
69
68
|
clearControlLabel?: string | undefined;
|
|
70
69
|
isInvalid?: boolean | undefined;
|
|
71
70
|
isRequired?: boolean | undefined;
|
|
72
|
-
|
|
71
|
+
name?: string | undefined;
|
|
72
|
+
spacing?: import("../types").Spacing | undefined;
|
|
73
73
|
datePickerProps?: import("../types").DatePickerBaseProps | undefined;
|
|
74
74
|
timePickerProps?: import("../types").TimePickerBaseProps | undefined;
|
|
75
75
|
parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
|
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
|
|
3
2
|
appearance?: import("..").Appearance | undefined;
|
|
4
3
|
isDisabled?: boolean | undefined;
|
|
5
|
-
innerProps?:
|
|
4
|
+
innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
|
|
6
5
|
defaultValue?: string | undefined;
|
|
7
6
|
autoFocus?: boolean | undefined;
|
|
8
7
|
id?: string | undefined;
|
|
9
8
|
'aria-describedby'?: string | undefined;
|
|
10
|
-
onFocus?:
|
|
11
|
-
onBlur?:
|
|
9
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
10
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
12
11
|
onChange?: ((value: string) => void) | undefined;
|
|
13
12
|
value?: string | undefined;
|
|
14
|
-
name?: string | undefined;
|
|
15
|
-
spacing?: import("..").Spacing | undefined;
|
|
16
13
|
testId?: string | undefined;
|
|
14
|
+
locale?: string | undefined;
|
|
17
15
|
clearControlLabel?: string | undefined;
|
|
18
16
|
isInvalid?: boolean | undefined;
|
|
19
17
|
isRequired?: boolean | undefined;
|
|
20
|
-
|
|
18
|
+
name?: string | undefined;
|
|
19
|
+
spacing?: import("..").Spacing | undefined;
|
|
21
20
|
datePickerProps?: import("..").DatePickerProps | undefined;
|
|
22
21
|
timePickerProps?: import("..").TimePickerProps | undefined;
|
|
23
22
|
parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
|
|
@@ -26,7 +25,7 @@ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTime
|
|
|
26
25
|
zoneValue: string;
|
|
27
26
|
}) | undefined;
|
|
28
27
|
} & {
|
|
29
|
-
ref?:
|
|
28
|
+
ref?: React.Ref<any> | undefined;
|
|
30
29
|
createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
|
|
31
30
|
}, "ref"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
|
|
32
31
|
export default DateTimePicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type ComponentType, type FC, type PropsWithoutRef, type PropsWithRef, type RefAttributes } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Gets all available ref types from two prop sets and returns
|
|
4
4
|
* them in a ref prop
|
|
@@ -30,5 +30,5 @@ type GetRefAttributes<A, B> = A extends RefAttributes<infer RefA> ? B extends Re
|
|
|
30
30
|
* @param componentFalse Component that will be returned if conditionGetter is "false"
|
|
31
31
|
* @returns Component Depending on a Condition result
|
|
32
32
|
*/
|
|
33
|
-
export declare function componentWithCondition<A extends {}, B extends {}>(condition: () => boolean, ComponentTrue: ComponentType<A>, ComponentFalse: ComponentType<B>):
|
|
33
|
+
export declare function componentWithCondition<A extends {}, B extends {}>(condition: () => boolean, ComponentTrue: ComponentType<A>, ComponentFalse: ComponentType<B>): FC<PropsWithoutRef<A> & PropsWithoutRef<B> & GetRefAttributes<PropsWithRef<A>, PropsWithRef<B>>>;
|
|
34
34
|
export {};
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
/// <reference types="react" />
|
|
6
5
|
import { type IndicatorsContainerProps } from '@atlaskit/select';
|
|
7
|
-
export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any
|
|
8
|
-
showClearIndicator?: boolean
|
|
6
|
+
export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any> & {
|
|
7
|
+
showClearIndicator?: boolean;
|
|
9
8
|
}) => JSX.Element;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -42,9 +42,9 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
|
|
|
42
42
|
disabled: string[];
|
|
43
43
|
disabledDateFilter: (_: string) => boolean;
|
|
44
44
|
locale: string;
|
|
45
|
-
onBlur: (_event:
|
|
45
|
+
onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
46
46
|
onChange: (_value: string) => void;
|
|
47
|
-
onFocus: (_event:
|
|
47
|
+
onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
48
48
|
};
|
|
49
49
|
containerRef: HTMLElement | null;
|
|
50
50
|
calendarRef: React.RefObject<HTMLDivElement | null>;
|
|
@@ -96,7 +96,7 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<Pick<Om
|
|
|
96
96
|
onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
97
97
|
onChange: (_value: string) => void;
|
|
98
98
|
onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
99
|
-
} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "
|
|
99
|
+
} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
|
|
100
100
|
disabled?: string[] | undefined;
|
|
101
101
|
defaultValue?: string | undefined;
|
|
102
102
|
onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc").DatePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Pick<Omit<{
|
|
3
2
|
defaultIsOpen: boolean;
|
|
4
3
|
defaultValue: string;
|
|
5
4
|
disabled: string[];
|
|
6
5
|
disabledDateFilter: (_: string) => boolean;
|
|
7
6
|
locale: string;
|
|
8
|
-
onBlur: (_event:
|
|
7
|
+
onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
9
8
|
onChange: (_value: string) => void;
|
|
10
|
-
onFocus: (_event:
|
|
11
|
-
} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "
|
|
9
|
+
onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
+
} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
|
|
12
11
|
disabled?: string[] | undefined;
|
|
13
12
|
defaultValue?: string | undefined;
|
|
14
|
-
onFocus?: (((_event:
|
|
15
|
-
onBlur?: (((_event:
|
|
13
|
+
onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
|
|
14
|
+
onBlur?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
|
|
16
15
|
onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
|
|
17
16
|
disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
|
|
18
17
|
locale?: string | undefined;
|
|
@@ -63,13 +63,13 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omi
|
|
|
63
63
|
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
64
64
|
onChange?: ((value: string) => void) | undefined;
|
|
65
65
|
value?: string | undefined;
|
|
66
|
-
name?: string | undefined;
|
|
67
|
-
spacing?: import("../types").Spacing | undefined;
|
|
68
66
|
testId?: string | undefined;
|
|
67
|
+
locale?: string | undefined;
|
|
69
68
|
clearControlLabel?: string | undefined;
|
|
70
69
|
isInvalid?: boolean | undefined;
|
|
71
70
|
isRequired?: boolean | undefined;
|
|
72
|
-
|
|
71
|
+
name?: string | undefined;
|
|
72
|
+
spacing?: import("../types").Spacing | undefined;
|
|
73
73
|
datePickerProps?: import("../types").DatePickerBaseProps | undefined;
|
|
74
74
|
timePickerProps?: import("../types").TimePickerBaseProps | undefined;
|
|
75
75
|
parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
|
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
|
|
3
2
|
appearance?: import("..").Appearance | undefined;
|
|
4
3
|
isDisabled?: boolean | undefined;
|
|
5
|
-
innerProps?:
|
|
4
|
+
innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
|
|
6
5
|
defaultValue?: string | undefined;
|
|
7
6
|
autoFocus?: boolean | undefined;
|
|
8
7
|
id?: string | undefined;
|
|
9
8
|
'aria-describedby'?: string | undefined;
|
|
10
|
-
onFocus?:
|
|
11
|
-
onBlur?:
|
|
9
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
10
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
12
11
|
onChange?: ((value: string) => void) | undefined;
|
|
13
12
|
value?: string | undefined;
|
|
14
|
-
name?: string | undefined;
|
|
15
|
-
spacing?: import("..").Spacing | undefined;
|
|
16
13
|
testId?: string | undefined;
|
|
14
|
+
locale?: string | undefined;
|
|
17
15
|
clearControlLabel?: string | undefined;
|
|
18
16
|
isInvalid?: boolean | undefined;
|
|
19
17
|
isRequired?: boolean | undefined;
|
|
20
|
-
|
|
18
|
+
name?: string | undefined;
|
|
19
|
+
spacing?: import("..").Spacing | undefined;
|
|
21
20
|
datePickerProps?: import("..").DatePickerProps | undefined;
|
|
22
21
|
timePickerProps?: import("..").TimePickerProps | undefined;
|
|
23
22
|
parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
|
|
@@ -26,7 +25,7 @@ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTime
|
|
|
26
25
|
zoneValue: string;
|
|
27
26
|
}) | undefined;
|
|
28
27
|
} & {
|
|
29
|
-
ref?:
|
|
28
|
+
ref?: React.Ref<any> | undefined;
|
|
30
29
|
createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
|
|
31
30
|
}, "ref"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
|
|
32
31
|
export default DateTimePicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type ComponentType, type FC, type PropsWithoutRef, type PropsWithRef, type RefAttributes } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Gets all available ref types from two prop sets and returns
|
|
4
4
|
* them in a ref prop
|
|
@@ -30,5 +30,5 @@ type GetRefAttributes<A, B> = A extends RefAttributes<infer RefA> ? B extends Re
|
|
|
30
30
|
* @param componentFalse Component that will be returned if conditionGetter is "false"
|
|
31
31
|
* @returns Component Depending on a Condition result
|
|
32
32
|
*/
|
|
33
|
-
export declare function componentWithCondition<A extends {}, B extends {}>(condition: () => boolean, ComponentTrue: ComponentType<A>, ComponentFalse: ComponentType<B>):
|
|
33
|
+
export declare function componentWithCondition<A extends {}, B extends {}>(condition: () => boolean, ComponentTrue: ComponentType<A>, ComponentFalse: ComponentType<B>): FC<PropsWithoutRef<A> & PropsWithoutRef<B> & GetRefAttributes<PropsWithRef<A>, PropsWithRef<B>>>;
|
|
34
34
|
export {};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
/**
|
|
3
2
|
* @jsxRuntime classic
|
|
4
3
|
* @jsx jsx
|
|
5
4
|
*/
|
|
6
5
|
import { type IndicatorsContainerProps } from '@atlaskit/select';
|
|
7
|
-
export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any
|
|
8
|
-
showClearIndicator?: boolean
|
|
6
|
+
export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any> & {
|
|
7
|
+
showClearIndicator?: boolean;
|
|
9
8
|
}) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/datetime-picker",
|
|
3
|
-
"version": "17.0.
|
|
3
|
+
"version": "17.0.13",
|
|
4
4
|
"description": "A date time picker allows the user to select an associated date and time.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
40
|
-
"@atlaskit/button": "^23.
|
|
40
|
+
"@atlaskit/button": "^23.4.0",
|
|
41
41
|
"@atlaskit/calendar": "^17.1.0",
|
|
42
42
|
"@atlaskit/css": "^0.12.0",
|
|
43
43
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
44
|
-
"@atlaskit/icon": "^
|
|
44
|
+
"@atlaskit/icon": "^28.0.0",
|
|
45
45
|
"@atlaskit/layering": "^3.0.0",
|
|
46
46
|
"@atlaskit/locale": "^3.0.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@atlaskit/code": "^17.2.0",
|
|
65
65
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
66
66
|
"@atlaskit/docs": "^11.0.0",
|
|
67
|
-
"@atlaskit/form": "^12.
|
|
67
|
+
"@atlaskit/form": "^12.1.0",
|
|
68
68
|
"@atlaskit/heading": "^5.2.0",
|
|
69
69
|
"@atlaskit/link": "^3.2.0",
|
|
70
70
|
"@atlaskit/modal-dialog": "^14.3.0",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"@atlaskit/textfield": "^8.0.0",
|
|
76
76
|
"@atlaskit/toggle": "^15.1.0",
|
|
77
77
|
"@atlaskit/visual-regression": "workspace:^",
|
|
78
|
-
"@atlassian/ssr-tests": "^0.
|
|
78
|
+
"@atlassian/ssr-tests": "^0.3.0",
|
|
79
79
|
"@testing-library/react": "^13.4.0",
|
|
80
80
|
"@testing-library/user-event": "^14.4.3",
|
|
81
81
|
"@types/testing-library__jest-dom": "^5.14.5",
|
|
@@ -83,8 +83,7 @@
|
|
|
83
83
|
"jscodeshift": "^17.0.0",
|
|
84
84
|
"moment": "^2.29.2",
|
|
85
85
|
"react-dom": "^18.2.0",
|
|
86
|
-
"react-lorem-component": "^0.13.0"
|
|
87
|
-
"typescript": "~5.4.2"
|
|
86
|
+
"react-lorem-component": "^0.13.0"
|
|
88
87
|
},
|
|
89
88
|
"techstack": {
|
|
90
89
|
"@atlassian/frontend": {
|
|
@@ -118,9 +117,6 @@
|
|
|
118
117
|
},
|
|
119
118
|
"platform-visual-refresh-icons": {
|
|
120
119
|
"type": "boolean"
|
|
121
|
-
},
|
|
122
|
-
"platform_dst_menuonclose_fix": {
|
|
123
|
-
"type": "boolean"
|
|
124
120
|
}
|
|
125
121
|
},
|
|
126
122
|
"homepage": "https://atlassian.design/components/datetime-picker/"
|