intergalactic 15.38.0-prerelease-46329ccd

package/dropdown-menu/lib/es6/DropdownMenu.js

@@ -0,0 +1,380 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/core';
+import { assignProps as _assignProps6 } from 'intergalactic/core';
+import { assignProps as _assignProps5 } from 'intergalactic/core';
+import { assignProps as _assignProps4 } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+var _excluded = ["className"],
+  _excluded2 = ["className"];
+import React from 'react';
+import cn from 'classnames';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import Dropdown from 'intergalactic/dropdown';
+import { Flex, useBox, useFlex } from 'intergalactic/flex-box';
+import ScrollAreaComponent from 'intergalactic/scroll-area';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
+import logger from 'intergalactic/utils/lib/logger';
+import scrollStyles from './styleScrollArea';
+/*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_sriif_gg_,.___SDropdownMenuList_sriif_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_sriif_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_sriif_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_sriif_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_sriif_gg_:focus{outline:0}.___SDropdownMenuItem_sriif_gg_.__selected_sriif_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_sriif_gg_.__selected_sriif_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_sriif_gg_.__highlighted_sriif_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_sriif_gg_.__disabled_sriif_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_sriif_gg_._size_l_sriif_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_sriif_gg_._size_m_sriif_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_sriif_gg_.__notInteractive_sriif_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_sriif_gg_.__notInteractive_sriif_gg_:hover{background:0 0}}.___SDropdownMenuItem_sriif_gg_._variant_hint_sriif_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_sriif_gg_._variant_hint_sriif_gg_:hover{background:0 0}}.___SDropdownMenuItem_sriif_gg_._variant_title_sriif_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_sriif_gg_._variant_title_sriif_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_sriif_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_sriif_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_sriif_gg_:last-child{margin-right:0}" /*__inner_css_end__*/, "sriif_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_sriif_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_sriif_gg_",
+  "_highlighted": "__highlighted_sriif_gg_",
+  "_disabled": "__disabled_sriif_gg_",
+  "_size_l": "_size_l_sriif_gg_",
+  "_size_m": "_size_m_sriif_gg_",
+  "_selected": "__selected_sriif_gg_",
+  "_notInteractive": "__notInteractive_sriif_gg_",
+  "_variant_hint": "_variant_hint_sriif_gg_",
+  "_variant_title": "_variant_title_sriif_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_sriif_gg_"
+});
+var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
+var INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];
+var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
+  _inherits(DropdownMenuRoot, _Component);
+  var _super = _createSuper(DropdownMenuRoot);
+  function DropdownMenuRoot() {
+    var _this;
+    _classCallCheck(this, DropdownMenuRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "popperRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "itemProps", []);
+    _defineProperty(_assertThisInitialized(_this), "highlightedItemRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "prevHighlightedIndex", null);
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerKeyDown", function (place) {
+      return function (e) {
+        var amount = e.shiftKey ? 5 : 1;
+        var targetTagName = e.target.tagName;
+        if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;
+        if (e.key === 'Enter') {
+          if (targetTagName === 'TEXTAREA') return;
+          if (place === 'popper' && (targetTagName === 'BUTTON' || targetTagName === 'A')) return;
+        }
+        var visible = _this.asProps.visible;
+        var element = _this.popperRef.current;
+        if (place === 'popper' && visible && e.key === 'Tab' && hasFocusableIn(element)) {
+          _this.handlers.highlightedIndex(null);
+          return;
+        }
+        if (!KEYS.includes(e.key)) return;
+        e.preventDefault();
+        var isVisible = _this.asProps.visible;
+        _this.handlers.visible(true);
+        switch (e.key) {
+          case 'ArrowDown':
+            {
+              isVisible && _this.moveHighlightedIndex(amount, e);
+              (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();
+              break;
+            }
+          case 'ArrowUp':
+            {
+              isVisible && _this.moveHighlightedIndex(-amount, e);
+              (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();
+              break;
+            }
+          case ' ':
+          case 'Enter':
+            if (_this.highlightedItemRef.current) {
+              _this.highlightedItemRef.current.click();
+            } else {
+              if (place === 'trigger') _this.handlers.visible(false);
+            }
+            break;
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "scrollToNode", function (node) {
+      _this.highlightedItemRef.current = node;
+      setTimeout(function () {
+        if (node !== null && node !== void 0 && node.scrollIntoView) {
+          if (_this.asProps.highlightedIndex !== _this.prevHighlightedIndex) {
+            _this.prevHighlightedIndex = _this.asProps.highlightedIndex;
+            node.scrollIntoView({
+              block: 'nearest',
+              inline: 'nearest'
+            });
+          }
+        }
+      }, 0);
+    });
+    return _this;
+  }
+  _createClass(DropdownMenuRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        highlightedIndex: null,
+        visible: null
+      };
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var _this$asProps = this.asProps,
+        size = _this$asProps.size,
+        uid = _this$asProps.uid,
+        disablePortal = _this$asProps.disablePortal,
+        visible = _this$asProps.visible,
+        getI18nText = _this$asProps.getI18nText,
+        highlightedIndex = _this$asProps.highlightedIndex;
+      return {
+        size: size,
+        id: "igc-".concat(uid, "-trigger"),
+        'aria-controls': "igc-".concat(uid, "-popper"),
+        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
+        'aria-expanded': visible ? 'true' : 'false',
+        'aria-activedescendant': visible && highlightedIndex !== null ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
+        onKeyDown: this.bindHandlerKeyDown('trigger')
+      };
+    }
+  }, {
+    key: "getListProps",
+    value: function getListProps() {
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid;
+      return {
+        size: size,
+        uid: uid,
+        index: this.asProps.highlightedIndex
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var _this$asProps3 = this.asProps,
+        uid = _this$asProps3.uid,
+        disablePortal = _this$asProps3.disablePortal,
+        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking,
+        interaction = _this$asProps3.interaction,
+        highlightedIndex = _this$asProps3.highlightedIndex;
+      return {
+        ref: this.popperRef,
+        tabIndex: 0,
+        onKeyDown: this.bindHandlerKeyDown('popper'),
+        id: "igc-".concat(uid, "-popper"),
+        disablePortal: disablePortal,
+        ignorePortalsStacking: ignorePortalsStacking,
+        focusMaster: interaction === 'click',
+        hideFocus: highlightedIndex !== null
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps(props, index) {
+      var _this$asProps4 = this.asProps,
+        size = _this$asProps4.size,
+        highlightedIndex = _this$asProps4.highlightedIndex,
+        uid = _this$asProps4.uid;
+      var highlighted = index === highlightedIndex;
+      var extraProps = {};
+      this.itemProps[index] = props;
+      if (highlighted) {
+        extraProps.ref = this.scrollToNode;
+      }
+      return _objectSpread({
+        id: "igc-".concat(uid, "-option-").concat(index),
+        size: size,
+        highlighted: highlighted
+      }, extraProps);
+    }
+  }, {
+    key: "getItemHintProps",
+    value: function getItemHintProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getItemTitleProps",
+    value: function getItemTitleProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "moveHighlightedIndex",
+    value: function moveHighlightedIndex(amount, e) {
+      var _this$itemProps$newIn;
+      var highlightedIndex = this.asProps.highlightedIndex;
+      var itemsLastIndex = this.itemProps.length - 1;
+      var selectedIndex = this.itemProps.findIndex(function (item) {
+        return item.selected;
+      });
+      if (itemsLastIndex < 0) return;
+      if (highlightedIndex == null) {
+        if (selectedIndex !== -1) {
+          highlightedIndex = selectedIndex;
+        } else {
+          highlightedIndex = amount < 0 ? 0 : itemsLastIndex;
+        }
+      }
+      var newIndex = highlightedIndex + amount;
+      if (newIndex < 0) {
+        newIndex = amount + itemsLastIndex + 1;
+      } else if (newIndex > itemsLastIndex) {
+        newIndex = newIndex - itemsLastIndex - 1;
+      }
+      if ((_this$itemProps$newIn = this.itemProps[newIndex]) !== null && _this$itemProps$newIn !== void 0 && _this$itemProps$newIn.disabled) {
+        this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);
+      } else {
+        this.handlers.highlightedIndex(newIndex, e);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var visible = this.asProps.visible;
+      if (!visible) {
+        this.handlers.highlightedIndex(null);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        interaction = _this$asProps5.interaction,
+        dataUiName = _this$asProps5['data-ui-name'];
+      var props = {};
+      logger.warn(interaction !== 'click' && interaction !== 'focus', "You shouldn't use prop `interaction` except with `click` or `focus` value.", dataUiName || DropdownMenuRoot.displayName);
+      this.itemProps = [];
+      return /*#__PURE__*/React.createElement(Dropdown, _assignProps(_objectSpread({}, props), _ref), /*#__PURE__*/React.createElement(Children, null));
+    }
+  }]);
+  return DropdownMenuRoot;
+}(Component);
+_defineProperty(DropdownMenuRoot, "displayName", 'DropdownMenu');
+_defineProperty(DropdownMenuRoot, "style", style);
+_defineProperty(DropdownMenuRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
+_defineProperty(DropdownMenuRoot, "defaultProps", {
+  size: 'm',
+  defaultVisible: false,
+  defaultHighlightedIndex: null,
+  i18n: localizedMessages,
+  locale: 'en',
+  interaction: 'click'
+});
+function List(props) {
+  var _ref2 = arguments[0],
+    _ref7;
+  var SDropdownMenuList = ScrollAreaComponent;
+  var uid = props.uid;
+  return _ref7 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownMenuList, _ref7.cn("SDropdownMenuList", _objectSpread({}, _assignProps2({
+    "tabIndex": null,
+    "role": 'menu',
+    "aria-labelledby": "igc-".concat(uid, "-trigger"),
+    "shadow": true,
+    "styles": scrollStyles
+  }, _ref2))));
+}
+function Menu(props) {
+  var _ref3 = arguments[0];
+  var visible = props.visible,
+    disablePortal = props.disablePortal,
+    ignorePortalsStacking = props.ignorePortalsStacking,
+    disableEnforceFocus = props.disableEnforceFocus,
+    interaction = props.interaction,
+    autoFocus = props.autoFocus,
+    animationsDisabled = props.animationsDisabled,
+    focusableTriggerReturnFocusToRef = props.focusableTriggerReturnFocusToRef;
+  var popperProps = {
+    visible: visible,
+    disablePortal: disablePortal,
+    ignorePortalsStacking: ignorePortalsStacking,
+    disableEnforceFocus: disableEnforceFocus,
+    interaction: interaction,
+    autoFocus: autoFocus,
+    animationsDisabled: animationsDisabled,
+    focusableTriggerReturnFocusToRef: focusableTriggerReturnFocusToRef
+  };
+  return /*#__PURE__*/React.createElement(DropdownMenu.Popper, popperProps, /*#__PURE__*/React.createElement(DropdownMenu.List, _assignProps3({}, _ref3)));
+}
+function Item(props) {
+  var _useFlex = useFlex(props, props.forwardRef),
+    _useFlex2 = _slicedToArray(_useFlex, 2),
+    SDropdownMenuItem = _useFlex2[0],
+    _useFlex2$ = _useFlex2[1],
+    className = _useFlex2$.className,
+    other = _objectWithoutProperties(_useFlex2$, _excluded);
+  var styles = sstyled(props.styles);
+  return /*#__PURE__*/React.createElement(SDropdownMenuItem, _extends({
+    role: "menuitem",
+    tabIndex: -1,
+    id: props.label,
+    className: cn(styles.cn('SDropdownMenuItem', _objectSpread(_objectSpread({}, props), {}, {
+      highlighted: !props.disabled && props.highlighted
+    })).className, className) || undefined
+  }, other));
+}
+function Addon(props) {
+  var _useBox = useBox(props, props.forwardRef),
+    _useBox2 = _slicedToArray(_useBox, 2),
+    SDropdownMenuItemAddon = _useBox2[0],
+    _useBox2$ = _useBox2[1],
+    className = _useBox2$.className,
+    other = _objectWithoutProperties(_useBox2$, _excluded2);
+  var styles = sstyled(props.styles);
+  return /*#__PURE__*/React.createElement(SDropdownMenuItemAddon, _extends({
+    className: cn(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined
+  }, other));
+}
+function Hint(props) {
+  var _ref4 = arguments[0],
+    _ref8;
+  var SDropdownMenuItem = Flex;
+  return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownMenuItem, _ref8.cn("SDropdownMenuItem", _objectSpread({}, _assignProps4({
+    "variant": 'hint'
+  }, _ref4))));
+}
+function Title(props) {
+  var _ref5 = arguments[0],
+    _ref9;
+  var SDropdownMenuItem = Flex;
+  return _ref9 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownMenuItem, _ref9.cn("SDropdownMenuItem", _objectSpread({}, _assignProps5({
+    "variant": 'title'
+  }, _ref5))));
+}
+function Trigger() {
+  var _ref6 = arguments[0];
+  return /*#__PURE__*/React.createElement(Dropdown.Trigger, _assignProps6({
+    "aria-haspopup": 'true'
+  }, _ref6));
+}
+var DropdownMenu = createComponent(DropdownMenuRoot, {
+  Trigger: Trigger,
+  Popper: Dropdown.Popper,
+  List: List,
+  Menu: Menu,
+  Item: [Item, {
+    Addon: Addon
+  }],
+  ItemTitle: Title,
+  ItemHint: Hint
+}, {
+  parent: [Dropdown]
+});
+export default DropdownMenu;
+//# sourceMappingURL=DropdownMenu.js.map

package/dropdown-menu/lib/es6/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":["React","cn","createComponent","Component","sstyled","Root","Dropdown","Flex","useBox","useFlex","ScrollAreaComponent","uniqueIDEnhancement","i18nEnhance","localizedMessages","hasFocusableIn","logger","scrollStyles","style","_sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","place","e","amount","shiftKey","targetTagName","target","tagName","key","includes","visible","asProps","element","popperRef","current","handlers","highlightedIndex","preventDefault","isVisible","moveHighlightedIndex","focus","highlightedItemRef","click","node","setTimeout","scrollIntoView","prevHighlightedIndex","block","inline","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","interaction","ref","tabIndex","focusMaster","hideFocus","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","scrollToNode","_objectSpread","getItemHintProps","getItemTitleProps","_this$itemProps$newIn","itemsLastIndex","selectedIndex","findIndex","item","selected","newIndex","disabled","componentDidUpdate","render","_ref","_this$asProps5","Children","dataUiName","warn","displayName","createElement","_assignProps","defaultVisible","defaultHighlightedIndex","i18n","locale","List","_ref2","arguments[0]","_ref7","SDropdownMenuList","styles","_assignProps2","Menu","_ref3","disableEnforceFocus","autoFocus","animationsDisabled","focusableTriggerReturnFocusToRef","popperProps","DropdownMenu","Popper","_assignProps3","Item","_useFlex","forwardRef","_useFlex2","_slicedToArray","SDropdownMenuItem","_useFlex2$","className","other","_objectWithoutProperties","_excluded","_extends","role","label","Addon","_useBox","_useBox2","SDropdownMenuItemAddon","_useBox2$","_excluded2","Hint","_ref4","_ref8","_assignProps4","Title","_ref5","_ref9","_assignProps5","Trigger","_ref6","_assignProps6","ItemTitle","ItemHint","parent"],"sources":["../../src/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Flex, useBox, useFlex } from '@semcore/flex-box';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\nimport logger from '@semcore/utils/lib/logger';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];\n\nclass DropdownMenuRoot extends Component {\n  static displayName = 'DropdownMenu';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    size: 'm',\n    defaultVisible: false,\n    defaultHighlightedIndex: null,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n\n  popperRef = React.createRef();\n\n  itemProps = [];\n\n  highlightedItemRef = React.createRef();\n\n  prevHighlightedIndex = null;\n\n  uncontrolledProps() {\n    return {\n      highlightedIndex: null,\n      visible: null,\n    };\n  }\n\n  bindHandlerKeyDown = (place) => (e) => {\n    const amount = e.shiftKey ? 5 : 1;\n    const targetTagName = e.target.tagName;\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;\n    if (e.key === 'Enter') {\n      if (targetTagName === 'TEXTAREA') return;\n      if (place === 'popper' && (targetTagName === 'BUTTON' || targetTagName === 'A')) return;\n    }\n\n    const { visible } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (place === 'popper' && visible && e.key === 'Tab' && hasFocusableIn(element)) {\n      this.handlers.highlightedIndex(null);\n\n      return;\n    }\n\n    if (!KEYS.includes(e.key)) return;\n\n    e.preventDefault();\n\n    const isVisible = this.asProps.visible;\n\n    this.handlers.visible(true);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        isVisible && this.moveHighlightedIndex(amount, e);\n        (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();\n        break;\n      }\n      case 'ArrowUp': {\n        isVisible && this.moveHighlightedIndex(-amount, e);\n        (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();\n        break;\n      }\n      case ' ':\n      case 'Enter':\n        if (this.highlightedItemRef.current) {\n          this.highlightedItemRef.current.click();\n        } else {\n          if (place === 'trigger') this.handlers.visible(false);\n        }\n        break;\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText, highlightedIndex } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      'aria-controls': `igc-${uid}-popper`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant':\n        visible && highlightedIndex !== null ? `igc-${uid}-option-${highlightedIndex}` : undefined,\n      onKeyDown: this.bindHandlerKeyDown('trigger'),\n    };\n  }\n\n  getListProps() {\n    const { size, uid } = this.asProps;\n    return {\n      size,\n      uid,\n      index: this.asProps.highlightedIndex,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction, highlightedIndex } =\n      this.asProps;\n\n    return {\n      ref: this.popperRef,\n      tabIndex: 0,\n      onKeyDown: this.bindHandlerKeyDown('popper'),\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n      focusMaster: interaction === 'click',\n      hideFocus: highlightedIndex !== null,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex, uid } = this.asProps;\n    const highlighted = index === highlightedIndex;\n    const extraProps = {};\n    this.itemProps[index] = props;\n    if (highlighted) {\n      extraProps.ref = this.scrollToNode;\n    }\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      highlighted,\n      ...extraProps,\n    };\n  }\n\n  getItemHintProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getItemTitleProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  scrollToNode = (node) => {\n    this.highlightedItemRef.current = node;\n    setTimeout(() => {\n      if (node?.scrollIntoView) {\n        if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n          this.prevHighlightedIndex = this.asProps.highlightedIndex;\n          node.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n        }\n      }\n    }, 0);\n  };\n\n  moveHighlightedIndex(amount, e) {\n    let { highlightedIndex } = this.asProps;\n    const itemsLastIndex = this.itemProps.length - 1;\n    const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n    if (itemsLastIndex < 0) return;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        highlightedIndex = selectedIndex;\n      } else {\n        highlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    }\n\n    let newIndex = highlightedIndex + amount;\n    if (newIndex < 0) {\n      newIndex = amount + itemsLastIndex + 1;\n    } else if (newIndex > itemsLastIndex) {\n      newIndex = newIndex - itemsLastIndex - 1;\n    }\n\n    if (this.itemProps[newIndex]?.disabled) {\n      this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n    } else {\n      this.handlers.highlightedIndex(newIndex, e);\n    }\n  }\n\n  componentDidUpdate() {\n    const { visible } = this.asProps;\n\n    if (!visible) {\n      this.handlers.highlightedIndex(null);\n    }\n  }\n\n  render() {\n    const { Children, interaction, 'data-ui-name': dataUiName } = this.asProps;\n    const props = {};\n\n    logger.warn(\n      interaction !== 'click' && interaction !== 'focus',\n      \"You shouldn't use prop `interaction` except with `click` or `focus` value.\",\n      dataUiName || DropdownMenuRoot.displayName,\n    );\n\n    this.itemProps = [];\n\n    return (\n      <Root render={Dropdown} {...props}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nfunction List(props) {\n  const SDropdownMenuList = Root;\n  const { uid } = props;\n\n  return sstyled(props.styles)(\n    <SDropdownMenuList\n      render={ScrollAreaComponent}\n      tabIndex={null}\n      role='menu'\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu(props) {\n  const {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  } = props;\n  const popperProps = {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  };\n  return (\n    <DropdownMenu.Popper {...popperProps}>\n      <Root render={DropdownMenu.List} />\n    </DropdownMenu.Popper>\n  );\n}\n\nfunction Item(props) {\n  const [SDropdownMenuItem, { className, ...other }] = useFlex(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItem\n      role='menuitem'\n      tabIndex={-1}\n      id={props.label}\n      className={\n        cn(\n          styles.cn('SDropdownMenuItem', {\n            ...props,\n            highlighted: !props.disabled && props.highlighted,\n          }).className,\n          className,\n        ) || undefined\n      }\n      {...other}\n    />\n  );\n}\n\nfunction Addon(props) {\n  const [SDropdownMenuItemAddon, { className, ...other }] = useBox(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItemAddon\n      className={cn(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined}\n      {...other}\n    />\n  );\n}\n\nfunction Hint(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='hint' />);\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='title' />);\n}\n\nfunction Trigger() {\n  return <Root render={Dropdown.Trigger} aria-haspopup='true' />;\n}\n\nconst DropdownMenu = createComponent(\n  DropdownMenuRoot,\n  {\n    Trigger,\n    Popper: Dropdown.Popper,\n    List,\n    Menu,\n    Item: [Item, { Addon }],\n    ItemTitle: Title,\n    ItemHint: Hint,\n  },\n  {\n    parent: [Dropdown],\n  },\n);\n\nexport default DropdownMenu;\n"],"mappings":"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"}

package/dropdown-menu/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/dropdown-menu/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport Dropdown, {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n} from '@semcore/dropdown';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { ScrollAreaProps } from '@semcore/scroll-area';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n    UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  highlightedIndex?: number;\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n  };\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n};\n\nexport default DropdownMenu;\n"],"mappings":""}

