@atlaskit/datetime-picker 17.0.11 → 17.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/date-picker-class.js +1 -1
  3. package/dist/cjs/components/date-picker-fc.js +1 -1
  4. package/dist/cjs/components/date-time-picker-class.js +1 -1
  5. package/dist/cjs/components/date-time-picker-fc.js +1 -1
  6. package/dist/cjs/components/time-picker.js +1 -1
  7. package/dist/es2019/components/date-picker-class.js +1 -1
  8. package/dist/es2019/components/date-picker-fc.js +1 -1
  9. package/dist/es2019/components/date-time-picker-class.js +1 -1
  10. package/dist/es2019/components/date-time-picker-fc.js +1 -1
  11. package/dist/es2019/components/time-picker.js +1 -1
  12. package/dist/esm/components/date-picker-class.js +1 -1
  13. package/dist/esm/components/date-picker-fc.js +1 -1
  14. package/dist/esm/components/date-time-picker-class.js +1 -1
  15. package/dist/esm/components/date-time-picker-fc.js +1 -1
  16. package/dist/esm/components/time-picker.js +1 -1
  17. package/dist/types/components/date-picker-class.d.ts +3 -3
  18. package/dist/types/components/date-picker-fc.d.ts +0 -1
  19. package/dist/types/components/date-picker.d.ts +5 -6
  20. package/dist/types/components/date-time-picker-class.d.ts +3 -3
  21. package/dist/types/components/date-time-picker.d.ts +7 -8
  22. package/dist/types/internal/date-time-picker-container.d.ts +0 -1
  23. package/dist/types/internal/ff-component.d.ts +2 -2
  24. package/dist/types/internal/fixed-layer-menu.d.ts +0 -1
  25. package/dist/types/internal/indicators-container.d.ts +2 -3
  26. package/dist/types/internal/menu.d.ts +0 -1
  27. package/dist/types/types.d.ts +0 -1
  28. package/dist/types-ts4.5/components/date-picker-class.d.ts +3 -3
  29. package/dist/types-ts4.5/components/date-picker-fc.d.ts +0 -1
  30. package/dist/types-ts4.5/components/date-picker.d.ts +5 -6
  31. package/dist/types-ts4.5/components/date-time-picker-class.d.ts +3 -3
  32. package/dist/types-ts4.5/components/date-time-picker.d.ts +7 -8
  33. package/dist/types-ts4.5/internal/date-time-picker-container.d.ts +0 -1
  34. package/dist/types-ts4.5/internal/ff-component.d.ts +2 -2
  35. package/dist/types-ts4.5/internal/fixed-layer-menu.d.ts +0 -1
  36. package/dist/types-ts4.5/internal/indicators-container.d.ts +2 -3
  37. package/dist/types-ts4.5/internal/menu.d.ts +0 -1
  38. package/dist/types-ts4.5/types.d.ts +0 -1
  39. package/package.json +5 -6
  40. package/types/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 17.0.12
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 17.0.11
4
10
 
5
11
  ### 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.10";
