@procore/core-react 11.22.1 → 11.23.0

package/dist/DropdownFlyout/DropdownFlyout.js

@@ -1,25 +1,15 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["option", "highlighted", "optionRenderer"],
+  _excluded2 = ["children", "icon"],
+  _excluded3 = ["disabled", "icon", "label", "loading", "options", "onClick", "optionRenderer", "children", "placement", "onKeyDown", "onFocus", "onBlur", "onMouseDown", "onMouseEnter", "onMouseLeave", "size", "variant"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { EllipsisVertical } from '@procore/core-icons/dist';
 import React from 'react';
 import { Card } from '../Card/Card';
@@ -28,50 +18,103 @@ import { Portal } from '../Portal';
 import { useClickOutside } from '../_hooks/ClickOutside';
 import { useI18nContext } from '../_hooks/I18n';
 import { mergeRefs } from '../_utils/mergeRefs';
-import { defaultOptionRenderer, DropdownFlyoutContext, noop, transformOption, useDropdownFlyout, useDropdownFlyoutContext, } from './DropdownFlyout.helpers';
-import { StyledDropdownFlyout, StyledDropdownFlyoutItem, } from './DropdownFlyout.styles';
-import { rootId, } from './DropdownFlyout.types';
+import { defaultOptionRenderer, DropdownFlyoutContext, noop, transformOption, useDropdownFlyout, useDropdownFlyoutContext } from './DropdownFlyout.helpers';
+import { StyledDropdownFlyout, StyledDropdownFlyoutItem } from './DropdownFlyout.styles';
+import { rootId } from './DropdownFlyout.types';
 import { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay';
-export var FlyoutCaption = React.forwardRef(function FlyoutCaption(_a, ref) {
-    var option = _a.option, highlighted = _a.highlighted, optionRenderer = _a.optionRenderer, props = __rest(_a, ["option", "highlighted", "optionRenderer"]);
-    return (React.createElement(StyledDropdownFlyoutItem, __assign({}, props, { ref: ref, "data-highlighted": highlighted, "data-flyout": true }), optionRenderer(option)));
+export var FlyoutCaption = /*#__PURE__*/React.forwardRef(function FlyoutCaption(_ref, ref) {
+  var option = _ref.option,
+    highlighted = _ref.highlighted,
+    optionRenderer = _ref.optionRenderer,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledDropdownFlyoutItem, _extends({}, props, {
+    ref: ref,
+    "data-highlighted": highlighted,
+    "data-flyout": true
+  }), optionRenderer(option));
 });
 FlyoutCaption.displayName = 'FlyoutCaption';
-export function FlyoutItem(_a) {
-    var option = _a.option;
-    var overlayElRef = React.useRef(null);
-    var _b = useDropdownFlyoutContext(), isHighlighted = _b.isHighlighted, isExpanded = _b.isExpanded, _onClick = _b.onClick, expand = _b.expand, collapse = _b.collapse, optionRenderer = _b.optionRenderer;
-    var onMouseEnter = React.useCallback(function () { return expand(option); }, [option, expand]);
-    var onMouseLeave = React.useCallback(function (e) {
-        if (e.relatedTarget instanceof Node &&
-            overlayElRef.current &&
-            !overlayElRef.current.contains(e.relatedTarget)) {
-            collapse(option);
-        }
-    }, [collapse, option]);
-    var onClick = React.useCallback(function () { return _onClick(option); }, [_onClick, option]);
-    var _c = React.useState(null), referenceEl = _c[0], setReferenceEl = _c[1];
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FlyoutCaption, { ref: setReferenceEl, option: option.origin, onClick: onClick, optionRenderer: optionRenderer, highlighted: isHighlighted(option), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }),
-        Array.isArray(option.children) && isExpanded(option) ? (React.createElement(Portal, null,
-            React.createElement(FlyoutList, { referenceEl: referenceEl, options: option.children, overlayRef: overlayElRef, placement: "right-top" }))) : null));
+export function FlyoutItem(_ref2) {
+  var option = _ref2.option;
+  var overlayElRef = React.useRef(null);
+  var _useDropdownFlyoutCon = useDropdownFlyoutContext(),
+    isHighlighted = _useDropdownFlyoutCon.isHighlighted,
+    isExpanded = _useDropdownFlyoutCon.isExpanded,
+    _onClick = _useDropdownFlyoutCon.onClick,
+    expand = _useDropdownFlyoutCon.expand,
+    collapse = _useDropdownFlyoutCon.collapse,
+    optionRenderer = _useDropdownFlyoutCon.optionRenderer;
+  var onMouseEnter = React.useCallback(function () {
+    return expand(option);
+  }, [option, expand]);
+  var onMouseLeave = React.useCallback(function (e) {
+    if (e.relatedTarget instanceof Node && overlayElRef.current && !overlayElRef.current.contains(e.relatedTarget)) {
+      collapse(option);
+    }
+  }, [collapse, option]);
+  var onClick = React.useCallback(function () {
+    return _onClick(option);
+  }, [_onClick, option]);
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    referenceEl = _React$useState2[0],
+    setReferenceEl = _React$useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlyoutCaption, {
+    ref: setReferenceEl,
+    option: option.origin,
+    onClick: onClick,
+    optionRenderer: optionRenderer,
+    highlighted: isHighlighted(option),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }), Array.isArray(option.children) && isExpanded(option) ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FlyoutList, {
+    referenceEl: referenceEl,
+    options: option.children,
+    overlayRef: overlayElRef,
+    placement: "right-top"
+  })) : null);
 }