package/dropdown-menu/lib/es6/index.js

@@ -0,0 +1,2 @@
+export { default } from './DropdownMenu';
+//# sourceMappingURL=index.js.map

package/dropdown-menu/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './DropdownMenu';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}

package/dropdown-menu/lib/es6/style/dropdown-menu.shadow.css

@@ -0,0 +1,106 @@
+SDropdownMenuList {
+  max-height: 240px;
+  padding: var(--intergalactic-spacing-1x, 4px) 0;
+  position: relative;
+  min-height: 26px;
+  min-width: 32px;
+  box-sizing: content-box;
+  z-index: 0;
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
+SDropdownMenuItem {
+  display: flex;
+  align-items: center;
+  position: relative;
+  text-decoration: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  width: 100%;
+  text-align: left;
+  line-height: normal;
+  color: var(--intergalactic-text-primary, #191b23);
+
+  &:hover {
+    background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+
+SDropdownMenuItem[selected] {
+  background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
+  box-shadow: 2px 0px 0px 0px var(--intergalactic-control-primary-info, #008ff8) inset;
+
+  &:hover {
+    background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
+  }
+}
+
+SDropdownMenuItem[highlighted] {
+  z-index: 1;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset;
+}
+
+SDropdownMenuItem[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  pointer-events: none;
+}
+
+SDropdownMenuItem[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
+  min-height: 40px;
+}
+
+SDropdownMenuItem[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+  padding: calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);
+  min-height: 32px;
+}
+
+SDropdownMenuItem[notInteractive] {
+  cursor: default;
+
+  &:hover {
+    background: none;
+  }
+}
+
+SDropdownMenuItem[variant='hint'] {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+  cursor: default;
+
+  &:hover {
+    background: none;
+  }
+}
+
+SDropdownMenuItem[variant='title'] {
+  font-weight: var(--intergalactic-bold, 700);
+  cursor: default;
+
+  &:hover {
+    background: none;
+  }
+}
+
+SDropdownMenuItemAddon {
+  display: inline-flex;
+  margin-left: var(--intergalactic-spacing-2x, 8px);
+  margin-right: var(--intergalactic-spacing-2x, 8px);
+
+  &:first-child {
+    margin-left: 0;
+  }
+
+  &:last-child {
+    margin-right: 0;
+  }
+}

package/dropdown-menu/lib/es6/style/scroll-area.shadow.css

@@ -0,0 +1,85 @@
+SShadowHorizontal {
+  &:before,
+  &:after {
+    width: 16px;
+    height: 100%;
+    border-radius: var(--intergalactic-control-rounded, 6px);
+  }
+}
+
+SShadowHorizontal[position='median'] {
+  &:before {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-left,
+      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+
+  &:after {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-right,
+      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+}
+
+SShadowHorizontal[position='start'] {
+  &:before {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-left,
+      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+}
+
+SShadowHorizontal[position='end'] {
+  &:after {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-right,
+      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+}
+
+SShadowVertical {
+  &:before,
+  &:after {
+    width: 100%;
+    height: 16px;
+    border-radius: var(--intergalactic-control-rounded, 6px);
+  }
+}
+
+SShadowVertical[position='median'] {
+  &:before {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-top,
+      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+
+  &:after {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-bottom,
+      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+}
+
+SShadowVertical[position='start'] {
+  &:before {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-top,
+      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+}
+
+SShadowVertical[position='end'] {
+  &:after {
+    background: var(
+      --intergalactic-scroll-area-dropdown-menu-bottom,
+      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+    );
+  }
+}