npm - @semcore/dropdown-menu - Versions diffs - 3.6.11 → 3.6.13 - Mend

@semcore/dropdown-menu 3.6.11 → 3.6.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/CHANGELOG.md +2 -2
package/lib/cjs/DropdownMenu.js +25 -37
package/lib/cjs/DropdownMenu.js.map +1 -1
package/lib/cjs/styleScrollArea.js +7 -7
package/lib/es6/DropdownMenu.js +16 -25
package/lib/es6/DropdownMenu.js.map +1 -1
package/lib/es6/styleScrollArea.js +7 -7
package/package.json +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -2,11 +2,11 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
-## [3.6.11] - 2023-02-20
+## [3.6.13] - 2023-02-22
 ### Changed
-- Version patch update due to children dependencies update (`@semcore/dropdown` [3.4.7 ~> 3.4.8], `@semcore/utils` [3.46.1 ~> 3.47.0]).
+- Version patch update due to children dependencies update (`@semcore/dropdown` [3.4.9 ~> 3.4.10]).
 ## [3.6.10] - 2023-02-09

package/lib/cjs/DropdownMenu.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,6 +15,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -23,9 +25,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -52,40 +52,28 @@ var _styleScrollArea = _interopRequireDefault(require("./styleScrollArea"));
 var _excluded = ["className"],
     _excluded2 = ["className"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDropdownMenuList_1mov6_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box}.___SDropdownMenuItem_1mov6_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_1mov6_gg_:focus{outline:0}.___SDropdownMenuItem_1mov6_gg_.__highlighted_1mov6_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_1mov6_gg_.__selected_1mov6_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_.__selected_1mov6_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1mov6_gg_.__disabled_1mov6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1mov6_gg_._size_l_1mov6_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_1mov6_gg_._size_m_1mov6_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_1mov6_gg_.__notInteractive_1mov6_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_.__notInteractive_1mov6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1mov6_gg_._variant_hint_1mov6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_._variant_hint_1mov6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1mov6_gg_._variant_title_1mov6_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_._variant_title_1mov6_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_1mov6_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1mov6_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1mov6_gg_:last-child{margin-right:0}.___SPopper_1mov6_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
+".___SDropdownMenuList_vsver_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box}.___SDropdownMenuItem_vsver_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_vsver_gg_:focus{outline:0}.___SDropdownMenuItem_vsver_gg_.__highlighted_vsver_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_vsver_gg_.__selected_vsver_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_.__selected_vsver_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_vsver_gg_.__disabled_vsver_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_vsver_gg_._size_l_vsver_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_vsver_gg_._size_m_vsver_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_vsver_gg_.__notInteractive_vsver_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_.__notInteractive_vsver_gg_:hover{background:0 0}}.___SDropdownMenuItem_vsver_gg_._variant_hint_vsver_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_._variant_hint_vsver_gg_:hover{background:0 0}}.___SDropdownMenuItem_vsver_gg_._variant_title_vsver_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_._variant_title_vsver_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_vsver_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_vsver_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_vsver_gg_:last-child{margin-right:0}.___SPopper_vsver_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
 /*__inner_css_end__*/
-, "1mov6_gg_")
+, "vsver_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDropdownMenuList": "___SDropdownMenuList_1mov6_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1mov6_gg_",
-  "_highlighted": "__highlighted_1mov6_gg_",
-  "_selected": "__selected_1mov6_gg_",
-  "_disabled": "__disabled_1mov6_gg_",
-  "_size_l": "_size_l_1mov6_gg_",
-  "_size_m": "_size_m_1mov6_gg_",
-  "_notInteractive": "__notInteractive_1mov6_gg_",
-  "_variant_hint": "_variant_hint_1mov6_gg_",
-  "_variant_title": "_variant_title_1mov6_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1mov6_gg_",
-  "__SPopper": "___SPopper_1mov6_gg_"
+  "__SDropdownMenuList": "___SDropdownMenuList_vsver_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_vsver_gg_",
+  "_highlighted": "__highlighted_vsver_gg_",
+  "_selected": "__selected_vsver_gg_",
+  "_disabled": "__disabled_vsver_gg_",
+  "_size_l": "_size_l_vsver_gg_",
+  "_size_m": "_size_m_vsver_gg_",
+  "_notInteractive": "__notInteractive_vsver_gg_",
+  "_variant_hint": "_variant_hint_vsver_gg_",
+  "_variant_title": "_variant_title_vsver_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_vsver_gg_",
+  "__SPopper": "___SPopper_vsver_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
@@ -93,7 +81,7 @@ var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DropdownMenuRoot, _Component);
-  var _super = _createSuper(DropdownMenuRoot);
+  var _super = (0, _createSuper2["default"])(DropdownMenuRoot);
   function DropdownMenuRoot() {
     var _this;
@@ -218,7 +206,7 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         extraProps.ref = this.scrollToNode;
       }
