@atlaskit/datetime-picker 19.3.1 → 19.4.0

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

@@ -8,7 +8,7 @@ import "./time-picker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 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) { _defineProperty(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; }
-import React, { forwardRef, useCallback, useEffect, useId, useReducer, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useId, useMemo, useReducer, useState } from 'react';
 
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid } from 'date-fns';
@@ -16,6 +16,7 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatfor
 import IconButton from '@atlaskit/button/icon/button';
 import __noop from '@atlaskit/ds-lib/noop';
 import ClockIcon from '@atlaskit/icon/core/clock';
+import { getTimeFormat } from '@atlaskit/locale/get-time-format';
 import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { mergeStyles } from '@atlaskit/react-select/styles';
@@ -24,14 +25,13 @@ import Select from '@atlaskit/select/default';
 import { defaultTimes } from '../internal/default-times';
 import { EmptyComponent } from '../internal/empty-component';
 import { FixedLayerMenu } from '../internal/fixed-layer-menu';
-import { FixedLayerMenuTopLayer } from '../internal/fixed-layer-menu-top-layer';
 import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { PickerButtonContainer } from '../internal/picker-button-container';
 import { placeholderDatetime } from '../internal/placeholder-date-time';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "19.3.0";
+var packageVersion = "19.3.2";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
@@ -99,10 +99,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
     providedOnChange = _ref2$onChange === void 0 ? __noop : _ref2$onChange,
     _ref2$onFocus = _ref2.onFocus,
     providedOnFocus = _ref2$onFocus === void 0 ? __noop : _ref2$onFocus,
-    _ref2$parseInputValue = _ref2.parseInputValue,
-    parseInputValue = _ref2$parseInputValue === void 0 ? function (time, _timeFormat) {
-      return parseTime(time);
-    } : _ref2$parseInputValue,
+    parseInputValue = _ref2.parseInputValue,
     placeholder = _ref2.placeholder,
     _ref2$selectProps = _ref2.selectProps,
     selectProps = _ref2$selectProps === void 0 ? {} : _ref2$selectProps,
@@ -147,6 +144,10 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
     _useState10 = _slicedToArray(_useState1, 2),
     value = _useState10[0],
     setValue = _useState10[1];
+  var l10n = createLocalizationProvider(locale);
+  var localeTimeFormat = useMemo(function () {
+    return fg('platform-dst-locale-aware-time-parsing') ? getTimeFormat(locale) : undefined;
+  }, [locale]);
 
   // Hack to force update: https://legacy.reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
   var _useReducer = useReducer(function (x) {
@@ -193,7 +194,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
     if (timeIsEditable) {
       var sanitizedInput;
       try {
-        sanitizedInput = parseInputValue(inputValue, timeFormat || defaultTimeFormat);
+        sanitizedInput = parseInputValue ? parseInputValue(inputValue, timeFormat || defaultTimeFormat) : parseTime(inputValue, localeTimeFormat);
       } catch (_unused) {
         return; // do nothing, the main validation should happen in the form
       }
@@ -266,7 +267,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
   };
   var ICON_PADDING = 2;
   var GRID_SIZE = 8;
-  var l10n = createLocalizationProvider(locale);
   var _selectProps$styles = selectProps.styles,
     selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles,
     otherSelectProps = _objectWithoutProperties(selectProps, _excluded);
@@ -331,9 +331,11 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
     id: valueId,
     lang: locale
   });
