intergalactic 15.106.0-prerelease.0 → 15.107.0-prerelease.0

package/dropdown/lib/es6/Dropdown.js

@@ -22,11 +22,10 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_14b3o_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "14b3o_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_14b3o_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_1r0rx_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1r0rx_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_1r0rx_gg_"
 });
 import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
-import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
 var Dropdown = /*#__PURE__*/function (_Component) {
   _inherits(Dropdown, _Component);
@@ -103,7 +102,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         'aria-controls': visible ? "igc-".concat(uid, "-popper") : undefined,
         focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
         'aria-expanded': visible ? 'true' : 'false',
-        onKeyDown: this.handlerTriggerKeyDown
+        onKeyDown: this.handlerTriggerKeyDown,
+        'aria-haspopup': 'dialog'
       };
     }
   }, {

package/dropdown/lib/es6/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","createComponent","Root","Component","sstyled","Popper","isInputTriggerTag","capitalizeFirstLetter","uniqueIDEnhancement","i18nEnhance","localizedMessages","style","_sstyled","insert","hasFocusableIn","keyboardFocusEnhance","INTERACTION_TAGS","Dropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","name","enabled","phase","fn","_ref5","state","options","_state$placement$spli","placement","split","_state$placement$spli2","_slicedToArray","position","isVertical","indexOf","len","referenceLen","elements","reference","stretch","rects","popper","width","Math","max","e","_this$asProps","asProps","visible","interaction","element","popperRef","current","key","preventDefault","includes","target","tagName","handlers","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps2","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","handlerTriggerKeyDown","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","role","ref","focusMaster","autoFocus","render","_this$asProps4","Children","forwardRef","_this$asProps4$modifi","modifiers","other","_objectWithoutProperties","_excluded","createElement","_extends","_toConsumableArray","defaultModifiers","_typeof","offset","defaultVisible","i18n","locale","DropdownTrigger","_ref6","_ref","arguments[0]","_ref3","styles","Tag","tag","hasInputTrigger","SDropdownTrigger","Trigger","cn","_objectSpread","_assignProps","DropdownPopper","_ref7","_ref2","_ref4","SDropdownPopper","_assignProps2","parent"],"sources":["../../src/Dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper, { isInputTriggerTag } from '@semcore/popper';\nimport capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/dropdown.shadow.css';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass Dropdown extends Component {\n  static displayName = 'Dropdown';\n  static style = style;\n  static defaultProps = {\n    // timeout: [100, 50],\n    placement: 'bottom-start',\n    offset: [0, 4],\n    stretch: 'min',\n    defaultVisible: false,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  popperRef = React.createRef();\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  defaultModifiers = [\n    {\n      name: 'flip',\n      enabled: false,\n    },\n    {\n      name: 'stretch',\n      phase: 'beforeRead',\n      enabled: true,\n      fn: function ({ state, options }) {\n        const [position] = state.placement.split('-');\n\n        const isVertical = ['left', 'right'].indexOf(position) !== -1;\n        const len = isVertical ? 'height' : 'width';\n        const referenceLen = state.elements.reference[`offset${capitalizeFirstLetter(len)}`];\n\n        if (options.stretch === 'min') {\n          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);\n          state.elements.popper.style[`min${capitalizeFirstLetter(len)}`] = `${referenceLen}px`;\n        }\n\n        if (options.stretch === 'fixed') {\n          state.rects.popper.width = referenceLen;\n          state.elements.popper.style[len] = `${referenceLen}px`;\n        }\n      },\n    },\n  ];\n\n  handlerTriggerKeyDown = (e) => {\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      interaction === 'click' &&\n      visible &&\n      e.key === 'Tab' &&\n      element &&\n      !hasFocusableIn(element)\n    ) {\n      e.preventDefault();\n\n      return;\n    }\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n\n    if (['Enter', ' '].includes(e.key) && interaction !== 'none') {\n      e.preventDefault();\n      this.handlers.visible(true);\n    }\n  };\n\n  getTriggerProps() {\n    const { uid, visible, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      id: `igc-${uid}-trigger`,\n      'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      onKeyDown: this.handlerTriggerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction } = this.asProps;\n\n    return {\n      id: `igc-${uid}-popper`,\n      tabIndex: 0,\n      role: 'dialog',\n      disablePortal,\n      ignorePortalsStacking,\n      ref: this.popperRef,\n      focusMaster: interaction === 'click',\n      autoFocus: 'enforced',\n    };\n  }\n\n  render() {\n    const { Children, forwardRef, modifiers = [], stretch, ...other } = this.asProps;\n\n    return (\n      <Popper\n        ref={forwardRef}\n        modifiers={[\n          ...this.defaultModifiers,\n          {\n            name: 'stretch',\n            options: typeof stretch === 'object' ? stretch : { stretch },\n          },\n          ...modifiers,\n        ]}\n        {...other}\n      >\n        <Children />\n      </Popper>\n    );\n  }\n}\n\nfunction DropdownTrigger({ styles, tag: Tag }) {\n  const hasInputTrigger = isInputTriggerTag(Tag);\n  const SDropdownTrigger = Root;\n\n  return sstyled(styles)(\n    <SDropdownTrigger render={Popper.Trigger} role={hasInputTrigger ? 'combobox' : 'button'} />,\n  );\n}\n\nfunction DropdownPopper({ styles }) {\n  const SDropdownPopper = Root;\n  return sstyled(styles)(<SDropdownPopper render={Popper.Popper} />);\n}\n\nexport default createComponent(\n  Dropdown,\n  {\n    Trigger: DropdownTrigger,\n    Popper: DropdownPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["React","createComponent","Root","Component","sstyled","Popper","isInputTriggerTag","capitalizeFirstLetter","uniqueIDEnhancement","i18nEnhance","localizedMessages","style","_sstyled","insert","hasFocusableIn","INTERACTION_TAGS","Dropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","name","enabled","phase","fn","_ref5","state","options","_state$placement$spli","placement","split","_state$placement$spli2","_slicedToArray","position","isVertical","indexOf","len","referenceLen","elements","reference","stretch","rects","popper","width","Math","max","e","_this$asProps","asProps","visible","interaction","element","popperRef","current","key","preventDefault","includes","target","tagName","handlers","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps2","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","handlerTriggerKeyDown","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","role","ref","focusMaster","autoFocus","render","_this$asProps4","Children","forwardRef","_this$asProps4$modifi","modifiers","other","_objectWithoutProperties","_excluded","createElement","_extends","_toConsumableArray","defaultModifiers","_typeof","offset","defaultVisible","i18n","locale","DropdownTrigger","_ref6","_ref","arguments[0]","_ref3","styles","Tag","tag","hasInputTrigger","SDropdownTrigger","Trigger","cn","_objectSpread","_assignProps","DropdownPopper","_ref7","_ref2","_ref4","SDropdownPopper","_assignProps2","parent"],"sources":["../../src/Dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper, { isInputTriggerTag } from '@semcore/popper';\nimport capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/dropdown.shadow.css';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass Dropdown extends Component {\n  static displayName = 'Dropdown';\n  static style = style;\n  static defaultProps = {\n    // timeout: [100, 50],\n    placement: 'bottom-start',\n    offset: [0, 4],\n    stretch: 'min',\n    defaultVisible: false,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  popperRef = React.createRef();\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  defaultModifiers = [\n    {\n      name: 'flip',\n      enabled: false,\n    },\n    {\n      name: 'stretch',\n      phase: 'beforeRead',\n      enabled: true,\n      fn: function ({ state, options }) {\n        const [position] = state.placement.split('-');\n\n        const isVertical = ['left', 'right'].indexOf(position) !== -1;\n        const len = isVertical ? 'height' : 'width';\n        const referenceLen = state.elements.reference[`offset${capitalizeFirstLetter(len)}`];\n\n        if (options.stretch === 'min') {\n          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);\n          state.elements.popper.style[`min${capitalizeFirstLetter(len)}`] = `${referenceLen}px`;\n        }\n\n        if (options.stretch === 'fixed') {\n          state.rects.popper.width = referenceLen;\n          state.elements.popper.style[len] = `${referenceLen}px`;\n        }\n      },\n    },\n  ];\n\n  handlerTriggerKeyDown = (e) => {\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      interaction === 'click' &&\n      visible &&\n      e.key === 'Tab' &&\n      element &&\n      !hasFocusableIn(element)\n    ) {\n      e.preventDefault();\n\n      return;\n    }\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n\n    if (['Enter', ' '].includes(e.key) && interaction !== 'none') {\n      e.preventDefault();\n      this.handlers.visible(true);\n    }\n  };\n\n  getTriggerProps() {\n    const { uid, visible, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      id: `igc-${uid}-trigger`,\n      'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      onKeyDown: this.handlerTriggerKeyDown,\n      'aria-haspopup': 'dialog',\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction } = this.asProps;\n\n    return {\n      id: `igc-${uid}-popper`,\n      tabIndex: 0,\n      role: 'dialog',\n      disablePortal,\n      ignorePortalsStacking,\n      ref: this.popperRef,\n      focusMaster: interaction === 'click',\n      autoFocus: 'enforced',\n    };\n  }\n\n  render() {\n    const { Children, forwardRef, modifiers = [], stretch, ...other } = this.asProps;\n\n    return (\n      <Popper\n        ref={forwardRef}\n        modifiers={[\n          ...this.defaultModifiers,\n          {\n            name: 'stretch',\n            options: typeof stretch === 'object' ? stretch : { stretch },\n          },\n          ...modifiers,\n        ]}\n        {...other}\n      >\n        <Children />\n      </Popper>\n    );\n  }\n}\n\nfunction DropdownTrigger({ styles, tag: Tag }) {\n  const hasInputTrigger = isInputTriggerTag(Tag);\n  const SDropdownTrigger = Root;\n\n  return sstyled(styles)(\n    <SDropdownTrigger render={Popper.Trigger} role={hasInputTrigger ? 'combobox' : 'button'} />,\n  );\n}\n\nfunction DropdownPopper({ styles }) {\n  const SDropdownPopper = Root;\n  return sstyled(styles)(<SDropdownPopper render={Popper.Popper} />);\n}\n\nexport default createComponent(\n  Dropdown,\n  {\n    Trigger: DropdownTrigger,\n    Popper: DropdownPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,MAAM,IAAIC,iBAAiB,QAAQ,iBAAiB;AAC3D,OAAOC,qBAAqB,MAAM,0CAA0C;AAC5E,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAGnF,SAASC,cAAc,QAAQ,qCAAqC;AAEpE,IAAMC,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;AAAC,IAEzCC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,QAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,6BAeArB,KAAK,CAACkC,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,uBAQV,CACjB;MACEc,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE;IACX,CAAC,EACD;MACED,IAAI,EAAE,SAAS;MACfE,KAAK,EAAE,YAAY;MACnBD,OAAO,EAAE,IAAI;MACbE,EAAE,EAAE,SAAAA,GAAAC,KAAA,EAA8B;QAAA,IAAlBC,KAAK,GAAAD,KAAA,CAALC,KAAK;UAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;QAC5B,IAAAC,qBAAA,GAAmBF,KAAK,CAACG,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC;UAAAC,sBAAA,GAAAC,cAAA,CAAAJ,qBAAA;UAAtCK,QAAQ,GAAAF,sBAAA;QAEf,IAAMG,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAACC,OAAO,CAACF,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAMG,GAAG,GAAGF,UAAU,GAAG,QAAQ,GAAG,OAAO;QAC3C,IAAMG,YAAY,GAAGX,KAAK,CAACY,QAAQ,CAACC,SAAS,UAAAtB,MAAA,CAAUxB,qBAAqB,CAAC2C,GAAG,CAAC,EAAG;QAEpF,IAAIT,OAAO,CAACa,OAAO,KAAK,KAAK,EAAE;UAC7Bd,KAAK,CAACe,KAAK,CAACC,MAAM,CAACC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACnB,KAAK,CAACe,KAAK,CAACC,MAAM,CAACC,KAAK,EAAEN,YAAY,CAAC;UAC3EX,KAAK,CAACY,QAAQ,CAACI,MAAM,CAAC7C,KAAK,OAAAoB,MAAA,CAAOxB,qBAAqB,CAAC2C,GAAG,CAAC,EAAG,MAAAnB,MAAA,CAAMoB,YAAY,OAAI;QACvF;QAEA,IAAIV,OAAO,CAACa,OAAO,KAAK,OAAO,EAAE;UAC/Bd,KAAK,CAACe,KAAK,CAACC,MAAM,CAACC,KAAK,GAAGN,YAAY;UACvCX,KAAK,CAACY,QAAQ,CAACI,MAAM,CAAC7C,KAAK,CAACuC,GAAG,CAAC,MAAAnB,MAAA,CAAMoB,YAAY,OAAI;QACxD;MACF;IACF,CAAC,CACF;IAAAnB,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BAEuB,UAACuC,CAAC,EAAK;MAC7B,IAAAC,aAAA,GAAiCxC,KAAA,CAAKyC,OAAO;QAArCC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;MAC5B,IAAMC,OAAO,GAAG5C,KAAA,CAAK6C,SAAS,CAACC,OAAO;MAEtC,IACEH,WAAW,KAAK,OAAO,IACvBD,OAAO,IACPH,CAAC,CAACQ,GAAG,KAAK,KAAK,IACfH,OAAO,IACP,CAACnD,cAAc,CAACmD,OAAO,CAAC,EACxB;QACAL,CAAC,CAACS,cAAc,EAAE;QAElB;MACF;MAEA,IAAIT,CAAC,CAACQ,GAAG,KAAK,GAAG,IAAIrD,gBAAgB,CAACuD,QAAQ,CAACV,CAAC,CAACW,MAAM,CAACC,OAAO,CAAC,EAAE;MAClE,IAAIZ,CAAC,CAACQ,GAAG,KAAK,OAAO,IAAIR,CAAC,CAACW,MAAM,CAACC,OAAO,KAAK,UAAU,EAAE;MAE1D,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAACF,QAAQ,CAACV,CAAC,CAACQ,GAAG,CAAC,IAAIJ,WAAW,KAAK,MAAM,EAAE;QAC5DJ,CAAC,CAACS,cAAc,EAAE;QAClBhD,KAAA,CAAKoD,QAAQ,CAACV,OAAO,CAAC,IAAI,CAAC;MAC7B;IACF,CAAC;IAAA,OAAA1C,KAAA;EAAA;EAAAqD,YAAA,CAAA1D,QAAA;IAAAoD,GAAA;IAAAO,KAAA,EA1DD,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLb,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAK,GAAA;IAAAO,KAAA,EAwDD,SAAAE,gBAAA,EAAkB;MAChB,IAAAC,cAAA,GAAqD,IAAI,CAAChB,OAAO;QAAzDiB,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEhB,OAAO,GAAAe,cAAA,CAAPf,OAAO;QAAEiB,aAAa,GAAAF,cAAA,CAAbE,aAAa;QAAEC,WAAW,GAAAH,cAAA,CAAXG,WAAW;MAEhD,OAAO;QACLC,EAAE,SAAAnD,MAAA,CAASgD,GAAG,aAAU;QACxB,eAAe,EAAEhB,OAAO,UAAAhC,MAAA,CAAUgD,GAAG,eAAYI,SAAS;QAC1DC,SAAS,EAAErB,OAAO,IAAI,CAACiB,aAAa,GAAGC,WAAW,CAAC,aAAa,CAAC,GAAGE,SAAS;QAC7E,eAAe,EAAEpB,OAAO,GAAG,MAAM,GAAG,OAAO;QAC3CsB,SAAS,EAAE,IAAI,CAACC,qBAAqB;QACrC,eAAe,EAAE;MACnB,CAAC;IACH;EAAC;IAAAlB,GAAA;IAAAO,KAAA,EAED,SAAAY,eAAA,EAAiB;MACf,IAAAC,cAAA,GAAmE,IAAI,CAAC1B,OAAO;QAAvEiB,GAAG,GAAAS,cAAA,CAAHT,GAAG;QAAEC,aAAa,GAAAQ,cAAA,CAAbR,aAAa;QAAES,qBAAqB,GAAAD,cAAA,CAArBC,qBAAqB;QAAEzB,WAAW,GAAAwB,cAAA,CAAXxB,WAAW;MAE9D,OAAO;QACLkB,EAAE,SAAAnD,MAAA,CAASgD,GAAG,YAAS;QACvBW,QAAQ,EAAE,CAAC;QACXC,IAAI,EAAE,QAAQ;QACdX,aAAa,EAAbA,aAAa;QACbS,qBAAqB,EAArBA,qBAAqB;QACrBG,GAAG,EAAE,IAAI,CAAC1B,SAAS;QACnB2B,WAAW,EAAE7B,WAAW,KAAK,OAAO;QACpC8B,SAAS,EAAE;MACb,CAAC;IACH;EAAC;IAAA1B,GAAA;IAAAO,KAAA,EAED,SAAAoB,OAAA,EAAS;MACP,IAAAC,cAAA,GAAoE,IAAI,CAAClC,OAAO;QAAxEmC,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,UAAU,GAAAF,cAAA,CAAVE,UAAU;QAAAC,qBAAA,GAAAH,cAAA,CAAEI,SAAS;QAATA,SAAS,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;QAAE7C,OAAO,GAAA0C,cAAA,CAAP1C,OAAO;QAAK+C,KAAK,GAAAC,wBAAA,CAAAN,cAAA,EAAAO,SAAA;MAE/D,oBACEvG,KAAA,CAAAwG,aAAA,CAACnG,MAAM,EAAAoG,QAAA;QACLb,GAAG,EAAEM,UAAW;QAChBE,SAAS,KAAArE,MAAA,CAAA2E,kBAAA,CACJ,IAAI,CAACC,gBAAgB,IACxB;UACExE,IAAI,EAAE,SAAS;UACfM,OAAO,EAAEmE,OAAA,CAAOtD,OAAO,MAAK,QAAQ,GAAGA,OAAO,GAAG;YAAEA,OAAO,EAAPA;UAAQ;QAC7D,CAAC,GAAAoD,kBAAA,CACEN,SAAS;MACZ,GACEC,KAAK,gBAETrG,KAAA,CAAAwG,aAAA,CAACP,QAAQ,OAAG,CACL;IAEb;EAAC;EAAA,OAAAjF,QAAA;AAAA,EA5HoBb,SAAS;AAAA6B,eAAA,CAA1BhB,QAAQ,iBACS,UAAU;AAAAgB,eAAA,CAD3BhB,QAAQ,WAEGL,KAAK;AAAAqB,eAAA,CAFhBhB,QAAQ,kBAGU;EACpB;EACA2B,SAAS,EAAE,cAAc;EACzBkE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdvD,OAAO,EAAE,KAAK;EACdwD,cAAc,EAAE,KAAK;EACrBC,IAAI,EAAErG,iBAAiB;EACvBsG,MAAM,EAAE,IAAI;EACZhD,WAAW,EAAE;AACf,CAAC;AAAAhC,eAAA,CAZGhB,QAAQ,aAaK,CAACR,mBAAmB,EAAE,EAAEC,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAkH1E,SAASuG,eAAeA,CAAAC,KAAA,EAAuB;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAApBC,MAAM,GAAAJ,KAAA,CAANI,MAAM;IAAOC,GAAG,GAAAL,KAAA,CAARM,GAAG;EACpC,IAAMC,eAAe,GAAGnH,iBAAiB,CAACiH,GAAG,CAAC;EAC9C,IAAMG,gBAAgB,GAGMrH,MAAM,CAACsH,OAAO;EAD1C,OAAAN,KAAA,GAAOjH,OAAO,CAACkH,MAAM,CAAC,eACpBtH,KAAA,CAAAwG,aAAA,CAACkB,gBAAgB,EAAAL,KAAA,CAAAO,EAAA,qBAAAC,aAAA,KAAAC,YAAA;IAAA,QAA+BL,eAAe,GAAG,UAAU,GAAG;EAAQ,GAAAN,IAAA,IAAI;AAE/F;AAEA,SAASY,cAAcA,CAAAC,KAAA,EAAa;EAAA,IAAAC,KAAA,GAAAb,YAAA;IAAAc,KAAA;EAAA,IAAVZ,MAAM,GAAAU,KAAA,CAANV,MAAM;EAC9B,IAAMa,eAAe,GAC2B9H,MAAM,CAACA,MAAM;EAA7D,OAAA6H,KAAA,GAAO9H,OAAO,CAACkH,MAAM,CAAC,eAACtH,KAAA,CAAAwG,aAAA,CAAC2B,eAAe,EAAAD,KAAA,CAAAN,EAAA,oBAAAC,aAAA,KAAAO,aAAA,KAAAH,KAAA,IAA0B;AACnE;AAEA,eAAehI,eAAe,CAC5Be,QAAQ,EACR;EACE2G,OAAO,EAAEV,eAAe;EACxB5G,MAAM,EAAE0H;AACV,CAAC,EACD;EACEM,MAAM,EAAEhI;AACV,CAAC,CACF"}

package/dropdown/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.36.3-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.31.2","@semcore/popper":"5.39.4-prerelease.0","@semcore/utils":"4.32.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.36.4-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.32.0-prerelease.0","@semcore/popper":"5.39.5-prerelease.0","@semcore/utils":"4.35.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.30.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/dropdown-menu/index.d.ts

@@ -5,7 +5,7 @@ import Dropdown, {
   DropdownHandlers,
   DropdownTriggerProps,
 } from 'intergalactic/dropdown';
-import { Box, BoxProps, FlexProps } from 'intergalactic/flex-box';
+import { Box, BoxProps, FlexProps, Flex } from 'intergalactic/flex-box';
 import { ScrollAreaProps } from 'intergalactic/scroll-area';
 
 export type DropdownMenuSize = 'm' | 'l';
@@ -32,6 +32,10 @@ export type DropdownMenuProps = DropdownProps & {
    */
   onHighlightedIndexChange?: (highlightedIndex: number | null) => void;
   locale?: string;
+  /**
+   * Flag for menu that using as actions on DropdownMenu.Item
+   */
+  inlineActions?: boolean;
 };
 
 /** @deprecated */
@@ -116,6 +120,13 @@ export type DropdownMenuHandlers = DropdownHandlers & {
 
 export type DropdownMenuTriggerProps = DropdownTriggerProps;
 
+export type DropdownMenuGroupProps = BoxProps & {
+  /** Title for group of dropdown menu items */
+  title: React.ReactNode;
+  /** Subtitle for group of dropdown menu items */
+  subTitle?: string;
+};
+
 declare const DropdownMenu: Intergalactic.Component<
   'div',
   DropdownMenuProps,
@@ -130,6 +141,12 @@ declare const DropdownMenu: Intergalactic.Component<
     DropdownMenuContext,
     [handlers: DropdownMenuHandlers]
   >;
+  Actions: Intergalactic.Component<
+    typeof Flex,
+    DropdownMenuListProps,
+    DropdownMenuContext,
+    [handlers: DropdownMenuHandlers]
+  >;
   Menu: Intergalactic.Component<
     'div',
     DropdownMenuMenuProps,
@@ -143,19 +160,44 @@ declare const DropdownMenu: Intergalactic.Component<
     [handlers: DropdownMenuHandlers]
   > & {
     Addon: typeof Box;
+    Content: typeof Flex;
+    Hint: typeof Flex;
   };
+  /**
+   * @deprecated Use Group with title prop
+   */
   ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;
+  /**
+   * @deprecated Use prop subTitle on Group or Item component
+   */
   ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;
+  Group: Intergalactic.Component<'div', DropdownMenuGroupProps>;
+  /**
+   * @deprecated Use Item instead of Nesting
+   */
   Nesting: Intergalactic.Component<
     'div',
     DropdownMenuItemProps,
     DropdownMenuContext,
     [handlers: DropdownMenuHandlers]
   > & {
+    /**
+     * @deprecated Use Item instead of Nesting
+     */
     Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;
+    /**
+     * @deprecated Use Item instead of Nesting
+     */
     Item: Intergalactic.Component<'div', DropdownMenuItemProps>;
+    /**
+     * @deprecated Use Item instead of Nesting
+     */
     Addon: typeof Box;
   };
+
+  selectedIndexContext: React.Context<number>;
 };
 
 export default DropdownMenu;
+
+export { DropdownMenu as DropdownMenuOld };