@atlaskit/datetime-picker 18.3.0 → 18.4.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.
Files changed (48) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/codemods/14.0.0-remove-duplicate-and-unused-props.tsx +0 -1
  3. package/dist/cjs/components/date-picker.js +14 -16
  4. package/dist/cjs/components/date-time-picker.js +6 -6
  5. package/dist/cjs/components/time-picker.js +15 -22
  6. package/dist/cjs/internal/date-time-picker-container.js +2 -2
  7. package/dist/cjs/internal/fixed-layer-menu-top-layer.js +3 -7
  8. package/dist/cjs/internal/fixed-layer-menu.js +4 -8
  9. package/dist/cjs/internal/fixed-layer.js +7 -5
  10. package/dist/cjs/internal/indicators-container.js +2 -2
  11. package/dist/cjs/internal/menu-top-layer.js +1 -1
  12. package/dist/cjs/internal/menu.js +3 -3
  13. package/dist/cjs/internal/single-value.js +3 -2
  14. package/dist/es2019/components/date-picker.js +6 -8
  15. package/dist/es2019/components/date-time-picker.js +3 -3
  16. package/dist/es2019/components/time-picker.js +10 -17
  17. package/dist/es2019/internal/date-time-picker-container.js +1 -1
  18. package/dist/es2019/internal/fixed-layer-menu-top-layer.js +2 -6
  19. package/dist/es2019/internal/fixed-layer-menu.js +3 -7
  20. package/dist/es2019/internal/fixed-layer.js +4 -2
  21. package/dist/es2019/internal/indicators-container.js +1 -1
  22. package/dist/es2019/internal/menu-top-layer.js +1 -1
  23. package/dist/es2019/internal/menu.js +2 -2
  24. package/dist/es2019/internal/single-value.js +2 -2
  25. package/dist/esm/components/date-picker.js +6 -8
  26. package/dist/esm/components/date-time-picker.js +3 -3
  27. package/dist/esm/components/time-picker.js +10 -17
  28. package/dist/esm/internal/date-time-picker-container.js +1 -1
  29. package/dist/esm/internal/fixed-layer-menu-top-layer.js +2 -6
  30. package/dist/esm/internal/fixed-layer-menu.js +3 -7
  31. package/dist/esm/internal/fixed-layer.js +4 -2
  32. package/dist/esm/internal/indicators-container.js +1 -1
  33. package/dist/esm/internal/menu-top-layer.js +1 -1
  34. package/dist/esm/internal/menu.js +2 -2
  35. package/dist/esm/internal/single-value.js +2 -2
  36. package/dist/types/components/date-picker.d.ts +1 -1
  37. package/dist/types/internal/fixed-layer-menu-top-layer.d.ts +1 -1
  38. package/dist/types/internal/fixed-layer-menu.d.ts +1 -1
  39. package/dist/types/internal/format-date.d.ts +1 -1
  40. package/dist/types/internal/get-placeholder.d.ts +1 -1
  41. package/dist/types/internal/indicators-container.d.ts +1 -1
  42. package/dist/types/internal/menu-top-layer.d.ts +1 -1
  43. package/dist/types/internal/menu.d.ts +1 -1
  44. package/dist/types/internal/parse-date.d.ts +1 -1
  45. package/dist/types/internal/single-value.d.ts +1 -1
  46. package/dist/types/types.d.ts +2 -2
  47. package/package.json +24 -46
  48. package/datetime-picker.docs.tsx +0 -132
@@ -3,11 +3,13 @@ import React, { forwardRef, useCallback, useEffect, useReducer, useState } from
3
3
 
4
4
  // oxlint-disable-next-line @atlassian/no-restricted-imports
5
5
  import { format, isValid } from 'date-fns';
6
- import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
6
+ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
7
7
  import __noop from '@atlaskit/ds-lib/noop';
8
- import { createLocalizationProvider } from '@atlaskit/locale';
9
- import { fg } from '@atlaskit/platform-feature-flags';
10
- import Select, { CreatableSelect, mergeStyles } from '@atlaskit/select';
8
+ import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
9
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
10
+ import Select from '@atlaskit/select/default';
11
+ import CreatableSelect from '@atlaskit/select/creatable-select';
12
+ import { mergeStyles } from '@atlaskit/react-select/styles';
11
13
  import { defaultTimes } from '../internal/default-times';