-      return _objectSpread({
+      return (0, _objectSpread2["default"])({
         size: size,
         highlighted: highlighted
       }, extraProps);
@@ -294,7 +282,7 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
       var Children = this.asProps.Children;
       var props = {};
       this.itemProps = [];
-      return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)(_objectSpread({}, props), _ref), /*#__PURE__*/_react["default"].createElement(Children, null));
+      return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref), /*#__PURE__*/_react["default"].createElement(Children, null));
     }
   }]);
   return DropdownMenuRoot;
@@ -316,7 +304,7 @@ function List(props) {
       _ref7;
   var SDropdownMenuList = _scrollArea["default"];
-  return _ref7 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuList, _ref7.cn("SDropdownMenuList", _objectSpread({}, (0, _core.assignProps)({
+  return _ref7 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuList, _ref7.cn("SDropdownMenuList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "role": "menu",
     "aria-activedescendant": props.index,
     "shadow": true,
@@ -342,7 +330,7 @@ function Item(props) {
     role: "menuitem",
     tabIndex: -1,
     id: props.label,
-    className: (0, _classnames["default"])(styles.cn('SDropdownMenuItem', _objectSpread(_objectSpread({}, props), {}, {
+    className: (0, _classnames["default"])(styles.cn('SDropdownMenuItem', (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
       highlighted: !props.disabled && props.highlighted
     })).className, className) || undefined
   }, other));
@@ -367,7 +355,7 @@ function Hint(props) {
       _ref8;
   var SDropdownMenuItem = _flexBox.Flex;
-  return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref8.cn("SDropdownMenuItem", _objectSpread({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref8.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "variant": "hint",
     "role": "menuitem",
     "tabIndex": 0
@@ -379,7 +367,7 @@ function Title(props) {
       _ref9;
   var SDropdownMenuItem = _flexBox.Flex;
-  return _ref9 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref9.cn("SDropdownMenuItem", _objectSpread({}, (0, _core.assignProps)({
+  return _ref9 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref9.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "variant": "title",
     "role": "menuitem",
     "tabIndex": 0

package/lib/cjs/DropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","names":["KEYS","INTERACTION_TAGS","DropdownMenuRoot","React","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","size","uid","disablePortal","getI18nText","id","undefined","onKeyDown","bindHandlerKeyDown","index","tabIndex","props","highlighted","extraProps","itemProps","ref","scrollToNode","itemsLastIndex","length","selectedIndex","findIndex","item","selected","newIndex","disabled","setTimeout","focus","Children","Dropdown","Component","style","uniqueIDEnhancement","i18nEnhance","localizedMessages","defaultVisible","defaultHighlightedIndex","i18n","locale","List","SDropdownMenuList","ScrollAreaComponent","sstyled","styles","scrollStyles","Menu","DropdownMenu","Item","useFlex","forwardRef","SDropdownMenuItem","className","other","label","cn","Addon","useBox","SDropdownMenuItemAddon","Hint","Flex","Title","Trigger","createComponent","Popper","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';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\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 };\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\n if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (!KEYS.includes(e.key)) return;\n\n e.preventDefault();\n\n this.handlers.visible(true);\n\n switch (e.key) {\n case 'ArrowDown':\n this.moveHighlightedIndex(amount, e);\n break;\n case 'ArrowUp':\n this.moveHighlightedIndex(-amount, e);\n break;\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 } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n 'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n 'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n 'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n onKeyDown: this.bindHandlerKeyDown('trigger'),\n };\n }\n\n getListProps() {\n const { size } = this.asProps;\n return {\n size,\n index: this.asProps.highlightedIndex,\n };\n }\n\n getPopperProps() {\n const { uid, disablePortal } = this.asProps;\n\n return {\n tabIndex: 0,\n onKeyDown: this.bindHandlerKeyDown('popper'),\n id: `igc-${uid}-popper`,\n 'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n };\n }\n\n getItemProps(props, index) {\n const { size, highlightedIndex } = 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 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 if (node && 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 };\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] && this.itemProps[newIndex].disabled) {\n this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n } else {\n this.handlers.highlightedIndex(newIndex, e);\n setTimeout(() => {\n this.highlightedItemRef.current?.focus();\n }, 0);\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 } = this.asProps;\n const props = {};\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\n return sstyled(props.styles)(\n <SDropdownMenuList\n render={ScrollAreaComponent}\n role=\"menu\"\n aria-activedescendant={props.index}\n shadow={true}\n styles={scrollStyles}\n />,\n );\n}\n\nfunction Menu() {\n return (\n <DropdownMenu.Popper>\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)(\n <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n );\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(\n <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n );\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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"}
1	+ {"version":3,"file":"DropdownMenu.js","names":["KEYS","INTERACTION_TAGS","DropdownMenuRoot","React","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","size","uid","disablePortal","getI18nText","id","undefined","onKeyDown","bindHandlerKeyDown","index","tabIndex","props","highlighted","extraProps","itemProps","ref","scrollToNode","itemsLastIndex","length","selectedIndex","findIndex","item","selected","newIndex","disabled","setTimeout","focus","Children","Dropdown","Component","style","uniqueIDEnhancement","i18nEnhance","localizedMessages","defaultVisible","defaultHighlightedIndex","i18n","locale","List","SDropdownMenuList","ScrollAreaComponent","sstyled","styles","scrollStyles","Menu","DropdownMenu","Item","useFlex","forwardRef","SDropdownMenuItem","className","other","label","cn","Addon","useBox","SDropdownMenuItemAddon","Hint","Flex","Title","Trigger","createComponent","Popper","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';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\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 };\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\n if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (!KEYS.includes(e.key)) return;\n\n e.preventDefault();\n\n this.handlers.visible(true);\n\n switch (e.key) {\n case 'ArrowDown':\n this.moveHighlightedIndex(amount, e);\n break;\n case 'ArrowUp':\n this.moveHighlightedIndex(-amount, e);\n break;\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 } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n 'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n 'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n 'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n onKeyDown: this.bindHandlerKeyDown('trigger'),\n };\n }\n\n getListProps() {\n const { size } = this.asProps;\n return {\n size,\n index: this.asProps.highlightedIndex,\n };\n }\n\n getPopperProps() {\n const { uid, disablePortal } = this.asProps;\n\n return {\n tabIndex: 0,\n onKeyDown: this.bindHandlerKeyDown('popper'),\n id: `igc-${uid}-popper`,\n 'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n };\n }\n\n getItemProps(props, index) {\n const { size, highlightedIndex } = 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 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 if (node && 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 };\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] && this.itemProps[newIndex].disabled) {\n this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n } else {\n this.handlers.highlightedIndex(newIndex, e);\n setTimeout(() => {\n this.highlightedItemRef.current?.focus();\n }, 0);\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 } = this.asProps;\n const props = {};\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\n return sstyled(props.styles)(\n <SDropdownMenuList\n render={ScrollAreaComponent}\n role=\"menu\"\n aria-activedescendant={props.index}\n shadow={true}\n styles={scrollStyles}\n />,\n );\n}\n\nfunction Menu() {\n return (\n <DropdownMenu.Popper>\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)(\n <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n );\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(\n <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n );\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/lib/cjs/styleScrollArea.js CHANGED Viewed

@@ -18,16 +18,16 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1mszb_gg_:after,.___SShadowHorizontal_1mszb_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1mszb_gg_._position_median_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1mszb_gg_._position_median_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1mszb_gg_._position_start_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1mszb_gg_._position_end_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_:after,.___SShadowVertical_1mszb_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1mszb_gg_._position_median_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_._position_median_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_._position_start_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_._position_end_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}"
+".___SShadowHorizontal_je6r0_gg_:after,.___SShadowHorizontal_je6r0_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_je6r0_gg_._position_median_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_je6r0_gg_._position_median_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_je6r0_gg_._position_start_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_je6r0_gg_._position_end_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_:after,.___SShadowVertical_je6r0_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_je6r0_gg_._position_median_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_._position_median_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_._position_start_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_._position_end_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}"
 /*__inner_css_end__*/
-, "1mszb_gg_")
+, "je6r0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1mszb_gg_",
-  "_position_median": "_position_median_1mszb_gg_",
-  "_position_start": "_position_start_1mszb_gg_",
-  "_position_end": "_position_end_1mszb_gg_",
-  "__SShadowVertical": "___SShadowVertical_1mszb_gg_"
+  "__SShadowHorizontal": "___SShadowHorizontal_je6r0_gg_",
+  "_position_median": "_position_median_je6r0_gg_",
+  "_position_start": "_position_start_je6r0_gg_",
+  "_position_end": "_position_end_je6r0_gg_",
+  "__SShadowVertical": "___SShadowVertical_je6r0_gg_"
 });
 var _default = scrollStyles;
 exports["default"] = _default;

package/lib/es6/DropdownMenu.js CHANGED Viewed

@@ -1,12 +1,12 @@
 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 _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps6 } from "@semcore/core";
@@ -17,15 +17,6 @@ import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["className"],
     _excluded2 = ["className"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
 import cn from 'classnames';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
@@ -42,23 +33,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDropdownMenuList_1mov6_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box}.___SDropdownMenuItem_1mov6_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_1mov6_gg_:focus{outline:0}.___SDropdownMenuItem_1mov6_gg_.__highlighted_1mov6_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_1mov6_gg_.__selected_1mov6_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_.__selected_1mov6_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1mov6_gg_.__disabled_1mov6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1mov6_gg_._size_l_1mov6_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_1mov6_gg_._size_m_1mov6_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_1mov6_gg_.__notInteractive_1mov6_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_.__notInteractive_1mov6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1mov6_gg_._variant_hint_1mov6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_._variant_hint_1mov6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1mov6_gg_._variant_title_1mov6_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1mov6_gg_._variant_title_1mov6_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_1mov6_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1mov6_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1mov6_gg_:last-child{margin-right:0}.___SPopper_1mov6_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
+".___SDropdownMenuList_vsver_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box}.___SDropdownMenuItem_vsver_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_vsver_gg_:focus{outline:0}.___SDropdownMenuItem_vsver_gg_.__highlighted_vsver_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_vsver_gg_.__selected_vsver_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_.__selected_vsver_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_vsver_gg_.__disabled_vsver_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_vsver_gg_._size_l_vsver_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_vsver_gg_._size_m_vsver_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_vsver_gg_.__notInteractive_vsver_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_.__notInteractive_vsver_gg_:hover{background:0 0}}.___SDropdownMenuItem_vsver_gg_._variant_hint_vsver_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_._variant_hint_vsver_gg_:hover{background:0 0}}.___SDropdownMenuItem_vsver_gg_._variant_title_vsver_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vsver_gg_._variant_title_vsver_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_vsver_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_vsver_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_vsver_gg_:last-child{margin-right:0}.___SPopper_vsver_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
 /*__inner_css_end__*/
-, "1mov6_gg_")
+, "vsver_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDropdownMenuList": "___SDropdownMenuList_1mov6_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1mov6_gg_",
-  "_highlighted": "__highlighted_1mov6_gg_",
-  "_selected": "__selected_1mov6_gg_",
-  "_disabled": "__disabled_1mov6_gg_",
-  "_size_l": "_size_l_1mov6_gg_",
-  "_size_m": "_size_m_1mov6_gg_",
-  "_notInteractive": "__notInteractive_1mov6_gg_",
-  "_variant_hint": "_variant_hint_1mov6_gg_",
-  "_variant_title": "_variant_title_1mov6_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1mov6_gg_",
-  "__SPopper": "___SPopper_1mov6_gg_"
+  "__SDropdownMenuList": "___SDropdownMenuList_vsver_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_vsver_gg_",
+  "_highlighted": "__highlighted_vsver_gg_",
+  "_selected": "__selected_vsver_gg_",
+  "_disabled": "__disabled_vsver_gg_",
+  "_size_l": "_size_l_vsver_gg_",
+  "_size_m": "_size_m_vsver_gg_",
+  "_notInteractive": "__notInteractive_vsver_gg_",
+  "_variant_hint": "_variant_hint_vsver_gg_",
+  "_variant_title": "_variant_title_vsver_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_vsver_gg_",
+  "__SPopper": "___SPopper_vsver_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];

package/lib/es6/DropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","names":["React","cn","createComponent","Component","sstyled","Root","Dropdown","Flex","useBox","useFlex","ScrollAreaComponent","uniqueIDEnhancement","i18nEnhance","localizedMessages","scrollStyles","KEYS","INTERACTION_TAGS","DropdownMenuRoot","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","size","uid","disablePortal","getI18nText","id","undefined","onKeyDown","bindHandlerKeyDown","index","tabIndex","props","highlighted","extraProps","itemProps","ref","scrollToNode","itemsLastIndex","length","selectedIndex","findIndex","item","selected","newIndex","disabled","setTimeout","focus","Children","style","defaultVisible","defaultHighlightedIndex","i18n","locale","List","SDropdownMenuList","styles","Menu","DropdownMenu","Item","forwardRef","SDropdownMenuItem","className","other","label","Addon","SDropdownMenuItemAddon","Hint","Title","Trigger","Popper","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';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\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 };\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\n if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (!KEYS.includes(e.key)) return;\n\n e.preventDefault();\n\n this.handlers.visible(true);\n\n switch (e.key) {\n case 'ArrowDown':\n this.moveHighlightedIndex(amount, e);\n break;\n case 'ArrowUp':\n this.moveHighlightedIndex(-amount, e);\n break;\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 } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n 'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n 'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n 'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n onKeyDown: this.bindHandlerKeyDown('trigger'),\n };\n }\n\n getListProps() {\n const { size } = this.asProps;\n return {\n size,\n index: this.asProps.highlightedIndex,\n };\n }\n\n getPopperProps() {\n const { uid, disablePortal } = this.asProps;\n\n return {\n tabIndex: 0,\n onKeyDown: this.bindHandlerKeyDown('popper'),\n id: `igc-${uid}-popper`,\n 'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n };\n }\n\n getItemProps(props, index) {\n const { size, highlightedIndex } = 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 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 if (node && 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 };\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] && this.itemProps[newIndex].disabled) {\n this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n } else {\n this.handlers.highlightedIndex(newIndex, e);\n setTimeout(() => {\n this.highlightedItemRef.current?.focus();\n }, 0);\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 } = this.asProps;\n const props = {};\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\n return sstyled(props.styles)(\n <SDropdownMenuList\n render={ScrollAreaComponent}\n role=\"menu\"\n aria-activedescendant={props.index}\n shadow={true}\n styles={scrollStyles}\n />,\n );\n}\n\nfunction Menu() {\n return (\n <DropdownMenu.Popper>\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)(\n <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n );\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(\n <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n );\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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"}
1	+ {"version":3,"file":"DropdownMenu.js","names":["React","cn","createComponent","Component","sstyled","Root","Dropdown","Flex","useBox","useFlex","ScrollAreaComponent","uniqueIDEnhancement","i18nEnhance","localizedMessages","scrollStyles","KEYS","INTERACTION_TAGS","DropdownMenuRoot","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","size","uid","disablePortal","getI18nText","id","undefined","onKeyDown","bindHandlerKeyDown","index","tabIndex","props","highlighted","extraProps","itemProps","ref","scrollToNode","itemsLastIndex","length","selectedIndex","findIndex","item","selected","newIndex","disabled","setTimeout","focus","Children","style","defaultVisible","defaultHighlightedIndex","i18n","locale","List","SDropdownMenuList","styles","Menu","DropdownMenu","Item","forwardRef","SDropdownMenuItem","className","other","label","Addon","SDropdownMenuItemAddon","Hint","Title","Trigger","Popper","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';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\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 };\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\n if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (!KEYS.includes(e.key)) return;\n\n e.preventDefault();\n\n this.handlers.visible(true);\n\n switch (e.key) {\n case 'ArrowDown':\n this.moveHighlightedIndex(amount, e);\n break;\n case 'ArrowUp':\n this.moveHighlightedIndex(-amount, e);\n break;\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 } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n 'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n 'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n 'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n onKeyDown: this.bindHandlerKeyDown('trigger'),\n };\n }\n\n getListProps() {\n const { size } = this.asProps;\n return {\n size,\n index: this.asProps.highlightedIndex,\n };\n }\n\n getPopperProps() {\n const { uid, disablePortal } = this.asProps;\n\n return {\n tabIndex: 0,\n onKeyDown: this.bindHandlerKeyDown('popper'),\n id: `igc-${uid}-popper`,\n 'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n };\n }\n\n getItemProps(props, index) {\n const { size, highlightedIndex } = 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 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 if (node && 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 };\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] && this.itemProps[newIndex].disabled) {\n this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n } else {\n this.handlers.highlightedIndex(newIndex, e);\n setTimeout(() => {\n this.highlightedItemRef.current?.focus();\n }, 0);\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 } = this.asProps;\n const props = {};\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\n return sstyled(props.styles)(\n <SDropdownMenuList\n render={ScrollAreaComponent}\n role=\"menu\"\n aria-activedescendant={props.index}\n shadow={true}\n styles={scrollStyles}\n />,\n );\n}\n\nfunction Menu() {\n return (\n <DropdownMenu.Popper>\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)(\n <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n );\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(\n <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n );\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":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,OAAOC,QAAP,MAAqB,mBAArB;AACA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,OAAvB,QAAsC,mBAAtC;AACA,OAAOC,mBAAP,MAAgC,sBAAhC;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,SAASC,iBAAT,QAAkC,gDAAlC;AAEA,OAAOC,YAAP,MAAyB,mBAAzB;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMC,IAAI,GAAG,CAAC,WAAD,EAAc,SAAd,EAAyB,OAAzB,EAAkC,GAAlC,CAAb;AACA,IAAMC,gBAAgB,GAAG,CAAC,OAAD,EAAU,UAAV,CAAzB;;IAEMC,gB;;;;;;;;;;;;;;;;gEAaQ,E;;sFAESjB,KAAK,CAACkB,SAAN,E;;2EAEE,I;;yEASF,UAACC,KAAD;MAAA,OAAW,UAACC,CAAD,EAAO;QACrC,IAAMC,MAAM,GAAGD,CAAC,CAACE,QAAF,GAAa,CAAb,GAAiB,CAAhC;QAEA,IAAIF,CAAC,CAACG,GAAF,KAAU,GAAV,IAAiBP,gBAAgB,CAACQ,QAAjB,CAA0BJ,CAAC,CAACK,MAAF,CAASC,OAAnC,CAArB,EAAkE;QAClE,IAAI,CAACX,IAAI,CAACS,QAAL,CAAcJ,CAAC,CAACG,GAAhB,CAAL,EAA2B;QAE3BH,CAAC,CAACO,cAAF;;QAEA,MAAKC,QAAL,CAAcC,OAAd,CAAsB,IAAtB;;QAEA,QAAQT,CAAC,CAACG,GAAV;UACE,KAAK,WAAL;YACE,MAAKO,oBAAL,CAA0BT,MAA1B,EAAkCD,CAAlC;;YACA;;UACF,KAAK,SAAL;YACE,MAAKU,oBAAL,CAA0B,CAACT,MAA3B,EAAmCD,CAAnC;;YACA;;UACF,KAAK,GAAL;UACA,KAAK,OAAL;YACE,IAAI,MAAKW,kBAAL,CAAwBC,OAA5B,EAAqC;cACnC,MAAKD,kBAAL,CAAwBC,OAAxB,CAAgCC,KAAhC;YACD,CAFD,MAEO;cACL,IAAId,KAAK,KAAK,SAAd,EAAyB,MAAKS,QAAL,CAAcC,OAAd,CAAsB,KAAtB;YAC1B;;YACD;QAdJ;MAgBD,CA1BoB;IAAA,C;;mEA0FN,UAACK,IAAD,EAAU;MACvB,MAAKH,kBAAL,CAAwBC,OAAxB,GAAkCE,IAAlC;;MACA,IAAIA,IAAI,IAAIA,IAAI,CAACC,cAAjB,EAAiC;QAC/B,IAAI,MAAKC,OAAL,CAAaC,gBAAb,KAAkC,MAAKC,oBAA3C,EAAiE;UAC/D,MAAKA,oBAAL,GAA4B,MAAKF,OAAL,CAAaC,gBAAzC;UACAH,IAAI,CAACC,cAAL,CAAoB;YAClBI,KAAK,EAAE,SADW;YAElBC,MAAM,EAAE;UAFU,CAApB;QAID;MACF;IACF,C;;;;;;;WA5GD,6BAAoB;MAClB,OAAO;QACLH,gBAAgB,EAAE,IADb;QAELR,OAAO,EAAE;MAFJ,CAAP;IAID;;;WA8BD,2BAAkB;MAChB,oBAA2D,KAAKO,OAAhE;MAAA,IAAQK,IAAR,iBAAQA,IAAR;MAAA,IAAcC,GAAd,iBAAcA,GAAd;MAAA,IAAmBC,aAAnB,iBAAmBA,aAAnB;MAAA,IAAkCd,OAAlC,iBAAkCA,OAAlC;MAAA,IAA2Ce,WAA3C,iBAA2CA,WAA3C;MAEA,OAAO;QACLH,IAAI,EAAJA,IADK;QAELI,EAAE,gBAASH,GAAT,aAFG;QAGL,iBAAiBb,OAAO,iBAAUa,GAAV,eAAyBI,SAH5C;QAIL,eAAejB,OAAO,IAAI,CAACc,aAAZ,iBAAmCD,GAAnC,eAAkDI,SAJ5D;QAKL,cAAcjB,OAAO,IAAI,CAACc,aAAZ,GAA4BC,WAAW,CAAC,aAAD,CAAvC,GAAyDE,SALlE;QAMLC,SAAS,EAAE,KAAKC,kBAAL,CAAwB,SAAxB;MANN,CAAP;IAQD;;;WAED,wBAAe;MACb,IAAQP,IAAR,GAAiB,KAAKL,OAAtB,CAAQK,IAAR;MACA,OAAO;QACLA,IAAI,EAAJA,IADK;QAELQ,KAAK,EAAE,KAAKb,OAAL,CAAaC;MAFf,CAAP;IAID;;;WAED,0BAAiB;MACf,qBAA+B,KAAKD,OAApC;MAAA,IAAQM,GAAR,kBAAQA,GAAR;MAAA,IAAaC,aAAb,kBAAaA,aAAb;MAEA,OAAO;QACLO,QAAQ,EAAE,CADL;QAELH,SAAS,EAAE,KAAKC,kBAAL,CAAwB,QAAxB,CAFN;QAGLH,EAAE,gBAASH,GAAT,YAHG;QAIL,eAAe,CAACC,aAAD,iBAAwBD,GAAxB,gBAAwCI;MAJlD,CAAP;IAMD;;;WAED,sBAAaK,KAAb,EAAoBF,KAApB,EAA2B;MACzB,qBAAmC,KAAKb,OAAxC;MAAA,IAAQK,IAAR,kBAAQA,IAAR;MAAA,IAAcJ,gBAAd,kBAAcA,gBAAd;MACA,IAAMe,WAAW,GAAGH,KAAK,KAAKZ,gBAA9B;MACA,IAAMgB,UAAU,GAAG,EAAnB;MACA,KAAKC,SAAL,CAAeL,KAAf,IAAwBE,KAAxB;;MACA,IAAIC,WAAJ,EAAiB;QACfC,UAAU,CAACE,GAAX,GAAiB,KAAKC,YAAtB;MACD;;MAED;QACEf,IAAI,EAAJA,IADF;QAEEW,WAAW,EAAXA;MAFF,GAGKC,UAHL;IAKD;;;WAED,4BAAmB;MACjB,IAAQZ,IAAR,GAAiB,KAAKL,OAAtB,CAAQK,IAAR;MACA,OAAO;QACLA,IAAI,EAAJA;MADK,CAAP;IAGD;;;WAED,6BAAoB;MAClB,IAAQA,IAAR,GAAiB,KAAKL,OAAtB,CAAQK,IAAR;MACA,OAAO;QACLA,IAAI,EAAJA;MADK,CAAP;IAGD;;;WAeD,8BAAqBpB,MAArB,EAA6BD,CAA7B,EAAgC;MAAA;;MAC9B,IAAMiB,gBAAN,GAA2B,KAAKD,OAAhC,CAAMC,gBAAN;MACA,IAAMoB,cAAc,GAAG,KAAKH,SAAL,CAAeI,MAAf,GAAwB,CAA/C;MACA,IAAMC,aAAa,GAAG,KAAKL,SAAL,CAAeM,SAAf,CAAyB,UAACC,IAAD;QAAA,OAAUA,IAAI,CAACC,QAAf;MAAA,CAAzB,CAAtB;MAEA,IAAIL,cAAc,GAAG,CAArB,EAAwB;;MAExB,IAAIpB,gBAAgB,IAAI,IAAxB,EAA8B;QAC5B,IAAIsB,aAAa,KAAK,CAAC,CAAvB,EAA0B;UACxBtB,gBAAgB,GAAGsB,aAAnB;QACD,CAFD,MAEO;UACLtB,gBAAgB,GAAGhB,MAAM,GAAG,CAAT,GAAa,CAAb,GAAiBoC,cAApC;QACD;MACF;;MAED,IAAIM,QAAQ,GAAG1B,gBAAgB,GAAGhB,MAAlC;;MACA,IAAI0C,QAAQ,GAAG,CAAf,EAAkB;QAChBA,QAAQ,GAAG1C,MAAM,GAAGoC,cAAT,GAA0B,CAArC;MACD,CAFD,MAEO,IAAIM,QAAQ,GAAGN,cAAf,EAA+B;QACpCM,QAAQ,GAAGA,QAAQ,GAAGN,cAAX,GAA4B,CAAvC;MACD;;MAED,IAAI,KAAKH,SAAL,CAAeS,QAAf,KAA4B,KAAKT,SAAL,CAAeS,QAAf,EAAyBC,QAAzD,EAAmE;QACjE,KAAKlC,oBAAL,CAA0BT,MAAM,GAAG,CAAT,GAAaA,MAAM,GAAG,CAAtB,GAA0BA,MAAM,GAAG,CAA7D,EAAgED,CAAhE;MACD,CAFD,MAEO;QACL,KAAKQ,QAAL,CAAcS,gBAAd,CAA+B0B,QAA/B,EAAyC3C,CAAzC;QACA6C,UAAU,CAAC,YAAM;UAAA;;UACf,+BAAI,CAAClC,kBAAL,CAAwBC,OAAxB,gFAAiCkC,KAAjC;QACD,CAFS,EAEP,CAFO,CAAV;MAGD;IACF;;;WAED,8BAAqB;MACnB,IAAQrC,OAAR,GAAoB,KAAKO,OAAzB,CAAQP,OAAR;;MAEA,IAAI,CAACA,OAAL,EAAc;QACZ,KAAKD,QAAL,CAAcS,gBAAd,CAA+B,IAA/B;MACD;IACF;;;WAED,kBAAS;MAAA;MACP,IAAQ8B,QAAR,GAAqB,KAAK/B,OAA1B,CAAQ+B,QAAR;MACA,IAAMhB,KAAK,GAAG,EAAd;MAEA,KAAKG,SAAL,GAAiB,EAAjB;MAEA,oBACE,oBAAchD,QAAd,iCAA4B6C,KAA5B,uBACE,oBAAC,QAAD,OADF,CADF;IAKD;;;;EApL4BhD,S;;gBAAzBc,gB,iBACiB,c;;gBADjBA,gB,WAEWmD,K;;gBAFXnD,gB,aAGa,CAACN,mBAAmB,EAApB,EAAwBC,WAAW,CAACC,iBAAD,CAAnC,C;;gBAHbI,gB,kBAKkB;EACpBwB,IAAI,EAAE,GADc;EAEpB4B,cAAc,EAAE,KAFI;EAGpBC,uBAAuB,EAAE,IAHL;EAIpBC,IAAI,EAAE1D,iBAJc;EAKpB2D,MAAM,EAAE;AALY,C;;AAkLxB,SAASC,IAAT,CAActB,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMuB,iBAAiB,GAIXhE,mBAJZ;EAEA,eAAON,OAAO,CAAC+C,KAAK,CAACwB,MAAP,CAAd,eACE,oBAAC,iBAAD;IAAA,QAEO,MAFP;IAAA,yBAGyBxB,KAAK,CAACF,KAH/B;IAAA,UAIU,IAJV;IAAA,UAKUnC;EALV,YADF;AASD;;AAED,SAAS8D,IAAT,GAAgB;EAAA;EACd,oBACE,oBAAC,YAAD,CAAc,MAAd,qBACE,oBAAcC,YAAY,CAACJ,IAA3B,2BADF,CADF;AAKD;;AAED,SAASK,IAAT,CAAc3B,KAAd,EAAqB;EACnB,eAAqD1C,OAAO,CAAC0C,KAAD,EAAQA,KAAK,CAAC4B,UAAd,CAA5D;EAAA;EAAA,IAAOC,iBAAP;EAAA;EAAA,IAA4BC,SAA5B,cAA4BA,SAA5B;EAAA,IAA0CC,KAA1C;;EACA,IAAMP,MAAM,GAAGvE,OAAO,CAAC+C,KAAK,CAACwB,MAAP,CAAtB;EACA,oBACE,oBAAC,iBAAD;IACE,IAAI,EAAC,UADP;IAEE,QAAQ,EAAE,CAAC,CAFb;IAGE,EAAE,EAAExB,KAAK,CAACgC,KAHZ;IAIE,SAAS,EACPlF,EAAE,CACA0E,MAAM,CAAC1E,EAAP,CAAU,mBAAV,kCACKkD,KADL;MAEEC,WAAW,EAAE,CAACD,KAAK,CAACa,QAAP,IAAmBb,KAAK,CAACC;IAFxC,IAGG6B,SAJH,EAKAA,SALA,CAAF,IAMKnC;EAXT,GAaMoC,KAbN,EADF;AAiBD;;AAED,SAASE,KAAT,CAAejC,KAAf,EAAsB;EACpB,cAA0D3C,MAAM,CAAC2C,KAAD,EAAQA,KAAK,CAAC4B,UAAd,CAAhE;EAAA;EAAA,IAAOM,sBAAP;EAAA;EAAA,IAAiCJ,SAAjC,aAAiCA,SAAjC;EAAA,IAA+CC,KAA/C;;EACA,IAAMP,MAAM,GAAGvE,OAAO,CAAC+C,KAAK,CAACwB,MAAP,CAAtB;EACA,oBACE,oBAAC,sBAAD;IACE,SAAS,EAAE1E,EAAE,CAAC0E,MAAM,CAAC1E,EAAP,CAAU,wBAAV,EAAoCkD,KAApC,EAA2C8B,SAA5C,EAAuDA,SAAvD,CAAF,IAAuEnC;EADpF,GAEMoC,KAFN,EADF;AAMD;;AAED,SAASI,IAAT,CAAcnC,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAM6B,iBAAiB,GAEMzE,IAF7B;EACA,eAAOH,OAAO,CAAC+C,KAAK,CAACwB,MAAP,CAAd,eACE,oBAAC,iBAAD;IAAA,WAAyC,MAAzC;IAAA,QAAqD,UAArD;IAAA,YAA0E;EAA1E,YADF;AAGD;;AAED,SAASY,KAAT,CAAepC,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAM6B,iBAAiB,GAEMzE,IAF7B;EACA,eAAOH,OAAO,CAAC+C,KAAK,CAACwB,MAAP,CAAd,eACE,oBAAC,iBAAD;IAAA,WAAyC,OAAzC;IAAA,QAAsD,UAAtD;IAAA,YAA2E;EAA3E,YADF;AAGD;;AAED,SAASa,OAAT,GAAmB;EAAA;EACjB,oBAAO,oBAAclF,QAAQ,CAACkF,OAAvB;IAAA,iBAA8C;EAA9C,UAAP;AACD;;AAED,IAAMX,YAAY,GAAG3E,eAAe,CAClCe,gBADkC,EAElC;EACEuE,OAAO,EAAPA,OADF;EAEEC,MAAM,EAAEnF,QAAQ,CAACmF,MAFnB;EAGEhB,IAAI,EAAJA,IAHF;EAIEG,IAAI,EAAJA,IAJF;EAKEE,IAAI,EAAE,CAACA,IAAD,EAAO;IAAEM,KAAK,EAALA;EAAF,CAAP,CALR;EAMEM,SAAS,EAAEH,KANb;EAOEI,QAAQ,EAAEL;AAPZ,CAFkC,EAWlC;EACEM,MAAM,EAAE,CAACtF,QAAD;AADV,CAXkC,CAApC;AAgBA,eAAeuE,YAAf"}

package/lib/es6/styleScrollArea.js CHANGED Viewed

@@ -11,16 +11,16 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1mszb_gg_:after,.___SShadowHorizontal_1mszb_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1mszb_gg_._position_median_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1mszb_gg_._position_median_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1mszb_gg_._position_start_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1mszb_gg_._position_end_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_:after,.___SShadowVertical_1mszb_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1mszb_gg_._position_median_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_._position_median_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_._position_start_1mszb_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1mszb_gg_._position_end_1mszb_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}"
+".___SShadowHorizontal_je6r0_gg_:after,.___SShadowHorizontal_je6r0_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_je6r0_gg_._position_median_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_je6r0_gg_._position_median_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_je6r0_gg_._position_start_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_je6r0_gg_._position_end_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_:after,.___SShadowVertical_je6r0_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_je6r0_gg_._position_median_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_._position_median_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_._position_start_je6r0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_je6r0_gg_._position_end_je6r0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}"
 /*__inner_css_end__*/
-, "1mszb_gg_")
+, "je6r0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1mszb_gg_",
-  "_position_median": "_position_median_1mszb_gg_",
-  "_position_start": "_position_start_1mszb_gg_",
-  "_position_end": "_position_end_1mszb_gg_",
-  "__SShadowVertical": "___SShadowVertical_1mszb_gg_"
+  "__SShadowHorizontal": "___SShadowHorizontal_je6r0_gg_",
+  "_position_median": "_position_median_je6r0_gg_",
+  "_position_start": "_position_start_je6r0_gg_",
+  "_position_end": "_position_end_je6r0_gg_",
+  "__SShadowVertical": "___SShadowVertical_je6r0_gg_"
 });
 export default scrollStyles;
 //# sourceMappingURL=styleScrollArea.js.map

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "3.6.11",
+  "version": "3.6.13",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",