@atlaskit/datetime-picker 19.3.1 → 19.4.0

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

@@ -1,111 +0,0 @@
-/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v3.0.2 */
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];
-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).
- */
-var 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.
- */
-var 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 = _objectWithoutProperties(_ref, _excluded);
-  // The select's container element is the anchor for the popup.
-  var 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;
-  var popoverRef = useRef(null);
-  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, {
-    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, 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)));
-};
-export { FixedLayerMenuTopLayer };

package/dist/types/internal/fixed-layer-menu-top-layer.d.ts

@@ -1,12 +0,0 @@
-import type { MenuProps, OptionType } from '@atlaskit/select/types';
-/**
- * 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 declare 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 }: MenuProps<OptionType>) => JSX.Element;