12
14
  import { EmptyComponent } from '../internal/empty-component';
13
15
  import { FixedLayerMenu } from '../internal/fixed-layer-menu';
@@ -17,7 +19,7 @@ import { convertTokens } from '../internal/parse-tokens';
17
19
  import { placeholderDatetime } from '../internal/placeholder-date-time';
18
20
  import { makeSingleValue } from '../internal/single-value';
19
21
  const packageName = "@atlaskit/datetime-picker";
20
- const packageVersion = "18.2.4";
22
+ const packageVersion = "18.3.1";
21
23
  const defaultTimeFormat = 'h:mma';
22
24
  const menuStyles = {
23
25
  /* Need to remove default absolute positioning as that causes issues with position fixed */
@@ -239,8 +241,6 @@ const TimePicker = /*#__PURE__*/forwardRef(({
239
241
  })
240
242
  };
241
243
  const renderIconContainer = Boolean(!hideIcon && value);
242
-
243
- // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
244
244
  const mergedStyles = mergeStyles(selectStyles, {
245
245
  control: base => ({
246
246
  ...base
@@ -272,9 +272,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
272
272
  "aria-label": label || undefined,
273
273
  appearance: appearance,
274
274
  autoFocus: autoFocus,
275
- clearControlLabel: clearControlLabel
276
- // @ts-ignore - Type mismatch with components - workaround for help-center local consumption
277
- ,
275
+ clearControlLabel: clearControlLabel,
278
276
  components: selectComponents,
279
277
  inputId: id,
280
278
  isClearable: true,
@@ -284,22 +282,17 @@ const TimePicker = /*#__PURE__*/forwardRef(({
284
282
  menuPlacement: "auto",
285
283
  openMenuOnFocus: true,
286
284
  onBlur: onBlur,
287
- onCreateOption: onCreateOption
288
- // @ts-ignore - Type mismatch with onChange handler - workaround for help-center local consumption
289
- ,
285
+ onCreateOption: onCreateOption,
290
286
  onChange: onChange,
291
287
  options: options,
292
288
  onFocus: onFocus,
293
289
  onMenuOpen: onMenuOpen,
294
290
  onMenuClose: onMenuClose,
295
- placeholder: placeholder || l10n.formatTime(placeholderDatetime)
296
- // @ts-ignore - Type mismatch with styles config - workaround for help-center local consumption
297
- ,
291
+ placeholder: placeholder || l10n.formatTime(placeholderDatetime),
298
292
  styles: mergedStyles,
299
293
  value: initialValue,
300
294
  spacing: spacing
301
295
  // We need this to get things to work, even though it's not supported.
302
- // @ts-ignore
303
296
  ,
304
297
  fixedLayerRef: containerRef,
305
298
  isInvalid: isInvalid,
@@ -4,7 +4,7 @@ import "./date-time-picker-container.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef } from 'react';
7
- import { fg } from '@atlaskit/platform-feature-flags';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
8
  const isInvalidBorderStyles = null;
9
9
  const isFocusedBorderStyles = null;
10
10
  const isFocusedStyles = null;
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useRef } from 'react';
6
- import { components } from '@atlaskit/select';
6
+ import { components } from '@atlaskit/react-select/components';
7
7
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
8
8
  import { Popover } from '@atlaskit/top-layer/popover';
9
9
  import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -54,9 +54,7 @@ export const FixedLayerMenuTopLayer = ({
54
54
  }) => {
55
55
  var _selectProps$fixedLay, _selectProps$fixedLay2;
56
56
  // The select's container element is the anchor for the popup.
57
- // @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
58
57
  const triggerRef = useRef((_selectProps$fixedLay = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay !== void 0 ? _selectProps$fixedLay : null);
59
- // @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
60
58
  triggerRef.current = (_selectProps$fixedLay2 = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay2 !== void 0 ? _selectProps$fixedLay2 : null;
61
59
  const popoverRef = useRef(null);
62
60
  useAnchorPosition({
@@ -82,9 +80,7 @@ export const FixedLayerMenuTopLayer = ({
82
80
  ,
83
81
  mode: "manual",
84
82
  placement: popupPlacement,
85
- shouldAnimate: true
86
- // @ts-ignore -- testId is a custom prop passed through selectProps
87
- ,
83
+ shouldAnimate: true,
88
84
  testId: selectProps.testId && `${selectProps.testId}--popup`
89
85
  }, /*#__PURE__*/React.createElement(PopoverSurface, null, /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
90
86
  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
@@ -2,7 +2,7 @@
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { components } from '@atlaskit/select';
5
+ import { components } from '@atlaskit/react-select/components';
6
6
  import FixedLayer from '../internal/fixed-layer';
7
7
 
8
8
  /**
@@ -33,9 +33,7 @@ export const FixedLayerMenu = ({
33
33
  children,
34
34
  ...rest
35
35
  }) => /*#__PURE__*/React.createElement(FixedLayer, {
36
- inputValue: selectProps.inputValue
37
- //@ts-ignore react-select unsupported props
38
- ,
36
+ inputValue: selectProps.inputValue,
39
37
  containerRef: selectProps.fixedLayerRef,
40
38
  content: /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
41
39
  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
@@ -60,8 +58,6 @@ export const FixedLayerMenu = ({
60
58
  selectOption: selectOption,
61
59
  selectProps: selectProps,
62
60
  setValue: setValue
63
- }), children)
64
- //@ts-ignore react-select unsupported props
65
- ,
61
+ }), children),
66
62
  testId: selectProps.testId
67
63
  });
@@ -4,8 +4,10 @@ import "./fixed-layer.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
6
  import noop from '@atlaskit/ds-lib/noop';
7
- import { sizes } from '@atlaskit/icon';
8
- import { Manager, Popper, Reference } from '@atlaskit/popper';
7
+ import { sizes } from '@atlaskit/icon/constants/default';
8
+ import { Manager } from '@atlaskit/popper/manager';
9
+ import { Popper } from '@atlaskit/popper/main';
10
+ import { Reference } from '@atlaskit/popper/reference';
9
11
  const styles = {
10
12
  root: "_bfhk1j28 _kqswstnw _152tze3t",
11
13
  popperStyles: "_1pbyowjs"
@@ -2,7 +2,7 @@
2
2
  import "./indicators-container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { components } from '@atlaskit/select';
5
+ import { components } from '@atlaskit/react-select/components';
6
6
  const styles = {
7
7
  calendarButtonInclusionStyles: "_ahbqxy5q",
8
8
  calendarButtonOnlyInclusionStyles: "_ahbq1ejb"
@@ -4,7 +4,7 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { Fragment, useRef } from 'react';
6
6
  import { isValid, parseISO } from 'date-fns';
7
- import Calendar from '@atlaskit/calendar';
7
+ import Calendar from '@atlaskit/calendar/calendar';
8
8
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
9
9
  import { Popover } from '@atlaskit/top-layer/popover';
10
10
  import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -7,9 +7,9 @@ import { Fragment } from 'react';
7
7
 
8
8
  // oxlint-disable-next-line @atlassian/no-restricted-imports
9
9
  import { isValid, parseISO } from 'date-fns';
10
- import Calendar from '@atlaskit/calendar';
10
+ import Calendar from '@atlaskit/calendar/calendar';
11
11
  import { Layering } from '@atlaskit/layering/layering';
12
- import { fg } from '@atlaskit/platform-feature-flags';
12
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
13
13
  import FixedLayer from '../internal/fixed-layer';
14
14
 
15
15
  /**
@@ -1,13 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { components } from '@atlaskit/select';
4
-
3
+ import { components } from '@atlaskit/react-select/components';
5
4
  /**
6
5
  * This creates a functional component that `react-select` will use to make the
7
6
  * SingleValue part of the different pickers.
8
7
  */
9
8
  export const makeSingleValue =
10
9
  // TODO: Make ID required
10
+
11
11
  ({
12
12
  id,
13
13
  lang
@@ -15,15 +15,16 @@ import { forwardRef, useCallback, useEffect, useReducer, useRef, useState } from
15
15
 
16
16
  // oxlint-disable-next-line @atlassian/no-restricted-imports
17
17
  import { isValid, parseISO } from 'date-fns';
18
- import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
18
+ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
19
19
  import { IconButton } from '@atlaskit/button/new';
20
20
  import { cx } from '@atlaskit/css';
21
21
  import { useId } from '@atlaskit/ds-lib/use-id';
22
22
  import CalendarIcon from '@atlaskit/icon/core/calendar';
23
- import { createLocalizationProvider } from '@atlaskit/locale';
24
- import { fg } from '@atlaskit/platform-feature-flags';
23
+ import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
24
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
25
25
  import { Box } from '@atlaskit/primitives/compiled';
26
- import Select, { mergeStyles } from '@atlaskit/select';
26
+ import Select from '@atlaskit/select/default';
27
+ import { mergeStyles } from '@atlaskit/react-select/styles';
27
28
  import { EmptyComponent } from '../internal/empty-component';
28
29
  import { formatDate } from '../internal/format-date';
29
30
  import { getParsedISO } from '../internal/get-parsed-iso';
@@ -37,7 +38,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
37
38
  import { parseDate } from '../internal/parse-date';
38
39
  import { makeSingleValue } from '../internal/single-value';
39
40
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "18.2.4";
41
+ var packageVersion = "18.3.1";
41
42
  var styles = {
42
43
  pickerContainerStyle: "_kqswh2mm",
43
44
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -501,8 +502,6 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, _forwardedRef) {
501
502
  */
502
503
  menuInnerWrapper: props === null || props === void 0 ? void 0 : props.menuInnerWrapper
503
504
  };
504
-
505
- // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
506
505
  var mergedStyles = mergeStyles(selectStyles, {
507
506
  control: function control(base) {
508
507
  return _objectSpread(_objectSpread({}, base), disabledStyle);
@@ -586,7 +585,6 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, _forwardedRef) {
586
585
  spacing: spacing,
587
586
  testId: testId
588
587
  // These aren't part of `Select`'s API, but we're using them here.
589
- // @ts-ignore -- Property 'calendarContainerRef' does not exist on type 'IntrinsicAttributes & LibraryManagedAttributes<(<Option extends unknown = OptionType, IsMulti extends boolean = false>(props: AtlaskitSelectProps<Option, IsMulti> & { ...; }) => Element), AtlaskitSelectProps<...> & { ...; }>'.
590
588
  ,
591
589
  calendarContainerRef: calendarProps.calendarContainerRef,
592
590
  calendarDisabled: calendarProps.calendarDisabled,
@@ -16,18 +16,18 @@ import React, { forwardRef, useCallback, useEffect, useReducer, useRef, useState
16
16
 
17
17
  // oxlint-disable-next-line @atlassian/no-restricted-imports
18
18
  import { format, isValid, parseISO } from 'date-fns';
19
- import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
19
+ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
20
20
  import { IconButton } from '@atlaskit/button/new';
21
21
  import SelectClearIcon from '@atlaskit/icon/core/cross-circle';
22
22
  import { Box, Inline } from '@atlaskit/primitives/compiled';
23
- import { mergeStyles } from '@atlaskit/select';
23
+ import { mergeStyles } from '@atlaskit/react-select/styles';
24
24
  import { DateTimePickerContainer } from '../internal/date-time-picker-container';
25
25
  import { formatDateTimeZoneIntoIso } from '../internal/format-date-time-zone-into-iso';
26
26
  import { convertTokens } from '../internal/parse-tokens';
27
27
  import DatePicker from './date-picker';
28
28
  import TimePicker from './time-picker';
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "18.2.4";
30
+ var packageVersion = "18.3.1";
31
31
  var analyticsAttributes = {
32
32
  componentName: 'dateTimePicker',
33
33
  packageName: packageName,
@@ -9,11 +9,13 @@ import React, { forwardRef, useCallback, useEffect, useReducer, useState } from
9
9
 
10
10
  // oxlint-disable-next-line @atlassian/no-restricted-imports
11
11
  import { format, isValid } from 'date-fns';
12
- import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
12
+ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
13
13
  import __noop from '@atlaskit/ds-lib/noop';
14
- import { createLocalizationProvider } from '@atlaskit/locale';
15
- import { fg } from '@atlaskit/platform-feature-flags';
16
- import Select, { CreatableSelect, mergeStyles } from '@atlaskit/select';
14
+ import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
15
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
16
+ import Select from '@atlaskit/select/default';
17
+ import CreatableSelect from '@atlaskit/select/creatable-select';
18
+ import { mergeStyles } from '@atlaskit/react-select/styles';
17
19
  import { defaultTimes } from '../internal/default-times';
18
20
  import { EmptyComponent } from '../internal/empty-component';
19
21
  import { FixedLayerMenu } from '../internal/fixed-layer-menu';
@@ -23,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
23
25
  import { placeholderDatetime } from '../internal/placeholder-date-time';
24
26
  import { makeSingleValue } from '../internal/single-value';
25
27
  var packageName = "@atlaskit/datetime-picker";
26
- var packageVersion = "18.2.4";
28
+ var packageVersion = "18.3.1";
27
29
  var defaultTimeFormat = 'h:mma';
28
30
  var menuStyles = {
29
31
  /* Need to remove default absolute positioning as that causes issues with position fixed */
@@ -282,8 +284,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
282
284
  ClearIndicator: EmptyComponent
283
285
  });
284
286
  var renderIconContainer = Boolean(!hideIcon && value);
285
-
286
- // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
287
287
  var mergedStyles = mergeStyles(selectStyles, {
288
288
  control: function control(base) {
289
289
  return _objectSpread({}, base);
@@ -316,9 +316,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
316
316
  "aria-label": label || undefined,
317
317
  appearance: appearance,
318
318
  autoFocus: autoFocus,
319
- clearControlLabel: clearControlLabel
320
- // @ts-ignore - Type mismatch with components - workaround for help-center local consumption
321
- ,
319
+ clearControlLabel: clearControlLabel,
322
320
  components: selectComponents,
323
321
  inputId: id,
324
322
  isClearable: true,
@@ -328,22 +326,17 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
328
326
  menuPlacement: "auto",
329
327
  openMenuOnFocus: true,
330
328
  onBlur: onBlur,
331
- onCreateOption: onCreateOption
332
- // @ts-ignore - Type mismatch with onChange handler - workaround for help-center local consumption
333
- ,
329
+ onCreateOption: onCreateOption,
334
330
  onChange: onChange,
335
331
  options: options,
336
332
  onFocus: onFocus,
337
333
  onMenuOpen: onMenuOpen,
338
334
  onMenuClose: onMenuClose,
339
- placeholder: placeholder || l10n.formatTime(placeholderDatetime)
340
- // @ts-ignore - Type mismatch with styles config - workaround for help-center local consumption
341
- ,
335
+ placeholder: placeholder || l10n.formatTime(placeholderDatetime),
342
336
  styles: mergedStyles,
343
337
  value: initialValue,
344
338
  spacing: spacing
345
339
  // We need this to get things to work, even though it's not supported.
346
- // @ts-ignore
347
340
  ,
348
341
  fixedLayerRef: containerRef,
349
342
  isInvalid: isInvalid,
@@ -4,7 +4,7 @@ import "./date-time-picker-container.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef } from 'react';
7
- import { fg } from '@atlaskit/platform-feature-flags';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
8
  var isInvalidBorderStyles = null;
9
9
  var isFocusedBorderStyles = null;
10
10
  var isFocusedStyles = null;
@@ -5,7 +5,7 @@ var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasV
5
5
  import * as React from 'react';
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import { useRef } from 'react';
8
- import { components } from '@atlaskit/select';
8
+ import { components } from '@atlaskit/react-select/components';
9
9
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
10
10
  import { Popover } from '@atlaskit/top-layer/popover';
11
11
  import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -55,9 +55,7 @@ var FixedLayerMenuTopLayer = function FixedLayerMenuTopLayer(_ref) {
55
55
  children = _ref.children,
56
56
  rest = _objectWithoutProperties(_ref, _excluded);
57
57
  // The select's container element is the anchor for the popup.
58
- // @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
59
58
  var triggerRef = useRef((_selectProps$fixedLay = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay !== void 0 ? _selectProps$fixedLay : null);
60
- // @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
61
59
  triggerRef.current = (_selectProps$fixedLay2 = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay2 !== void 0 ? _selectProps$fixedLay2 : null;
62
60
  var popoverRef = useRef(null);
63
61
  useAnchorPosition({
@@ -83,9 +81,7 @@ var FixedLayerMenuTopLayer = function FixedLayerMenuTopLayer(_ref) {
83
81
  ,
84
82
  mode: "manual",
85
83
  placement: popupPlacement,
86
- shouldAnimate: true
87
- // @ts-ignore -- testId is a custom prop passed through selectProps
88
- ,
84
+ shouldAnimate: true,
89
85
  testId: selectProps.testId && "".concat(selectProps.testId, "--popup")
90
86
  }, /*#__PURE__*/React.createElement(PopoverSurface, null, /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
91
87
  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
4
4
  var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];
5
5
  import * as React from 'react';
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
- import { components } from '@atlaskit/select';
7
+ import { components } from '@atlaskit/react-select/components';
8
8
  import FixedLayer from '../internal/fixed-layer';
9
9
 
10
10
  /**
@@ -35,9 +35,7 @@ var FixedLayerMenu = function FixedLayerMenu(_ref) {
35
35
  children = _ref.children,
36
36
  rest = _objectWithoutProperties(_ref, _excluded);
37
37
  return /*#__PURE__*/React.createElement(FixedLayer, {
38
- inputValue: selectProps.inputValue
39
- //@ts-ignore react-select unsupported props
40
- ,
38
+ inputValue: selectProps.inputValue,
41
39
  containerRef: selectProps.fixedLayerRef,
42
40
  content: /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
43
41
  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
@@ -62,9 +60,7 @@ var FixedLayerMenu = function FixedLayerMenu(_ref) {
62
60
  selectOption: selectOption,
63
61
  selectProps: selectProps,
64
62
  setValue: setValue
65
- }), children)
66
- //@ts-ignore react-select unsupported props
67
- ,
63
+ }), children),
68
64
  testId: selectProps.testId
69
65
  });
70
66
  };
@@ -11,8 +11,10 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
11
11
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
12
  import React from 'react';
13
13
  import noop from '@atlaskit/ds-lib/noop';
14
- import { sizes } from '@atlaskit/icon';
15
- import { Manager, Popper, Reference } from '@atlaskit/popper';
14
+ import { sizes } from '@atlaskit/icon/constants/default';
15
+ import { Manager } from '@atlaskit/popper/manager';
16
+ import { Popper } from '@atlaskit/popper/main';
17
+ import { Reference } from '@atlaskit/popper/reference';
16
18
  var styles = {
17
19
  root: "_bfhk1j28 _kqswstnw _152tze3t",
18
20
  popperStyles: "_1pbyowjs"
@@ -4,7 +4,7 @@ var _excluded = ["showClearIndicator"];
4
4
  import "./indicators-container.compiled.css";
5
5
  import * as React from 'react';
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
- import { components } from '@atlaskit/select';
7
+ import { components } from '@atlaskit/react-select/components';
8
8
  var styles = {
9
9
  calendarButtonInclusionStyles: "_ahbqxy5q",
10
10
  calendarButtonOnlyInclusionStyles: "_ahbq1ejb"
@@ -4,7 +4,7 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { Fragment, useRef } from 'react';
6
6
  import { isValid, parseISO } from 'date-fns';
7
- import Calendar from '@atlaskit/calendar';
7
+ import Calendar from '@atlaskit/calendar/calendar';
8
8
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
9
9
  import { Popover } from '@atlaskit/top-layer/popover';
10
10
  import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -7,9 +7,9 @@ import { Fragment } from 'react';
7
7
 
8
8
  // oxlint-disable-next-line @atlassian/no-restricted-imports
9
9
  import { isValid, parseISO } from 'date-fns';
10
- import Calendar from '@atlaskit/calendar';
10
+ import Calendar from '@atlaskit/calendar/calendar';
11
11
  import { Layering } from '@atlaskit/layering/layering';
12
- import { fg } from '@atlaskit/platform-feature-flags';
12
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
13
13
  import FixedLayer from '../internal/fixed-layer';
14
14
 
15
15
  /**
@@ -2,14 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
4
4
  import React from 'react';
5
- import { components } from '@atlaskit/select';
6
-
5
+ import { components } from '@atlaskit/react-select/components';
7
6
  /**
8
7
  * This creates a functional component that `react-select` will use to make the
9
8
  * SingleValue part of the different pickers.
10
9
  */
11
10
  export var makeSingleValue =
12
11
  // TODO: Make ID required
12
+
13
13
  function makeSingleValue(_ref) {
14
14
  var id = _ref.id,
15
15
  lang = _ref.lang;
@@ -1,4 +1,4 @@
1
- import { type DropdownIndicatorProps, type OptionType } from '@atlaskit/select';
1
+ import type { DropdownIndicatorProps, OptionType } from '@atlaskit/select/types';
2
2
  import { type DatePickerBaseProps, type DateTimePickerSelectProps } from '../types';
3
3
  export type DatePickerProps = DatePickerBaseProps & {
4
4
  icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
@@ -1,4 +1,4 @@
1
- import { type MenuProps, type OptionType } from '@atlaskit/select';
1
+ import type { MenuProps, OptionType } from '@atlaskit/select/types';
2
2
  /**
3
3
  * Top-layer version of the fixed layer menu used in the time picker.
4
4
  *
@@ -1,4 +1,4 @@
1
- import { type MenuProps, type OptionType } from '@atlaskit/select';
1
+ import type { MenuProps, OptionType } from '@atlaskit/select/types';
2
2
  /**
3
3
  * This is the fixed layer menu used in the time picker.
4
4
  */
@@ -15,7 +15,7 @@
15
15
  * If component _only_ has injected variables, it is fully internal and was
16
16
  * broken out to be it's own function.
17
17
  */
18
- import { type LocalizationProvider } from '@atlaskit/locale';
18
+ import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
19
19
  export declare const formatDate: (value: string, di: {
20
20
  formatDisplayLabel: ((value: string, dateFormat: string) => string) | undefined;
21
21
  dateFormat: string | undefined;
@@ -15,7 +15,7 @@
15
15
  * If component _only_ has injected variables, it is fully internal and was
16
16
  * broken out to be it's own function.
17
17
  */
18
- import { type LocalizationProvider } from '@atlaskit/locale';
18
+ import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
19
19
  export declare const getPlaceholder: (di: {
20
20
  placeholder: string | undefined;
21
21
  l10n: LocalizationProvider;
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import { type IndicatorsContainerProps } from '@atlaskit/select';
5
+ import type { IndicatorsContainerProps } from '@atlaskit/select/types';
6
6
  export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any> & {
7
7
  showClearIndicator?: boolean;
8
8
  }) => JSX.Element;
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import { type MenuProps, type OptionType } from '@atlaskit/select';
5
+ import type { MenuProps, OptionType } from '@atlaskit/select/types';
6
6
  /**
7
7
  * Top-layer version of the date picker menu.
8
8
  *
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- import { type MenuProps } from '@atlaskit/select';
5
+ import type { MenuProps } from '@atlaskit/select/types';
6
6
  /**
7
7
  * This is the menu used in the select of the date picker.
8
8
  */
@@ -1,4 +1,4 @@
1
- import { type LocalizationProvider } from '@atlaskit/locale';
1
+ import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
2
2
  /**
3
3
  * There are props that can change how the date is parsed.
4
4
  * The priority of props used is:
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type OptionType, type SingleValueProps } from '@atlaskit/select';
2
+ import type { OptionType, SingleValueProps } from '@atlaskit/select/types';
3
3
  /**
4
4
  * This creates a functional component that `react-select` will use to make the
5
5
  * SingleValue part of the different pickers.
@@ -1,5 +1,5 @@
1
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
2
- import { type DropdownIndicatorProps, type OptionType, type SelectProps } from '@atlaskit/select';
1
+ import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
2
+ import type { DropdownIndicatorProps, OptionType, SelectProps } from '@atlaskit/select/types';
3
3
  export type Appearance = 'default' | 'subtle' | 'none';
4
4
  export type Spacing = 'compact' | 'default';
5
5
  type Combine<First, Second> = Omit<First, keyof Second> & Second;