-export function FlyoutList(_a) {
-    var options = _a.options, placement = _a.placement, referenceEl = _a.referenceEl, overlayElRef = _a.overlayRef, _b = _a.offset, offset = _b === void 0 ? 0 : _b;
-    var _c = useDropdownFlyoutOverlay({
-        placement: placement,
-        offset: { mainAxis: offset },
-    }), overlayStyle = _c.overlayStyle, referenceRef = _c.referenceRef, overlayRef = _c.overlayRef;
-    React.useEffect(function () {
-        referenceRef(referenceEl);
-    }, [referenceEl, referenceRef]);
-    return (React.createElement(Card, { ref: mergeRefs(overlayRef, overlayElRef), shadowStrength: 2, style: overlayStyle },
-        React.createElement(StyledDropdownFlyout, null, options.map(function (option) { return (React.createElement(FlyoutItem, { key: option.id, option: option })); }))));
+export function FlyoutList(_ref3) {
+  var options = _ref3.options,
+    placement = _ref3.placement,
+    referenceEl = _ref3.referenceEl,
+    overlayElRef = _ref3.overlayRef,
+    _ref3$offset = _ref3.offset,
+    offset = _ref3$offset === void 0 ? 0 : _ref3$offset;
+  var _useDropdownFlyoutOve = useDropdownFlyoutOverlay({
+      placement: placement,
+      offset: {
+        mainAxis: offset
+      }
+    }),
+    overlayStyle = _useDropdownFlyoutOve.overlayStyle,
+    referenceRef = _useDropdownFlyoutOve.referenceRef,
+    overlayRef = _useDropdownFlyoutOve.overlayRef;
+  React.useEffect(function () {
+    referenceRef(referenceEl);
+  }, [referenceEl, referenceRef]);
+  return /*#__PURE__*/React.createElement(Card, {
+    ref: mergeRefs(overlayRef, overlayElRef),
+    shadowStrength: 2,
+    style: overlayStyle
+  }, /*#__PURE__*/React.createElement(StyledDropdownFlyout, null, options.map(function (option) {
+    return /*#__PURE__*/React.createElement(FlyoutItem, {
+      key: option.id,
+      option: option
+    });
+  })));
 }
-var DefaultButton = React.forwardRef(function DefaultButton(_a, ref) {
-    var children = _a.children, icon = _a.icon, props = __rest(_a, ["children", "icon"]);
-    return (React.createElement(DropdownButton, __assign({}, props, { icon: props.loading ? undefined : !icon && !children ? (React.createElement(EllipsisVertical, null)) : (icon), arrow: Boolean(React.Children.count(children)), ref: ref }), children));
+var DefaultButton = /*#__PURE__*/React.forwardRef(function DefaultButton(_ref4, ref) {
+  var children = _ref4.children,
+    icon = _ref4.icon,
+    props = _objectWithoutProperties(_ref4, _excluded2);
+  return /*#__PURE__*/React.createElement(DropdownButton, _extends({}, props, {
+    icon: props.loading ? undefined : !icon && !children ? /*#__PURE__*/React.createElement(EllipsisVertical, null) : icon,
+    arrow: Boolean(React.Children.count(children)),
+    ref: ref
+  }), children);
 });
+
 /**
 
   The dropdown flyout allows for additional menu items to be nested within
@@ -87,80 +130,139 @@ var DefaultButton = React.forwardRef(function DefaultButton(_a, ref) {
   @see [Design Guidelines](https://design.procore.com/dropdown-flyout)
 
  */
-export var DropdownFlyout = React.forwardRef(function DropdownFlyout(_a, ref) {
-    var disabled = _a.disabled, icon = _a.icon, label = _a.label, loading = _a.loading, _options = _a.options, _b = _a.onClick, _onClick = _b === void 0 ? noop : _b, _c = _a.optionRenderer, optionRenderer = _c === void 0 ? defaultOptionRenderer : _c, children = _a.children, _d = _a.placement, placement = _d === void 0 ? 'right-bottom' : _d, _onKeyDown = _a.onKeyDown, onFocus_ = _a.onFocus, onBlur_ = _a.onBlur, onMouseDown_ = _a.onMouseDown, onMouseEnter_ = _a.onMouseEnter, onMouseLeave_ = _a.onMouseLeave, size = _a.size, _e = _a.variant, variant = _e === void 0 ? 'secondary' : _e, props = __rest(_a, ["disabled", "icon", "label", "loading", "options", "onClick", "optionRenderer", "children", "placement", "onKeyDown", "onFocus", "onBlur", "onMouseDown", "onMouseEnter", "onMouseLeave", "size", "variant"]);
-    var innerRef = React.useRef(null);
-    var containerRef = ref || innerRef;
-    var overlayElRef = React.useRef(null);
-    var targetRef = React.useRef(null);
-    var flyoutOptions = React.useMemo(function () { return transformOption(_options, rootId); }, [_options]);
-    var _f = useDropdownFlyout({
-        flyoutOptions: flyoutOptions,
-        onClick: _onClick,
-        onKeyDown: _onKeyDown,
-    }), options = _f.options, collapse = _f.collapse, expand = _f.expand, closeSelectedDropdown = _f.closeSelectedDropdown, openDropdown = _f.openDropdown, isOpen = _f.isOpen, onClick = _f.onClick, onKeyDown = _f.onKeyDown, setMouseOver = _f.setMouseOver, setFocused = _f.setFocused, isExpanded = _f.isExpanded, isHighlighted = _f.isHighlighted;
-    useClickOutside({
-        onClickOutside: closeSelectedDropdown,
-        refs: [containerRef],
-    });
-    var element = typeof children === 'function' ? children({ isOpen: isOpen }) : children;
-    var I18n = useI18nContext();
-    var ariaLabel = props['aria-label'] ||
-        label ||
-        I18n.t("core.dropdown.".concat(loading ? 'loading' : 'moreOptions'));
-    var trigger = React.isValidElement(element) ? (element) : (React.createElement(DefaultButton, { "aria-label": ariaLabel, children: label, disabled: disabled, loading: loading, icon: icon, size: size, variant: variant }));
-    function onBlur(e) {
-        setFocused(false);
-        closeSelectedDropdown(e);
-        onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
-    }
-    function onFocus(e) {
-        setFocused(true);
-        onFocus_ === null || onFocus_ === void 0 ? void 0 : onFocus_(e);
-    }
-    function onMouseDown(e) {
-        var _a, _b;
-        // Discard firing of blur event
-        // when click was inside the dropdown
-        if (e.target.dataset.flyout) {
-            e.preventDefault();
-            return;
-        }
-        if (e.target instanceof Node && ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-            e.preventDefault();
-            (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-        onMouseDown_ === null || onMouseDown_ === void 0 ? void 0 : onMouseDown_(e);
+export var DropdownFlyout = /*#__PURE__*/React.forwardRef(function DropdownFlyout(_ref5, ref) {
+  var disabled = _ref5.disabled,
+    icon = _ref5.icon,
+    label = _ref5.label,
+    loading = _ref5.loading,
+    _options = _ref5.options,
+    _ref5$onClick = _ref5.onClick,
+    _onClick = _ref5$onClick === void 0 ? noop : _ref5$onClick,
+    _ref5$optionRenderer = _ref5.optionRenderer,
+    optionRenderer = _ref5$optionRenderer === void 0 ? defaultOptionRenderer : _ref5$optionRenderer,
+    children = _ref5.children,
+    _ref5$placement = _ref5.placement,
+    placement = _ref5$placement === void 0 ? 'right-bottom' : _ref5$placement,
+    _onKeyDown = _ref5.onKeyDown,
+    onFocus_ = _ref5.onFocus,
+    onBlur_ = _ref5.onBlur,
+    onMouseDown_ = _ref5.onMouseDown,
+    onMouseEnter_ = _ref5.onMouseEnter,
+    onMouseLeave_ = _ref5.onMouseLeave,
+    size = _ref5.size,
+    _ref5$variant = _ref5.variant,
+    variant = _ref5$variant === void 0 ? 'secondary' : _ref5$variant,
+    props = _objectWithoutProperties(_ref5, _excluded3);
+  var innerRef = React.useRef(null);
+  var containerRef = ref || innerRef;
+  var overlayElRef = React.useRef(null);
+  var targetRef = React.useRef(null);
+  var flyoutOptions = React.useMemo(function () {
+    return transformOption(_options, rootId);
+  }, [_options]);
+  var _useDropdownFlyout = useDropdownFlyout({
+      flyoutOptions: flyoutOptions,
+      onClick: _onClick,
+      onKeyDown: _onKeyDown
+    }),
+    options = _useDropdownFlyout.options,
+    collapse = _useDropdownFlyout.collapse,
+    expand = _useDropdownFlyout.expand,
+    closeSelectedDropdown = _useDropdownFlyout.closeSelectedDropdown,
+    openDropdown = _useDropdownFlyout.openDropdown,
+    isOpen = _useDropdownFlyout.isOpen,
+    onClick = _useDropdownFlyout.onClick,
+    onKeyDown = _useDropdownFlyout.onKeyDown,
+    setMouseOver = _useDropdownFlyout.setMouseOver,
+    setFocused = _useDropdownFlyout.setFocused,
+    isExpanded = _useDropdownFlyout.isExpanded,
+    isHighlighted = _useDropdownFlyout.isHighlighted;
+  useClickOutside({
+    onClickOutside: closeSelectedDropdown,
+    refs: [containerRef]
+  });
+  var element = typeof children === 'function' ? children({
+    isOpen: isOpen
+  }) : children;
+  var I18n = useI18nContext();
+  var ariaLabel = props['aria-label'] || label || I18n.t("core.dropdown.".concat(loading ? 'loading' : 'moreOptions'));
+  var trigger = /*#__PURE__*/React.isValidElement(element) ? element : /*#__PURE__*/React.createElement(DefaultButton, {
+    "aria-label": ariaLabel,
+    children: label,
+    disabled: disabled,
+    loading: loading,
+    icon: icon,
+    size: size,
+    variant: variant
+  });
+  function onBlur(e) {
+    setFocused(false);
+    closeSelectedDropdown(e);
+    onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
+  }
+  function onFocus(e) {
+    setFocused(true);
+    onFocus_ === null || onFocus_ === void 0 ? void 0 : onFocus_(e);
+  }
+  function onMouseDown(e) {
+    var _containerRef$current;
+    // Discard firing of blur event
+    // when click was inside the dropdown
+    if (e.target.dataset.flyout) {
+      e.preventDefault();
+      return;
     }
-    function onMouseLeave(e) {
-        setMouseOver(false);
-        onMouseLeave_ === null || onMouseLeave_ === void 0 ? void 0 : onMouseLeave_(e);
+    if (e.target instanceof Node && (_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(e.target)) {
+      var _targetRef$current;
+      e.preventDefault();
+      (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();
     }
-    function onMouseEnter(e) {
-        setMouseOver(true);
-        onMouseEnter_ === null || onMouseEnter_ === void 0 ? void 0 : onMouseEnter_(e);
+    onMouseDown_ === null || onMouseDown_ === void 0 ? void 0 : onMouseDown_(e);
+  }
+  function onMouseLeave(e) {
+    setMouseOver(false);
+    onMouseLeave_ === null || onMouseLeave_ === void 0 ? void 0 : onMouseLeave_(e);
+  }
+  function onMouseEnter(e) {
+    setMouseOver(true);
+    onMouseEnter_ === null || onMouseEnter_ === void 0 ? void 0 : onMouseEnter_(e);
+  }
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    referenceEl = _React$useState4[0],
+    setReferenceEl = _React$useState4[1];
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    "aria-label": undefined,
+    ref: containerRef,
+    onKeyDown: onKeyDown,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: onFocus,
+    onMouseDown: onMouseDown,
+    onBlur: onBlur
+  }), /*#__PURE__*/React.cloneElement(trigger, {
+    ref: trigger.ref ? mergeRefs(trigger.ref, targetRef, setReferenceEl) : mergeRefs(targetRef, setReferenceEl),
+    onClick: function onClick(e) {
+      var _trigger$props$onClic, _trigger$props;
+      (_trigger$props$onClic = (_trigger$props = trigger.props).onClick) === null || _trigger$props$onClic === void 0 ? void 0 : _trigger$props$onClic.call(_trigger$props, e);
+      openDropdown();
+    },
+    tabIndex: 0
+  }), /*#__PURE__*/React.createElement(DropdownFlyoutContext.Provider, {
+    value: {
+      expand: expand,
+      collapse: collapse,
+      onClick: onClick,
+      isExpanded: isExpanded,
+      isHighlighted: isHighlighted,
+      optionRenderer: optionRenderer
     }
-    var _g = React.useState(null), referenceEl = _g[0], setReferenceEl = _g[1];
-    return (React.createElement("div", __assign({}, props, { "aria-label": undefined, ref: containerRef, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onMouseDown: onMouseDown, onBlur: onBlur }),
-        React.cloneElement(trigger, {
-            ref: trigger.ref
-                ? mergeRefs(trigger.ref, targetRef, setReferenceEl)
-                : mergeRefs(targetRef, setReferenceEl),
-            onClick: function (e) {
-                var _a, _b;
-                (_b = (_a = trigger.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-                openDropdown();
-            },
-            tabIndex: 0,
-        }),
-        React.createElement(DropdownFlyoutContext.Provider, { value: {
-                expand: expand,
-                collapse: collapse,
-                onClick: onClick,
-                isExpanded: isExpanded,
-                isHighlighted: isHighlighted,
-                optionRenderer: optionRenderer,
-            } }, isOpen && (React.createElement(Portal, null,
-            React.createElement(FlyoutList, { options: options, overlayRef: overlayElRef, placement: placement, referenceEl: referenceEl, offset: 4 }))))));
+  }, isOpen && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FlyoutList, {
+    options: options,
+    overlayRef: overlayElRef,
+    placement: placement,
+    referenceEl: referenceEl,
+    offset: 4
+  }))));
 });
 //# sourceMappingURL=DropdownFlyout.js.map

package/dist/DropdownFlyout/DropdownFlyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","highlighted","optionRenderer","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","useCallback","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","origin","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","undefined","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport React, { MouseEvent } from 'react'\nimport { ButtonProps } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n  rootId,\n} from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, highlighted, optionRenderer, ...props },\n  ref\n) {\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {optionRenderer(option)}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        highlighted={isHighlighted(option)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout>\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isHighlighted,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: closeSelectedDropdown,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: trigger.ref\n          ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n          : mergeRefs(targetRef, setReferenceEl),\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          openDropdown()\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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"}

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -1,16 +1,23 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { arrowRight } from '../_styles/arrows';
 import { colors } from '../_styles/colors';
 import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
-export var StyledDropdownFlyout = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  padding: ", "px 0;\n"])), spacing.sm);
-export var StyledDropdownFlyoutItem = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ", "px ", "px;\n  color: ", ";\n  ", "\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ", "px ", "px;\n  color: ", ";\n  ", "\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ", ";\n  }\n"])), spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
-export var StyledDropdownFlyoutLabel = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getEllipsis());
-export var StyledDropdownFlyoutExpandIcon = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ", "px;\n  white-space: nowrap;\n\n  ", "\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ", "px;\n  white-space: nowrap;\n\n  ", "\n"])), spacing.lg, arrowRight(4, 'black'));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDropdownFlyout",
+  componentId: "core-11_23_0__sc-1i79jsg-0"
+})(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
+export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDropdownFlyoutItem",
+  componentId: "core-11_23_0__sc-1i79jsg-1"
+})(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
+export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledDropdownFlyoutLabel",
+  componentId: "core-11_23_0__sc-1i79jsg-2"
+})(["", ""], getEllipsis());
+export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledDropdownFlyoutExpandIcon",
+  componentId: "core-11_23_0__sc-1i79jsg-3"
+})(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
 //# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/DropdownFlyout/DropdownFlyout.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.styles.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,oMAAA,sHAMjC,EAAU,SACtB,KADY,OAAO,CAAC,EAAE,CACtB,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,uSAAA,4GAOrC,EAAU,KAAM,EAAU,gBAC5B,EAAa,OACpB,EAA2B,wEAIP,EAAa,UAEpC,KARY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAC5B,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAIP,MAAM,CAAC,MAAM,CAEpC,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,+EAAA,MAChD,EAAa,IAChB,KADG,WAAW,EAAE,CAChB,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,IAAI,2NAAA,6GAKxC,EAAU,mCAGvB,EAAsB,IACzB,KAJgB,OAAO,CAAC,EAAE,EAGvB,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CACzB,CAAA"}
+{"version":3,"file":"DropdownFlyout.styles.js","names":["styled","getTypographyIntent","arrowRight","colors","getEllipsis","spacing","StyledDropdownFlyout","div","withConfig","displayName","componentId","sm","StyledDropdownFlyoutItem","xs","lg","gray20","gray96","StyledDropdownFlyoutLabel","span","StyledDropdownFlyoutExpandIcon"],"sources":["../../src/DropdownFlyout/DropdownFlyout.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { arrowRight } from '../_styles/arrows'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDropdownFlyout = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  padding: ${spacing.sm}px 0;\n`\n\nexport const StyledDropdownFlyoutItem = styled.div`\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ${spacing.xs}px ${spacing.lg}px;\n  color: ${colors.gray20};\n  ${getTypographyIntent('body')}\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ${colors.gray96};\n  }\n`\n\nexport const StyledDropdownFlyoutLabel = styled.span`\n  ${getEllipsis()}\n`\n\nexport const StyledDropdownFlyoutExpandIcon = styled.span`\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ${spacing.lg}px;\n  white-space: nowrap;\n\n  ${arrowRight(4, 'black')}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAMjCL,OAAO,CAACM,EAAE,CACtB;AAED,OAAO,IAAMC,wBAAwB,gBAAGZ,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8KAOrCL,OAAO,CAACQ,EAAE,EAAMR,OAAO,CAACS,EAAE,EAC5BX,MAAM,CAACY,MAAM,EACpBd,mBAAmB,CAAC,MAAM,CAAC,EAIPE,MAAM,CAACa,MAAM,CAEpC;AAED,OAAO,IAAMC,yBAAyB,gBAAGjB,MAAM,CAACkB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChDN,WAAW,CAAC,CAAC,CAChB;AAED,OAAO,IAAMe,8BAA8B,gBAAGnB,MAAM,CAACkB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAKxCL,OAAO,CAACS,EAAE,EAGvBZ,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CACzB"}

package/dist/DropdownFlyout/DropdownFlyout.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.types.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,MAAM,GAAG,SAAS,CAAA"}
+{"version":3,"file":"DropdownFlyout.types.js","names":["rootId"],"sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"sourcesContent":["import { Ref } from 'react'\nimport { DropdownProps } from '../Dropdown/Dropdown.types'\nimport { OverlayProps } from '../Overlay/Overlay'\nimport { DivAttributes, Placement, Props } from '../_utils/types'\n\nexport const rootId = 'ROOT_ID'\n\nexport type Action =\n  | { type: 'highlight'; option: FlyoutOption }\n  | { type: 'expand'; option: FlyoutOption }\n  | { type: 'collapse'; option: FlyoutOption }\n  | { type: 'close' }\n  | { type: 'open' }\n  | { type: 'setMouseOver'; isMouseOver: boolean }\n  | { type: 'setFocused'; isFocused: boolean }\n\ntype ExpandedItem = FlyoutOptionId\n\nexport type State = {\n  highlighted: FlyoutOption\n  expanded: ExpandedItem[]\n  options: FlyoutOption[]\n  isMouseOver: boolean\n  isFocused: boolean\n  isOpen: boolean\n}\n\nexport interface DropdownOption {\n  value: any\n  label: string\n  children?: DropdownOption[]\n}\n\ntype OptionId = string\nexport interface FlyoutOption {\n  /**\n   * @since 10.19.0\n   */\n  id: OptionId\n  /**\n   * @since 10.19.0\n   */\n  parentId: OptionId | typeof rootId\n  /**\n   * @since 10.19.0\n   */\n  origin: DropdownOption\n  /**\n   * @since 10.19.0\n   */\n  children?: FlyoutOption[]\n}\n\nexport type FlyoutOptionId = FlyoutOption['id'] | typeof rootId\n\nexport interface FlyoutCaptionProps extends DivAttributes {\n  option: DropdownOption\n  highlighted: boolean\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n}\n\nexport interface FlyoutListProps extends DivAttributes {\n  options: FlyoutOption[]\n  overlayRef: Ref<HTMLDivElement>\n  placement: Placement\n  referenceEl: HTMLElement | null\n  offset?: number\n}\n\nexport interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: DropdownProps['disabled']\n\n  /**\n   * The text of the button.\n   * @since 10.19.0\n   */\n  label?: DropdownProps['label']\n  /**\n   * @since 10.19.0\n   */\n  loading?: DropdownProps['loading']\n\n  /**\n   * The icon of the button.\n   * @since 10.19.0\n   */\n  icon?: DropdownProps['icon']\n\n  /**\n   * <div>\n   *  Data of the dropdown options - <Code>Option[]</Code>\n   *  <CodeBlock>\n   *    {`type Option = { label: string; children?: Option[] }`}\n   *  </CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  options: DropdownOption[]\n\n  /**\n   * <div>\n   *  Callback for click on dropdown option\n   *  <CodeBlock>{'(option: Option) => void'}</CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  onClick?: (option: DropdownOption) => void\n\n  /**\n   * <div>\n   *  Render prop to specify custom dropdown option content\n   *  <CodeBlock>{'(option: Option) => ReactNode'}</CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: DropdownOption) => React.ReactNode\n\n  /**\n   * @default 'right-bottom'\n   * @since 10.19.0\n   */\n  placement?: OverlayProps['placement']\n\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: DropdownProps['size']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: DropdownProps['variant']\n}\n\nexport interface FlyoutItemProps extends Props {\n  option: FlyoutOption\n}\n"],"mappings":"AAKA,OAAO,IAAMA,MAAM,GAAG,SAAS"}

package/dist/DropdownFlyout/index.js

@@ -1,3 +1,3 @@
 export { DropdownFlyout } from './DropdownFlyout';
-export { StyledDropdownFlyoutExpandIcon, StyledDropdownFlyoutLabel, } from './DropdownFlyout.styles';
+export { StyledDropdownFlyoutExpandIcon, StyledDropdownFlyoutLabel } from './DropdownFlyout.styles';
 //# sourceMappingURL=index.js.map

package/dist/DropdownFlyout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DropdownFlyout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EACL,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.js","names":["DropdownFlyout","StyledDropdownFlyoutExpandIcon","StyledDropdownFlyoutLabel"],"sources":["../../src/DropdownFlyout/index.ts"],"sourcesContent":["export { DropdownFlyout } from './DropdownFlyout'\nexport {\n  StyledDropdownFlyoutExpandIcon,\n  StyledDropdownFlyoutLabel,\n} from './DropdownFlyout.styles'\n\nexport type {\n  DropdownFlyoutProps,\n  DropdownOption as DropdownFlyoutOption,\n} from './DropdownFlyout.types'\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SACEC,8BAA8B,EAC9BC,yBAAyB,QACpB,yBAAyB"}

package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js

@@ -1,14 +1,13 @@
 import { flip, limitShift, offset, shift } from '@floating-ui/react-dom';
-import { useOverlay, } from '../Overlay/useOverlay';
-export function useDropdownFlyoutOverlay(_a) {
-    var placement = _a.placement, offsetConfig = _a.offset;
-    return useOverlay({
-        placement: placement,
-        middleware: [
-            offset(offsetConfig),
-            flip(),
-            shift({ limiter: limitShift() }),
-        ],
-    });
+import { useOverlay } from '../Overlay/useOverlay';
+export function useDropdownFlyoutOverlay(_ref) {
+  var placement = _ref.placement,
+    offsetConfig = _ref.offset;
+  return useOverlay({
+    placement: placement,
+    middleware: [offset(offsetConfig), flip(), shift({
+      limiter: limitShift()
+    })]
+  });
 }
 //# sourceMappingURL=useDropdownFlyoutOverlay.js.map

package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownFlyoutOverlay.js","sourceRoot":"","sources":["../../src/DropdownFlyout/useDropdownFlyoutOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAExE,OAAO,EAIL,UAAU,GACX,MAAM,uBAAuB,CAAA;AAG9B,MAAM,UAAU,wBAAwB,CAAC,EAMxC;QALC,SAAS,eAAA,EACD,YAAY,YAAA;IASpB,OAAO,UAAU,CAAC;QAChB,SAAS,WAAA;QACT,UAAU,EAAE;YACV,MAAM,CAAC,YAAY,CAAC;YACpB,IAAI,EAAE;YACN,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;SACjC;KACF,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"useDropdownFlyoutOverlay.js","names":["flip","limitShift","offset","shift","useOverlay","useDropdownFlyoutOverlay","_ref","placement","offsetConfig","middleware","limiter"],"sources":["../../src/DropdownFlyout/useDropdownFlyoutOverlay.ts"],"sourcesContent":["import { flip, limitShift, offset, shift } from '@floating-ui/react-dom'\nimport { CSSProperties } from 'react'\nimport {\n  OverlayOffsetValue,\n  OverlayRefType,\n  ReferenceRefType,\n  useOverlay,\n} from '../Overlay/useOverlay'\nimport { Placement } from '../_utils/placement'\n\nexport function useDropdownFlyoutOverlay({\n  placement,\n  offset: offsetConfig,\n}: {\n  placement: Placement\n  offset?: OverlayOffsetValue\n}): {\n  overlayRef: OverlayRefType\n  referenceRef: ReferenceRefType\n  overlayStyle: CSSProperties\n} {\n  return useOverlay({\n    placement,\n    middleware: [\n      offset(offsetConfig),\n      flip(),\n      shift({ limiter: limitShift() }),\n    ],\n  })\n}\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,QAAQ,wBAAwB;AAExE,SAIEC,UAAU,QACL,uBAAuB;AAG9B,OAAO,SAASC,wBAAwBA,CAAAC,IAAA,EAUtC;EAAA,IATAC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACDC,YAAY,GAAAF,IAAA,CAApBJ,MAAM;EASN,OAAOE,UAAU,CAAC;IAChBG,SAAS,EAATA,SAAS;IACTE,UAAU,EAAE,CACVP,MAAM,CAACM,YAAY,CAAC,EACpBR,IAAI,CAAC,CAAC,EACNG,KAAK,CAAC;MAAEO,OAAO,EAAET,UAAU,CAAC;IAAE,CAAC,CAAC;EAEpC,CAAC,CAAC;AACJ"}