43
+ var packageVersion = "17.0.11";
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.10";
39
+ var packageVersion = "17.0.11";
40
40
  var styles = {
41
41
  pickerContainerStyle: "_kqswh2mm",
42
42
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -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.10";
38
+ var packageVersion = "17.0.11";
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.10";
42
+ var packageVersion = "17.0.11";
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.10";
29
+ var packageVersion = "17.0.11";
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.10";
25
+ const packageVersion = "17.0.11";
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.10";
24
+ const packageVersion = "17.0.11";
25
25
  const styles = {
26
26
  pickerContainerStyle: "_kqswh2mm",
27
27
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -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.10";
20
+ const packageVersion = "17.0.11";
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.10";
24
+ const packageVersion = "17.0.11";
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.10";
14
+ const packageVersion = "17.0.11";
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.10";
34
+ var packageVersion = "17.0.11";
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.10";
30
+ var packageVersion = "17.0.11";
31
31
  var styles = {
32
32
  pickerContainerStyle: "_kqswh2mm",
33
33
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -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.10";
31
+ var packageVersion = "17.0.11";
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.10";
33
+ var packageVersion = "17.0.11";
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.10";
20
+ var packageVersion = "17.0.11";
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: import("react").FocusEvent<HTMLInputElement, Element>) => void;
45
+ onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
46
46
  onChange: (_value: string) => void;
47
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
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" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type DropdownIndicatorProps, type OptionType } from '@atlaskit/select';
3
2
  import { type DatePickerBaseProps, type DateTimePickerSelectProps } from '../types';
4
3
  export type DatePickerProps = DatePickerBaseProps & {
@@ -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: import("react").FocusEvent<HTMLInputElement, Element>) => void;
7
+ onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
9
8
  onChange: (_value: string) => void;
10
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
11
- } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
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: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
15
- onBlur?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
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
- locale?: string | undefined;
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?: import("react").AllHTMLAttributes<HTMLElement> | undefined;
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?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
11
- onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
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
- locale?: string | undefined;
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?: import("react").Ref<any> | undefined;
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;
@@ -2,7 +2,6 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- /// <reference types="react" />
6
5
  import { type Appearance } from '../types';
7
6
  type DateTimePickerContainerProps = {
8
7
  children?: React.ReactNode;
@@ -1,4 +1,4 @@
1
- import React, { type ComponentType, type RefAttributes } from 'react';
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>): React.FC<React.PropsWithoutRef<A> & React.PropsWithoutRef<B> & GetRefAttributes<React.PropsWithRef<A>, React.PropsWithRef<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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type MenuProps, type OptionType } from '@atlaskit/select';
3
2
  /**
4
3
  * This is the fixed layer menu used in the time picker.
@@ -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, boolean, import("@atlaskit/select").GroupType<any>> & {
8
- showClearIndicator?: boolean | undefined;
6
+ export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any> & {
7
+ showClearIndicator?: boolean;
9
8
  }) => JSX.Element;
@@ -2,7 +2,6 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- /// <reference types="react" />
6
5
  import { type MenuProps } from '@atlaskit/select';
7
6
  /**
8
7
  * This is the menu used in the select of the date picker.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
2
  import { type DropdownIndicatorProps, type OptionType, type SelectProps } from '@atlaskit/select';
4
3
  export type Appearance = 'default' | 'subtle' | 'none';
@@ -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: import("react").FocusEvent<HTMLInputElement, Element>) => void;
45
+ onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
46
46
  onChange: (_value: string) => void;
47
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
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" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type DropdownIndicatorProps, type OptionType } from '@atlaskit/select';
3
2
  import { type DatePickerBaseProps, type DateTimePickerSelectProps } from '../types';
4
3
  export type DatePickerProps = DatePickerBaseProps & {
@@ -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: import("react").FocusEvent<HTMLInputElement, Element>) => void;
7
+ onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
9
8
  onChange: (_value: string) => void;
10
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
11
- } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
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: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
15
- onBlur?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
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
- locale?: string | undefined;
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?: import("react").AllHTMLAttributes<HTMLElement> | undefined;
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?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
11
- onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
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
- locale?: string | undefined;
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?: import("react").Ref<any> | undefined;
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,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * @jsxRuntime classic
4
3
  * @jsx jsx
@@ -1,4 +1,4 @@
1
- import React, { type ComponentType, type RefAttributes } from 'react';
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>): React.FC<React.PropsWithoutRef<A> & React.PropsWithoutRef<B> & GetRefAttributes<React.PropsWithRef<A>, React.PropsWithRef<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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type MenuProps, type OptionType } from '@atlaskit/select';
3
2
  /**
4
3
  * This is the fixed layer menu used in the time picker.
@@ -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, boolean, import("@atlaskit/select").GroupType<any>> & {
8
- showClearIndicator?: boolean | undefined;
6
+ export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any> & {
7
+ showClearIndicator?: boolean;
9
8
  }) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * @jsxRuntime classic
4
3
  * @jsx jsx
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
2
  import { type DropdownIndicatorProps, type OptionType, type SelectProps } from '@atlaskit/select';
4
3
  export type Appearance = 'default' | 'subtle' | 'none';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "17.0.11",
3
+ "version": "17.0.12",
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.3.0",
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": "^27.9.0",
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.0.0",
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",
@@ -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": {
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/types.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/types.d.ts"
14
14
  ]