@atlaskit/datetime-picker 18.3.0 → 18.4.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/datetime-picker
 
+## 18.4.0
+
+### Minor Changes
+
+- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
+  Add direct subpath package exports as part of the linking-platform, search, media, and
+  design-system barrel-removal (de-barrel) migration.
+
+  These packages now expose their individual modules via explicit `package.json` `exports` subpaths
+  so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
+  the package barrel/index. This adds new public entry points without changing or removing any
+  existing exports, so it is a backwards-compatible additive change.
+
+  No runtime behaviour changes; this is an API-surface (entry-point) addition to support
+  tree-shaking and to unblock removal of the barrel index files.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.3.0
 
 ### Minor Changes

package/codemods/14.0.0-remove-duplicate-and-unused-props.tsx

@@ -350,7 +350,6 @@ function moveDateTimePickerProps(
 					j.jsxExpressionContainer(
 						// Adding `true` for boolean attributes that have no value;
 						// This definitely exists on here. Can't coerce right. May god have mercy on my soul for this ts-ignore.
-						// @ts-ignore Argument of type 'LiteralKind | JSXElement | JSXExpressionContainer | JSXFragment | null | undefined' is not assignable to parameter of type 'Literal | JSXText | StringLiteral | NumericLiteral | BigIntLiteral | NullLiteral | BooleanLiteral | ... 53 more ... | TSParameterProperty'. Type 'undefined' is not assignable to type 'Literal | JSXText | StringLiteral | NumericLiteral | BigIntLiteral | NullLiteral | BooleanLiteral | ... 53 more ... | TSParameterProperty'.
 						j.objectExpression([j.property('init', j.identifier(propertyName), newValue)]),
 					),
 				);

package/dist/cjs/components/date-picker.js

@@ -16,15 +16,16 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _dateFns = require("date-fns");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _new = require("@atlaskit/button/new");
 var _css = require("@atlaskit/css");
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
-var _locale = require("@atlaskit/locale");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _localizationProvider = require("@atlaskit/locale/localization-provider");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _select = _interopRequireWildcard(require("@atlaskit/select"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _styles = require("@atlaskit/react-select/styles");
 var _emptyComponent = require("../internal/empty-component");
 var _formatDate = require("../internal/format-date");
 var _getParsedIso = require("../internal/get-parsed-iso");
@@ -44,7 +45,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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; }
 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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.2.4";
+var packageVersion = "18.3.1";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -159,7 +160,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
     calendarValue = _useState10[0],
     setCalendarValue = _useState10[1];
-  var _useState11 = (0, _react.useState)((0, _locale.createLocalizationProvider)(propLocale)),
+  var _useState11 = (0, _react.useState)((0, _localizationProvider.createLocalizationProvider)(propLocale)),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     l10n = _useState12[0],
     setL10n = _useState12[1];
@@ -186,13 +187,13 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     }, true),
     _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
     forceUpdate = _useReducer2[1];