-  var selectComponents = _objectSpread({
-    DropdownIndicator: EmptyComponent,
-    Menu: fg('platform-dst-top-layer') ? FixedLayerMenuTopLayer : FixedLayerMenu,
+  var selectComponents = _objectSpread(_objectSpread({
+    DropdownIndicator: EmptyComponent
+  }, !fg('platform-dst-top-layer') && {
+    Menu: FixedLayerMenu
+  }), {}, {
     SingleValue: SingleValue
   }, hideIcon && {
     ClearIndicator: EmptyComponent

package/dist/esm/internal/is-valid.js

@@ -2,12 +2,12 @@ export function isValid(timeString) {
   /**
    * Regex match for `12:34`, `12:34:56`, `1:23:56 p`, `1:23:56PM`, and a bit more…
    */
-  var time = timeString.trim().match(/([012]?[\d])(?::([0-5][\d]))?(?::([0-5][\d]))?\s*([ap]m?)?/i);
+  var time = timeString.trim().match(/^([012]?[\d])(?:[:.]?([0-5][\d]))?(?:[:.]?([0-5][\d]))?\s*([ap](?:\s*\.?\s*m\.?)?)?$/i);
 
   /**
    * Regex match for `1234`, `12:34`, `12.34`, `123456`, `12:34:56`, `12.34.56`
    */
-  var time24hr = timeString.trim().match(/([012][\d])[:.]?([0-5][\d])([:.]?([0-5][\d]))?/);
+  var time24hr = timeString.trim().match(/^([012][\d])[:.]?([0-5][\d])([:.]?([0-5][\d]))?$/);
 
   /**
    * Convert `2:34:56 pm` down to `23456`

package/dist/esm/internal/parse-time.js

@@ -1,3 +1,7 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
 import { convertTo24hrTime } from './convert-to24hr-time';
 import { isValid } from './is-valid';
 import { removeSpacer } from './remove-spacer';
@@ -9,8 +13,26 @@ function assignToDate(time) {
   dateTime.setSeconds(time.seconds || 0, 0);
   return dateTime;
 }
-export default function parseTime(time) {
+function parseLegacyTime(time) {
+  var allowCompactTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var trimmedTime = time.toString().trim();
+  var compactTime = allowCompactTime ? trimmedTime.match(/^\d{5}$/) : null;
+  if (compactTime) {
+    var normalizedTime = "0".concat(compactTime[0]);
+    var hour = Number(normalizedTime.slice(0, 2));
+    var minute = Number(normalizedTime.slice(2, 4));
+    var seconds = Number(normalizedTime.slice(4, 6));
+    if (minute <= 59 && seconds <= 59) {
+      return assignToDate({
+        hour: hour,
+        minute: minute,
+        seconds: seconds
+      });
+    }
+  }
+  if (/^\d{5}$/.test(trimmedTime)) {
+    throw RangeError('invalid time format');
+  }
   if (!isValid(trimmedTime)) {
     throw RangeError('invalid time format');
   }
@@ -19,5 +41,160 @@ export default function parseTime(time) {
   if (!time2) {
     throw RangeError('invalid time format');
   }
-  return assignToDate(time2);
+  return assignToDate(_objectSpread(_objectSpread({}, time2), {}, {
+    hour: time2.hour === 24 ? 0 : time2.hour
+  }));
+}
+var escapeRegExp = function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+var normalizeDigits = function normalizeDigits(time, timeFormat) {
+  return Array.from(time, function (character) {
+    return timeFormat.digits[character] || character;
+  }).join('');
+};
+var isValidHourForCycle = function isValidHourForCycle(hour, hourCycle) {
+  return hourCycle === 'h11' ? hour <= 11 : hourCycle === 'h12' ? hour >= 1 && hour <= 12 : hour <= 24;
+};
+function parseExactLocalizedTime(time, timeFormat) {
+  if (!timeFormat.timeParts) {
+    return undefined;
+  }
+  var dayPeriods = Object.entries(timeFormat.dayPeriods).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      value = _ref2[1];
+    return value;
+  });
+  var groupTypes = [];
+  var patternParts = timeFormat.timeParts.map(function (part) {
+    if (part.type === 'hour' || part.type === 'minute' || part.type === 'second') {
+      groupTypes.push(part.type);
+      return part.type === 'hour' ? '(\\d{1,2})' : '(\\d{2})';
+    }
+    if (part.type === 'dayPeriod') {
+      if (dayPeriods.length === 0) {
+        return null;
+      }
+      groupTypes.push('dayPeriod');
+      return "(".concat(dayPeriods.map(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+          value = _ref4[1];
+        return escapeRegExp(value);
+      }).join('|'), ")");
+    }
+    if (part.type === 'literal') {
+      return escapeRegExp(part.value);
+    }
+    return null;
+  });
+  if (patternParts.some(function (part) {
+    return part === null;
+  })) {
+    return undefined;
+  }
+  var match = time.match(new RegExp("^".concat(patternParts.join(''), "$"), 'u'));
+  if (!match) {
+    return undefined;
+  }
+  var values = Object.fromEntries(groupTypes.map(function (type, index) {
+    return [type, match[index + 1]];
+  }));
+  if (!values.hour || !values.minute) {
+    return undefined;
+  }
+  var hour = Number(values.hour);
+  var minute = Number(values.minute);
+  var seconds = Number(values.second || '0');
+  if (minute > 59 || seconds > 59) {
+    return null;
+  }
+  if (values.dayPeriod) {
+    var _dayPeriods$find;
+    var period = (_dayPeriods$find = dayPeriods.find(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+        value = _ref6[1];
+      return value === values.dayPeriod;
+    })) === null || _dayPeriods$find === void 0 ? void 0 : _dayPeriods$find[0];
+    if (!period || !isValidHourForCycle(hour, timeFormat.hourCycle)) {
+      return null;
+    }
+    return assignToDate({
+      hour: period === 'pm' ? hour % 12 + 12 : hour % 12,
+      minute: minute,
+      seconds: seconds
+    });
+  }
+  if (hour > 24) {
+    return null;
+  }
+  return assignToDate({
+    hour: hour === 24 ? 0 : hour,
+    minute: minute,
+    seconds: seconds
+  });
+}
+function parseLocalizedTime(normalizedTime, timeFormat) {
+  var dayPeriods = Object.entries(timeFormat.dayPeriods).filter(function (_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2),
+      value = _ref8[1];
+    return value;
+  });
+  var markers = dayPeriods.filter(function (_ref9) {
+    var _ref0 = _slicedToArray(_ref9, 2),
+      value = _ref0[1];
+    return new RegExp(escapeRegExp(value), 'u').test(normalizedTime);
+  });
+  if (markers.length === 0) {
+    return undefined;
+  }
+  if (markers.length !== 1) {
+    return null;
+  }
+  var _markers = _slicedToArray(markers, 1),
+    _markers$ = _slicedToArray(_markers[0], 2),
+    period = _markers$[0],
+    marker = _markers$[1];
+  var numericTime = normalizedTime.replace(new RegExp(escapeRegExp(marker), 'u'), '').trim();
+  var match = numericTime.match(/^(\d{1,2})(?:[:.](\d{2}))?(?:[:.](\d{2}))?$/);
+  if (!match) {
+    return null;
+  }
+  var _match = _slicedToArray(match, 4),
+    hourValue = _match[1],
+    _match$ = _match[2],
+    minuteValue = _match$ === void 0 ? '0' : _match$,
+    _match$2 = _match[3],
+    secondValue = _match$2 === void 0 ? '0' : _match$2;
+  var hour = Number(hourValue);
+  var minute = Number(minuteValue);
+  var seconds = Number(secondValue);
+  if (!isValidHourForCycle(hour, timeFormat.hourCycle) || minute > 59 || seconds > 59) {
+    return null;
+  }
+  return assignToDate({
+    hour: period === 'pm' ? hour % 12 + 12 : hour % 12,
+    minute: minute,
+    seconds: seconds
+  });
+}
+export default function parseTime(time, timeFormat) {
+  if (timeFormat) {
+    var normalizedTime = normalizeDigits(time, timeFormat);
+    var exactLocalizedTime = parseExactLocalizedTime(normalizedTime, timeFormat);
+    if (exactLocalizedTime instanceof Date) {
+      return exactLocalizedTime;
+    }
+    if (exactLocalizedTime === null) {
+      throw RangeError('invalid time format');
+    }
+    var localizedTime = parseLocalizedTime(normalizedTime, timeFormat);
+    if (localizedTime instanceof Date) {
+      return localizedTime;
+    }
+    if (localizedTime === null) {
+      throw RangeError('invalid time format');
+    }
+    return parseLegacyTime(normalizedTime, true);
+  }
+  return parseLegacyTime(time);
 }

package/dist/types/internal/parse-time.d.ts

@@ -1 +1,2 @@
-export default function parseTime(time: string): string | Date;
+import type { TimeFormat } from '@atlaskit/locale/get-time-format';
+export default function parseTime(time: string, timeFormat?: TimeFormat): string | Date;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "19.3.1",
+	"version": "19.4.0",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,21 +35,21 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^12.6.0",
-		"@atlaskit/button": "^25.4.0",
+		"@atlaskit/button": "^25.6.0",
 		"@atlaskit/calendar": "^19.5.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/ds-lib": "^8.0.0",
 		"@atlaskit/icon": "^38.0.0",
-		"@atlaskit/layering": "^6.0.0",
-		"@atlaskit/locale": "^5.4.0",
+		"@atlaskit/layering": "^6.1.0",
+		"@atlaskit/locale": "^5.5.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/popper": "^9.4.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-select": "^4.12.0",
 		"@atlaskit/select": "^23.1.0",
-		"@atlaskit/tokens": "^20.4.0",
-		"@atlaskit/top-layer": "^6.2.0",
+		"@atlaskit/tokens": "^20.7.0",
+		"@atlaskit/top-layer": "^6.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"date-fns": "^2.17.0"
@@ -67,8 +67,9 @@
 		"@atlaskit/form": "^18.2.0",
 		"@atlaskit/heading": "^8.0.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/modal-dialog": "^17.0.0",
-		"@atlaskit/popup": "^9.0.0",
+		"@atlaskit/menu": "^11.0.0",
+		"@atlaskit/modal-dialog": "^17.1.0",
+		"@atlaskit/popup": "^10.0.0",
 		"@atlaskit/range": "^12.2.0",
 		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/textfield": "^10.2.0",
@@ -94,6 +95,9 @@
 		"platform-dst-motion-uplift-input": {
 			"type": "boolean",
 			"referenceOnly": true
+		},
+		"platform-dst-locale-aware-time-parsing": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/datetime-picker/"

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

@@ -1,118 +0,0 @@
-/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v3.0.2 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FixedLayerMenuTopLayer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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 _components = require("@atlaskit/react-select/components");
-var _index = require("@atlaskit/top-layer/placement-map/index");
-var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
-var _popover = require("@atlaskit/top-layer/popover/popover");
-var _useAnchoredPopover = require("@atlaskit/top-layer/use-anchored-popover");
-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); }
-/**
- * Bottom-start placement: time options menu appears below and aligned to the
- * start edge of the trigger (the select input).
- */
-var popupPlacement = (0, _index.fromLegacyPlacement)({
-  legacy: 'bottom-start'
-});
-
-/**
- * Top-layer version of the fixed layer menu used in the time picker.
- *
- * Uses `Popover` + `useAnchoredPopover` so the time options list renders
- * in the browser's top layer via the native Popover API and is positioned
- * via CSS Anchor Positioning. This avoids overflow clipping, z-index wars,
- * and portal-based layering.
- *
- * Gated behind the `platform-dst-top-layer` feature flag.
- */
-var FixedLayerMenuTopLayer = exports.FixedLayerMenuTopLayer = function FixedLayerMenuTopLayer(_ref) {
-  var _selectProps$fixedLay, _selectProps$fixedLay2;
-  var className = _ref.className,
-    clearValue = _ref.clearValue,
-    cx = _ref.cx,
-    getStyles = _ref.getStyles,
-    getValue = _ref.getValue,
-    hasValue = _ref.hasValue,
-    innerProps = _ref.innerProps,
-    innerRef = _ref.innerRef,
-    isLoading = _ref.isLoading,
-    isMulti = _ref.isMulti,
-    isRtl = _ref.isRtl,
-    maxMenuHeight = _ref.maxMenuHeight,
-    menuPlacement = _ref.menuPlacement,
-    menuPosition = _ref.menuPosition,
-    menuShouldScrollIntoView = _ref.menuShouldScrollIntoView,
-    minMenuHeight = _ref.minMenuHeight,
-    options = _ref.options,
-    placement = _ref.placement,
-    selectOption = _ref.selectOption,
-    selectProps = _ref.selectProps,
-    setValue = _ref.setValue,
-    children = _ref.children,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // The select's container element is the anchor for the popup.
-  var triggerRef = (0, _react.useRef)((_selectProps$fixedLay = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay !== void 0 ? _selectProps$fixedLay : null);
-  triggerRef.current = (_selectProps$fixedLay2 = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay2 !== void 0 ? _selectProps$fixedLay2 : null;
-  var popoverRef = (0, _react.useRef)(null);
-  (0, _useAnchoredPopover.useAnchoredPopover)({
-    anchorRef: triggerRef,
-    popoverRef: popoverRef,
-    placement: popupPlacement,
-    // The Popover is rendered with `isOpen` always true while this
-    // component is mounted (react-select conditionally mounts/unmounts
-    // the menu), so positioning is always active.
-    isOpen: true
-  });
-  return /*#__PURE__*/React.createElement(_popover.Popover, {
-    ref: popoverRef,
-    role: "listbox",
-    isOpen: true
-    // `mode="manual"` opts out of the native popover light-dismiss
-    // (Esc / click-outside). react-select already owns those: opening
-    // the menu via a click on the input that lives outside the popover
-    // element triggers the browser's auto-dismiss as that very click
-    // bubbles, slamming the menu shut before the user sees it. With
-    // `manual`, react-select's existing onMenuClose / outside-click
-    // logic remains the single source of truth.
-    ,
-    mode: "manual",
-    placement: popupPlacement,
-    shouldAnimate: true,
-    testId: selectProps.testId && "".concat(selectProps.testId, "--popup")
-  }, /*#__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,
-    cx: cx,
-    getStyles: getStyles,
-    getValue: getValue,
-    hasValue: hasValue,
-    innerProps: innerProps,
-    innerRef: innerRef,
-    isLoading: isLoading,
-    isMulti: isMulti,
-    isRtl: isRtl,
-    maxMenuHeight: maxMenuHeight,
-    menuPlacement: menuPlacement,
-    menuPosition: menuPosition,
-    menuShouldScrollIntoView: false || menuShouldScrollIntoView,
-    minMenuHeight: minMenuHeight,
-    options: options,
-    placement: placement,
-    selectOption: selectOption,
-    selectProps: selectProps,
-    setValue: setValue
-  }), children)));
-};

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

@@ -1,109 +0,0 @@
-/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v3.0.2 */
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useRef } from 'react';
-import { components } from '@atlaskit/react-select/components';
-import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
-import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
-import { Popover } from '@atlaskit/top-layer/popover/popover';
-import { useAnchoredPopover } from '@atlaskit/top-layer/use-anchored-popover';
-
-/**
- * Bottom-start placement: time options menu appears below and aligned to the
- * start edge of the trigger (the select input).
- */
-const popupPlacement = fromLegacyPlacement({
-  legacy: 'bottom-start'
-});
-
-/**
- * Top-layer version of the fixed layer menu used in the time picker.
- *
- * Uses `Popover` + `useAnchoredPopover` so the time options list renders
- * in the browser's top layer via the native Popover API and is positioned
- * via CSS Anchor Positioning. This avoids overflow clipping, z-index wars,
- * and portal-based layering.
- *
- * Gated behind the `platform-dst-top-layer` feature flag.
- */
-export const FixedLayerMenuTopLayer = ({
-  className,
-  clearValue,
-  cx,
-  getStyles,
-  getValue,
-  hasValue,
-  innerProps,
-  innerRef,
-  isLoading,
-  isMulti,
-  isRtl,
-  maxMenuHeight,
-  menuPlacement,
-  menuPosition,
-  menuShouldScrollIntoView,
-  minMenuHeight,
-  options,
-  placement,
-  selectOption,
-  selectProps,
-  setValue,
-  children,
-  ...rest
-}) => {
-  var _selectProps$fixedLay, _selectProps$fixedLay2;
-  // The select's container element is the anchor for the popup.
-  const triggerRef = useRef((_selectProps$fixedLay = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay !== void 0 ? _selectProps$fixedLay : null);
-  triggerRef.current = (_selectProps$fixedLay2 = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay2 !== void 0 ? _selectProps$fixedLay2 : null;
-  const popoverRef = useRef(null);
-  useAnchoredPopover({
-    anchorRef: triggerRef,
-    popoverRef,
-    placement: popupPlacement,
-    // The Popover is rendered with `isOpen` always true while this
-    // component is mounted (react-select conditionally mounts/unmounts
-    // the menu), so positioning is always active.
-    isOpen: true
-  });
-  return /*#__PURE__*/React.createElement(Popover, {
-    ref: popoverRef,
-    role: "listbox",
-    isOpen: true
-    // `mode="manual"` opts out of the native popover light-dismiss
-    // (Esc / click-outside). react-select already owns those: opening
-    // the menu via a click on the input that lives outside the popover
-    // element triggers the browser's auto-dismiss as that very click
-    // bubbles, slamming the menu shut before the user sees it. With
-    // `manual`, react-select's existing onMenuClose / outside-click
-    // logic remains the single source of truth.
-    ,
-    mode: "manual",
-    placement: popupPlacement,
-    shouldAnimate: true,
-    testId: selectProps.testId && `${selectProps.testId}--popup`
-  }, /*#__PURE__*/React.createElement(PopoverSurface, null, /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
-    className: className,
-    clearValue: clearValue,
-    cx: cx,
-    getStyles: getStyles,
-    getValue: getValue,
-    hasValue: hasValue,
-    innerProps: innerProps,
-    innerRef: innerRef,
-    isLoading: isLoading,
-    isMulti: isMulti,
-    isRtl: isRtl,
-    maxMenuHeight: maxMenuHeight,
-    menuPlacement: menuPlacement,
-    menuPosition: menuPosition,
-    menuShouldScrollIntoView: false || menuShouldScrollIntoView,
-    minMenuHeight: minMenuHeight,
-    options: options,
-    placement: placement,
-    selectOption: selectOption,
-    selectProps: selectProps,
-    setValue: setValue
-  }), children)));
-};