-  var onChangePropWithAnalytics = (0, _analyticsNext.usePlatformLeafEventHandler)(_objectSpread({
+  var onChangePropWithAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
     fn: onChangeProp,
     action: 'selectedDate',
     actionSubject: 'datePicker'
   }, analyticsAttributes));
   if (propLocale !== locale) {
-    setL10n((0, _locale.createLocalizationProvider)(propLocale));
+    setL10n((0, _localizationProvider.createLocalizationProvider)(propLocale));
     setLocale(propLocale);
   }
   (0, _react.useEffect)(function () {
@@ -204,7 +205,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
       setIsKeyDown(false);
       // When using top-layer, Popup.Content with role='dialog' automatically
       // focuses the first focusable element — no manual focus needed.
-      if (!(0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
+      if (!(0, _fg.fg)('platform-dst-top-layer')) {
         var _calendarRef$current;
         // Focus on the first button within the calendar
         calendarRef === null || calendarRef === void 0 || (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 || (_calendarRef$current = _calendarRef$current.querySelector('button')) === null || _calendarRef$current === void 0 || _calendarRef$current.focus();
@@ -234,7 +235,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
 
     // When using top-layer, PopupContent handles focus restoration automatically
     // on close based on the role. Only manually restore focus for the legacy path.
-    if (!(0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
+    if (!(0, _fg.fg)('platform-dst-top-layer')) {
       if (wasOpenedFromCalendarButton) {
         var _calendarButtonRef$cu;
         (_calendarButtonRef$cu = calendarButtonRef.current) === null || _calendarButtonRef$cu === void 0 || _calendarButtonRef$cu.focus();
@@ -477,7 +478,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
       }));
     }
   } : {}), {}, {
-    Menu: (0, _platformFeatureFlags.fg)('platform-dst-top-layer') ? _menuTopLayer.MenuTopLayer : _menu.Menu,
+    Menu: (0, _fg.fg)('platform-dst-top-layer') ? _menuTopLayer.MenuTopLayer : _menu.Menu,
     SingleValue: SingleValue
   }, !showClearIndicator && {
     ClearIndicator: _emptyComponent.EmptyComponent
@@ -508,9 +509,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
      */
     menuInnerWrapper: props === null || props === void 0 ? void 0 : props.menuInnerWrapper
   };
-
-  // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
-  var mergedStyles = (0, _select.mergeStyles)(selectStyles, {
+  var mergedStyles = (0, _styles.mergeStyles)(selectStyles, {
     control: function control(base) {
       return _objectSpread(_objectSpread({}, base), disabledStyle);
     },
@@ -551,7 +550,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     type: "hidden",
     value: getterValue,
     "data-testid": testId && "".concat(testId, "--input")
-  }), /*#__PURE__*/React.createElement(_select.default, (0, _extends2.default)({
+  }), /*#__PURE__*/React.createElement(_default2.default, (0, _extends2.default)({
     appearance: appearance,
     "aria-describedby": ariaDescribedBy ? "".concat(ariaDescribedBy, " ").concat(valueId) : valueId,
     label: label || undefined,
@@ -593,7 +592,6 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
     spacing: spacing,
     testId: testId
     // These aren't part of `Select`'s API, but we're using them here.
-    // @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<...> & { ...; }>'.
     ,
     calendarContainerRef: calendarProps.calendarContainerRef,
     calendarDisabled: calendarProps.calendarDisabled,

package/dist/cjs/components/date-time-picker.js

@@ -15,11 +15,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _dateFns = require("date-fns");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _new = require("@atlaskit/button/new");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _select = require("@atlaskit/select");
+var _styles = require("@atlaskit/react-select/styles");
 var _dateTimePickerContainer = require("../internal/date-time-picker-container");
 var _formatDateTimeZoneIntoIso = require("../internal/format-date-time-zone-into-iso");
 var _parseTokens = require("../internal/parse-tokens");
@@ -33,7 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // for typing `process`
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.2.4";
+var packageVersion = "18.3.1";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,
@@ -339,7 +339,7 @@ var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       timePickerPropsWithSelectProps.onChange('');
     }
   };
-  var onChangePropWithAnalytics = (0, _analyticsNext.usePlatformLeafEventHandler)(_objectSpread({
+  var onChangePropWithAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
     fn: onChangeProp,
     action: 'selectedDate',
     actionSubject: 'dateTimePicker'
@@ -392,14 +392,14 @@ var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var datePickerAriaDescribedBy = datePickerProps['aria-describedby'] || ariaDescribedBy;
   var datePickerLabel = datePickerProps.label || 'Date';
   var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
-    styles: (0, _select.mergeStyles)(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
+    styles: (0, _styles.mergeStyles)(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
   });
   var timePickerSelectProps = timePickerPropsWithSelectProps.selectProps,
     timePickerProps = (0, _objectWithoutProperties2.default)(timePickerPropsWithSelectProps, _excluded2);
   var timePickerAriaDescribedBy = timePickerProps['aria-describedby'] || ariaDescribedBy;
   var timePickerLabel = timePickerProps.label || 'Time';
   var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {
-    styles: (0, _select.mergeStyles)(styles, timePickerSelectProps === null || timePickerSelectProps === void 0 ? void 0 : timePickerSelectProps.styles)
+    styles: (0, _styles.mergeStyles)(styles, timePickerSelectProps === null || timePickerSelectProps === void 0 ? void 0 : timePickerSelectProps.styles)
   });
 
   // Render DateTimePicker's IconContainer when a value has been filled

package/dist/cjs/components/time-picker.js

@@ -12,11 +12,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _dateFns = require("date-fns");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _locale = require("@atlaskit/locale");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _select = _interopRequireWildcard(require("@atlaskit/select"));
+var _localizationProvider = require("@atlaskit/locale/localization-provider");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _creatableSelect = _interopRequireDefault(require("@atlaskit/select/creatable-select"));
+var _styles = require("@atlaskit/react-select/styles");
 var _defaultTimes = require("../internal/default-times");
 var _emptyComponent = require("../internal/empty-component");
 var _fixedLayerMenu = require("../internal/fixed-layer-menu");
@@ -30,7 +32,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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; }
 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; } // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.2.4";
+var packageVersion = "18.3.1";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
@@ -142,7 +144,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
     }, 0),
     _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
     forceUpdate = _useReducer2[1];
-  var providedOnChangeWithAnalytics = (0, _analyticsNext.usePlatformLeafEventHandler)(_objectSpread({
+  var providedOnChangeWithAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
     fn: providedOnChange,
     action: 'selectedTime'
   }, analyticsAttributes));
@@ -229,11 +231,11 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
   };
   var ICON_PADDING = 2;
   var GRID_SIZE = 8;
-  var l10n = (0, _locale.createLocalizationProvider)(locale);
+  var l10n = (0, _localizationProvider.createLocalizationProvider)(locale);
   var _selectProps$styles = selectProps.styles,
     selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles,
     otherSelectProps = (0, _objectWithoutProperties2.default)(selectProps, _excluded);
-  var SelectComponent = timeIsEditable ? _select.CreatableSelect : _select.default;
+  var SelectComponent = timeIsEditable ? _creatableSelect.default : _default2.default;
 
   /**
    * There are multiple props that can change how the time is formatted.
@@ -283,15 +285,13 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
   });
   var selectComponents = _objectSpread({
     DropdownIndicator: _emptyComponent.EmptyComponent,
-    Menu: (0, _platformFeatureFlags.fg)('platform-dst-top-layer') ? _fixedLayerMenuTopLayer.FixedLayerMenuTopLayer : _fixedLayerMenu.FixedLayerMenu,
+    Menu: (0, _fg.fg)('platform-dst-top-layer') ? _fixedLayerMenuTopLayer.FixedLayerMenuTopLayer : _fixedLayerMenu.FixedLayerMenu,
     SingleValue: SingleValue
   }, hideIcon && {
     ClearIndicator: _emptyComponent.EmptyComponent
   });
   var renderIconContainer = Boolean(!hideIcon && value);
-
-  // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
-  var mergedStyles = (0, _select.mergeStyles)(selectStyles, {
+  var mergedStyles = (0, _styles.mergeStyles)(selectStyles, {
     control: function control(base) {
       return _objectSpread({}, base);
     },
@@ -323,9 +323,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
     "aria-label": label || undefined,
     appearance: appearance,
     autoFocus: autoFocus,
-    clearControlLabel: clearControlLabel
-    // @ts-ignore - Type mismatch with components - workaround for help-center local consumption
-    ,
+    clearControlLabel: clearControlLabel,
     components: selectComponents,
     inputId: id,
     isClearable: true,
@@ -335,22 +333,17 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
     menuPlacement: "auto",
     openMenuOnFocus: true,
     onBlur: onBlur,
-    onCreateOption: onCreateOption
-    // @ts-ignore - Type mismatch with onChange handler - workaround for help-center local consumption
-    ,
+    onCreateOption: onCreateOption,
     onChange: onChange,
     options: options,
     onFocus: onFocus,
     onMenuOpen: onMenuOpen,
     onMenuClose: onMenuClose,
-    placeholder: placeholder || l10n.formatTime(_placeholderDateTime.placeholderDatetime)
-    // @ts-ignore - Type mismatch with styles config - workaround for help-center local consumption
-    ,
+    placeholder: placeholder || l10n.formatTime(_placeholderDateTime.placeholderDatetime),
     styles: mergedStyles,
     value: initialValue,
     spacing: spacing
     // We need this to get things to work, even though it's not supported.
-    // @ts-ignore
     ,
     fixedLayerRef: containerRef,
     isInvalid: isInvalid,

package/dist/cjs/internal/date-time-picker-container.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var isInvalidBorderStyles = null;
 var isFocusedBorderStyles = null;
@@ -44,6 +44,6 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = /*#__PURE__*/(0,
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
     "data-testid": testId,
     ref: ref,
-    className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
+    className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", (0, _fg.fg)('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
   }), children);
 });

package/dist/cjs/internal/fixed-layer-menu-top-layer.js

@@ -12,7 +12,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _select = require("@atlaskit/select");
+var _components = require("@atlaskit/react-select/components");
 var _placementMap = require("@atlaskit/top-layer/placement-map");
 var _popover = require("@atlaskit/top-layer/popover");
 var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
@@ -63,9 +63,7 @@ var FixedLayerMenuTopLayer = exports.FixedLayerMenuTopLayer = function FixedLaye
     children = _ref.children,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // The select's container element is the anchor for the popup.
-  // @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
   var triggerRef = (0, _react.useRef)((_selectProps$fixedLay = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay !== void 0 ? _selectProps$fixedLay : null);
-  // @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
   triggerRef.current = (_selectProps$fixedLay2 = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay2 !== void 0 ? _selectProps$fixedLay2 : null;
   var popoverRef = (0, _react.useRef)(null);
   (0, _useAnchorPosition.useAnchorPosition)({
@@ -91,11 +89,9 @@ var FixedLayerMenuTopLayer = exports.FixedLayerMenuTopLayer = function FixedLaye
     ,
     mode: "manual",
     placement: popupPlacement,
-    shouldAnimate: true
-    // @ts-ignore -- testId is a custom prop passed through selectProps
-    ,
+    shouldAnimate: true,
     testId: selectProps.testId && "".concat(selectProps.testId, "--popup")
-  }, /*#__PURE__*/React.createElement(_popoverSurface.PopoverSurface, null, /*#__PURE__*/React.createElement(_select.components.Menu, (0, _extends2.default)({}, rest, {
+  }, /*#__PURE__*/React.createElement(_popoverSurface.PopoverSurface, null, /*#__PURE__*/React.createElement(_components.components.Menu, (0, _extends2.default)({}, rest, {
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
     className: className,
     clearValue: clearValue,

package/dist/cjs/internal/fixed-layer-menu.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _select = require("@atlaskit/select");
+var _components = require("@atlaskit/react-select/components");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
 var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -43,11 +43,9 @@ var FixedLayerMenu = exports.FixedLayerMenu = function FixedLayerMenu(_ref) {
     children = _ref.children,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_fixedLayer.default, {
-    inputValue: selectProps.inputValue
-    //@ts-ignore react-select unsupported props
-    ,
+    inputValue: selectProps.inputValue,
     containerRef: selectProps.fixedLayerRef,
-    content: /*#__PURE__*/React.createElement(_select.components.Menu, (0, _extends2.default)({}, rest, {
+    content: /*#__PURE__*/React.createElement(_components.components.Menu, (0, _extends2.default)({}, rest, {
       // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
       className: className,
       clearValue: clearValue,
@@ -70,9 +68,7 @@ var FixedLayerMenu = exports.FixedLayerMenu = function FixedLayerMenu(_ref) {
       selectOption: selectOption,
       selectProps: selectProps,
       setValue: setValue
-    }), children)
-    //@ts-ignore react-select unsupported props
-    ,
+    }), children),
     testId: selectProps.testId
   });
 };

package/dist/cjs/internal/fixed-layer.js

@@ -16,8 +16,10 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _icon = require("@atlaskit/icon");
-var _popper = require("@atlaskit/popper");
+var _default = require("@atlaskit/icon/constants/default");
+var _manager = require("@atlaskit/popper/manager");
+var _main = require("@atlaskit/popper/main");
+var _reference = require("@atlaskit/popper/reference");
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var styles = {
@@ -65,14 +67,14 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
       var divStyles = {
         height: containerRef.getBoundingClientRect().height,
         // Don't block the clear button
-        width: containerRef.getBoundingClientRect().width - parseInt(_icon.sizes.small.slice(0, -2)) - 8
+        width: containerRef.getBoundingClientRect().width - parseInt(_default.sizes.small.slice(0, -2)) - 8
       };
       return (
         /*#__PURE__*/
         /* Need to wrap layer in a fixed position div so that it will render its content as fixed
          * We need to set the intial top value to where the container is and zIndex so that it still
          * applies since we're creating a new stacking context. */
-        _react.default.createElement(_popper.Manager, null, /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref) {
+        _react.default.createElement(_manager.Manager, null, /*#__PURE__*/_react.default.createElement(_reference.Reference, null, function (_ref) {
           var ref = _ref.ref;
           return /*#__PURE__*/_react.default.createElement("div", {
             ref: ref,
@@ -80,7 +82,7 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
             style: divStyles,
             className: (0, _runtime.ax)([styles.root])
           });
-        }), /*#__PURE__*/_react.default.createElement(_popper.Popper, null, function (_ref2) {
+        }), /*#__PURE__*/_react.default.createElement(_main.Popper, null, function (_ref2) {
           var ref = _ref2.ref,
             style = _ref2.style,
             update = _ref2.update;

package/dist/cjs/internal/indicators-container.js

@@ -11,7 +11,7 @@ require("./indicators-container.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _select = require("@atlaskit/select");
+var _components = require("@atlaskit/react-select/components");
 var _excluded = ["showClearIndicator"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -25,5 +25,5 @@ var IndicatorsContainer = exports.IndicatorsContainer = function IndicatorsConta
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)([showClearIndicator ? styles.calendarButtonInclusionStyles : styles.calendarButtonOnlyInclusionStyles])
-  }, /*#__PURE__*/React.createElement(_select.components.IndicatorsContainer, rest));
+  }, /*#__PURE__*/React.createElement(_components.components.IndicatorsContainer, rest));
 };

package/dist/cjs/internal/menu-top-layer.js

@@ -12,7 +12,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _dateFns = require("date-fns");
-var _calendar = _interopRequireDefault(require("@atlaskit/calendar"));
+var _calendar = _interopRequireDefault(require("@atlaskit/calendar/calendar"));
 var _placementMap = require("@atlaskit/top-layer/placement-map");
 var _popover = require("@atlaskit/top-layer/popover");
 var _popoverSurface = require("@atlaskit/top-layer/popover-surface");

package/dist/cjs/internal/menu.js

@@ -13,9 +13,9 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _dateFns = require("date-fns");
-var _calendar = _interopRequireDefault(require("@atlaskit/calendar"));
+var _calendar = _interopRequireDefault(require("@atlaskit/calendar/calendar"));
 var _layering = require("@atlaskit/layering/layering");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // oxlint-disable-next-line @atlassian/no-restricted-imports
@@ -64,7 +64,7 @@ var Menu = exports.Menu = function Menu(_ref) {
     containerRef: selectProps.calendarContainerRef,
     content: /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
       onMouseDown: onMenuMouseDown,
-      className: (0, _runtime.ax)(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs130s", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1mok"])
+      className: (0, _runtime.ax)(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs130s", (0, _fg.fg)('platform-dst-shape-theme-default') && "_2rko1mok"])
     }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(_calendar.default, {
       day: day,
       month: month,

package/dist/cjs/internal/single-value.js

@@ -8,7 +8,7 @@ exports.makeSingleValue = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _select = require("@atlaskit/select");
+var _components = require("@atlaskit/react-select/components");
 var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
 /**
  * This creates a functional component that `react-select` will use to make the
@@ -16,6 +16,7 @@ var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles
  */
 var makeSingleValue = exports.makeSingleValue =
 // TODO: Make ID required
+
 function makeSingleValue(_ref) {
   var id = _ref.id,
     lang = _ref.lang;
@@ -36,7 +37,7 @@ function makeSingleValue(_ref) {
       selectProps = _ref2.selectProps,
       setValue = _ref2.setValue,
       rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-    return /*#__PURE__*/_react.default.createElement(_select.components.SingleValue, (0, _extends2.default)({}, rest, {
+    return /*#__PURE__*/_react.default.createElement(_components.components.SingleValue, (0, _extends2.default)({}, rest, {
       // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
       className: className,
       clearValue: clearValue,

package/dist/es2019/components/date-picker.js

@@ -9,15 +9,16 @@ import { forwardRef, useCallback, useEffect, useReducer, useRef, useState } from
 
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 import { isValid, parseISO } from 'date-fns';
-import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
+import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import { IconButton } from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import CalendarIcon from '@atlaskit/icon/core/calendar';
-import { createLocalizationProvider } from '@atlaskit/locale';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
-import Select, { mergeStyles } from '@atlaskit/select';
+import Select from '@atlaskit/select/default';
+import { mergeStyles } from '@atlaskit/react-select/styles';
 import { EmptyComponent } from '../internal/empty-component';
 import { formatDate } from '../internal/format-date';
 import { getParsedISO } from '../internal/get-parsed-iso';
@@ -31,7 +32,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
 import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.2.4";
+const packageVersion = "18.3.1";
 const styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -436,8 +437,6 @@ const DatePicker = /*#__PURE__*/forwardRef((props, _forwardedRef) => {
      */
     menuInnerWrapper: props === null || props === void 0 ? void 0 : props.menuInnerWrapper
   };
-
-  // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
   const mergedStyles = mergeStyles(selectStyles, {
     control: base => ({
       ...base,
@@ -521,7 +520,6 @@ const DatePicker = /*#__PURE__*/forwardRef((props, _forwardedRef) => {
     spacing: spacing,
     testId: testId
     // These aren't part of `Select`'s API, but we're using them here.
-    // @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<...> & { ...; }>'.
     ,
     calendarContainerRef: calendarProps.calendarContainerRef,
     calendarDisabled: calendarProps.calendarDisabled,

package/dist/es2019/components/date-time-picker.js

@@ -9,18 +9,18 @@ import React, { forwardRef, useCallback, useEffect, useReducer, useRef, useState
 
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid, parseISO } from 'date-fns';
-import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
+import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import { IconButton } from '@atlaskit/button/new';
 import SelectClearIcon from '@atlaskit/icon/core/cross-circle';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
-import { mergeStyles } from '@atlaskit/select';
+import { mergeStyles } from '@atlaskit/react-select/styles';
 import { DateTimePickerContainer } from '../internal/date-time-picker-container';
 import { formatDateTimeZoneIntoIso } from '../internal/format-date-time-zone-into-iso';
 import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.2.4";
+const packageVersion = "18.3.1";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,