intergalactic 15.58.1 → 15.59.0-prerelease-8438cd01

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 (104) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/carousel/lib/cjs/Carousel.js +2 -2
  3. package/carousel/lib/cjs/Carousel.js.map +1 -1
  4. package/carousel/lib/es6/Carousel.js +2 -2
  5. package/carousel/lib/es6/Carousel.js.map +1 -1
  6. package/color-picker/lib/cjs/ColorPicker.js +2 -1
  7. package/color-picker/lib/cjs/ColorPicker.js.map +1 -1
  8. package/color-picker/lib/es6/ColorPicker.js +2 -1
  9. package/color-picker/lib/es6/ColorPicker.js.map +1 -1
  10. package/d3-chart/lib/cjs/Area.js +11 -11
  11. package/d3-chart/lib/cjs/Axis.js +14 -14
  12. package/d3-chart/lib/cjs/Bar.js +10 -10
  13. package/d3-chart/lib/cjs/Bubble.js +12 -12
  14. package/d3-chart/lib/cjs/Donut.js +9 -9
  15. package/d3-chart/lib/cjs/Dots.js +8 -8
  16. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  17. package/d3-chart/lib/cjs/Hover.js +3 -3
  18. package/d3-chart/lib/cjs/Line.js +9 -9
  19. package/d3-chart/lib/cjs/Plot.js +3 -3
  20. package/d3-chart/lib/cjs/Radar.js +19 -19
  21. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  22. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  23. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  24. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  25. package/d3-chart/lib/cjs/Venn.js +9 -9
  26. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  27. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +6 -4
  28. package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map +1 -1
  29. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  30. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  31. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  32. package/d3-chart/lib/es6/Area.js +11 -11
  33. package/d3-chart/lib/es6/Axis.js +14 -14
  34. package/d3-chart/lib/es6/Bar.js +10 -10
  35. package/d3-chart/lib/es6/Bubble.js +12 -12
  36. package/d3-chart/lib/es6/Donut.js +9 -9
  37. package/d3-chart/lib/es6/Dots.js +8 -8
  38. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  39. package/d3-chart/lib/es6/Hover.js +3 -3
  40. package/d3-chart/lib/es6/Line.js +9 -9
  41. package/d3-chart/lib/es6/Plot.js +3 -3
  42. package/d3-chart/lib/es6/Radar.js +19 -19
  43. package/d3-chart/lib/es6/RadialTree.js +11 -11
  44. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  45. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  46. package/d3-chart/lib/es6/Tooltip.js +9 -9
  47. package/d3-chart/lib/es6/Venn.js +9 -9
  48. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  49. package/d3-chart/lib/es6/a11y/PlotA11yView.js +6 -4
  50. package/d3-chart/lib/es6/a11y/PlotA11yView.js.map +1 -1
  51. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  52. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  53. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  54. package/data-table/lib/cjs/Head.js +2 -1
  55. package/data-table/lib/cjs/Head.js.map +1 -1
  56. package/data-table/lib/es6/Head.js +2 -1
  57. package/data-table/lib/es6/Head.js.map +1 -1
  58. package/icon/lib/cjs/Icon.js +3 -3
  59. package/icon/lib/cjs/Icon.js.map +1 -1
  60. package/icon/lib/es6/Icon.js +3 -3
  61. package/icon/lib/es6/Icon.js.map +1 -1
  62. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  63. package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
  64. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  65. package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
  66. package/inline-input/lib/cjs/InlineInput.js +4 -4
  67. package/inline-input/lib/cjs/InlineInput.js.map +1 -1
  68. package/inline-input/lib/es6/InlineInput.js +4 -4
  69. package/inline-input/lib/es6/InlineInput.js.map +1 -1
  70. package/input-tags/lib/cjs/InputTags.js +3 -3
  71. package/input-tags/lib/cjs/InputTags.js.map +1 -1
  72. package/input-tags/lib/es6/InputTags.js +3 -3
  73. package/input-tags/lib/es6/InputTags.js.map +1 -1
  74. package/package.json +1 -1
  75. package/pills/lib/cjs/Pills.js +2 -1
  76. package/pills/lib/cjs/Pills.js.map +1 -1
  77. package/pills/lib/es6/Pills.js +2 -1
  78. package/pills/lib/es6/Pills.js.map +1 -1
  79. package/switch/lib/cjs/Switch.js +5 -2
  80. package/switch/lib/cjs/Switch.js.map +1 -1
  81. package/switch/lib/es6/Switch.js +5 -2
  82. package/switch/lib/es6/Switch.js.map +1 -1
  83. package/tab-panel/lib/cjs/TabPanel.js +2 -1
  84. package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
  85. package/tab-panel/lib/es6/TabPanel.js +2 -1
  86. package/tab-panel/lib/es6/TabPanel.js.map +1 -1
  87. package/tag/lib/cjs/Tag.js +4 -3
  88. package/tag/lib/cjs/Tag.js.map +1 -1
  89. package/tag/lib/es6/Tag.js +4 -3
  90. package/tag/lib/es6/Tag.js.map +1 -1
  91. package/tooltip/index.d.ts +4 -1
  92. package/tooltip/lib/cjs/Tooltip.js +14 -9
  93. package/tooltip/lib/cjs/Tooltip.js.map +1 -1
  94. package/tooltip/lib/cjs/index.d.js.map +1 -1
  95. package/tooltip/lib/cjs/style/tooltip.shadow.css +4 -0
  96. package/tooltip/lib/es6/Tooltip.js +14 -9
  97. package/tooltip/lib/es6/Tooltip.js.map +1 -1
  98. package/tooltip/lib/es6/index.d.js.map +1 -1
  99. package/tooltip/lib/es6/style/tooltip.shadow.css +4 -0
  100. package/tooltip/lib/types/index.d.ts +4 -1
  101. package/wizard/lib/cjs/Wizard.js +2 -1
  102. package/wizard/lib/cjs/Wizard.js.map +1 -1
  103. package/wizard/lib/es6/Wizard.js +2 -1
  104. package/wizard/lib/es6/Wizard.js.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","style","_sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","key","_createClass","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","styles","createElement","cn","_objectSpread","_assignProps","defaultValue","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","_assignProps2","TabPanel","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4","wrapTabPanel","wrapper"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n onNeighborChange: (neighborElement, props) => {\n if (neighborElement) {\n neighborElement.focus();\n if (props.behavior === 'auto') {\n neighborElement.click();\n }\n }\n },\n childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n static displayName = 'TabPanel';\n static style = style;\n static defaultProps = {\n defaultValue: null,\n behavior: 'manual',\n };\n static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClick = (value) => (event) => {\n this.handlers.value(value, event);\n };\n\n handleKeyDown = (value) => (event) => {\n if (event.key === 'Enter' || event.key === 'Space') {\n this.handlers.value(value, event);\n }\n };\n\n getItemProps(props, index) {\n const { value } = this.asProps;\n const isSelected = value === props.value;\n return {\n selected: isSelected,\n onClick: this.handleClick(props.value),\n onKeyDown: this.handleKeyDown(props.value),\n tabIndex: isSelected ? 0 : -1,\n 'aria-posinset': index + 1,\n 'aria-selected': isSelected,\n };\n }\n\n render() {\n const STabPanel = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n }\n}\n\nfunction TabPanelItem(props) {\n const STabPanelItem = Root;\n const { Children, styles, addonLeft, addonRight } = props;\n\n return sstyled(styles)(\n <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n </STabPanelItem>,\n );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}
1
+ {"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","style","_sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","code","preventDefault","_createClass","key","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","styles","createElement","cn","_objectSpread","_assignProps","defaultValue","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","_assignProps2","TabPanel","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4","wrapTabPanel","wrapper"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n onNeighborChange: (neighborElement, props) => {\n if (neighborElement) {\n neighborElement.focus();\n if (props.behavior === 'auto') {\n neighborElement.click();\n }\n }\n },\n childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n static displayName = 'TabPanel';\n static style = style;\n static defaultProps = {\n defaultValue: null,\n behavior: 'manual',\n };\n static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClick = (value) => (event) => {\n this.handlers.value(value, event);\n };\n\n handleKeyDown = (value) => (event) => {\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n this.handlers.value(value, event);\n }\n };\n\n getItemProps(props, index) {\n const { value } = this.asProps;\n const isSelected = value === props.value;\n return {\n selected: isSelected,\n onClick: this.handleClick(props.value),\n onKeyDown: this.handleKeyDown(props.value),\n tabIndex: isSelected ? 0 : -1,\n 'aria-posinset': index + 1,\n 'aria-selected': isSelected,\n };\n }\n\n render() {\n const STabPanel = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n }\n}\n\nfunction TabPanelItem(props) {\n const STabPanelItem = Root;\n const { Children, styles, addonLeft, addonRight } = props;\n\n return sstyled(styles)(\n <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n </STabPanelItem>,\n );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}
@@ -70,6 +70,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
70
70
  switch (e.key) {
71
71
  case ' ':
72
72
  case 'Enter':
73
+ e.preventDefault();
73
74
  (_this$asProps$onClick = (_this$asProps = _this.asProps).onClick) === null || _this$asProps$onClick === void 0 ? void 0 : _this$asProps$onClick.call(_this$asProps, e);
74
75
  break;
75
76
  }
@@ -164,9 +165,9 @@ function Close(props) {
164
165
  if (props.onKeyDown) {
165
166
  return props.onKeyDown(event);
166
167
  }
167
- if (event.key === 'Enter') {
168
- var _props$onClick;
169
- (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
168
+ if (props.onClick && (event.code === 'Enter' || event.code === 'Space')) {
169
+ event.preventDefault();
170
+ props.onClick(event);
170
171
  }
171
172
  }
172
173
  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","e","_this$asProps$onClick","_this$asProps","key","asProps","onClick","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getCloseProps","_this$asProps2","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps3","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread2","assignProps","undefined","callAllEventHandlers","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","event","_props$onClick","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n handleKeyDown = (e) => {\n switch (e.key) {\n case ' ':\n case 'Enter':\n this.asProps.onClick?.(e);\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","e","_this$asProps$onClick","_this$asProps","key","preventDefault","asProps","onClick","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getCloseProps","_this$asProps2","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps3","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread2","assignProps","undefined","callAllEventHandlers","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","event","code","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n handleKeyDown = (e) => {\n switch (e.key) {\n case ' ':\n case 'Enter':\n e.preventDefault();\n this.asProps.onClick?.(e);\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.code === 'Enter' || event.code === 'Space')) {\n event.preventDefault();\n props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
@@ -68,6 +68,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
68
68
  switch (e.key) {
69
69
  case ' ':
70
70
  case 'Enter':
71
+ e.preventDefault();
71
72
  (_this$asProps$onClick = (_this$asProps = _this.asProps).onClick) === null || _this$asProps$onClick === void 0 ? void 0 : _this$asProps$onClick.call(_this$asProps, e);
72
73
  break;
73
74
  }
@@ -162,9 +163,9 @@ function Close(props) {
162
163
  if (props.onKeyDown) {
163
164
  return props.onKeyDown(event);
164
165
  }
165
- if (event.key === 'Enter') {
166
- var _props$onClick;
167
- (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
166
+ if (props.onClick && (event.code === 'Enter' || event.code === 'Space')) {
167
+ event.preventDefault();
168
+ props.onClick(event);
168
169
  }
169
170
  }
170
171
  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps3({
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","style","_sstyled","insert","callAllEventHandlers","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","e","_this$asProps$onClick","_this$asProps","key","asProps","onClick","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","size","getCloseProps","_this$asProps2","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","_this$asProps3","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread","_assignProps","undefined","handleKeyDown","Addon","tag","Text","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","event","_props$onClick","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n handleKeyDown = (e) => {\n switch (e.key) {\n case ' ':\n case 'Enter':\n this.asProps.onClick?.(e);\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","style","_sstyled","insert","callAllEventHandlers","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","e","_this$asProps$onClick","_this$asProps","key","preventDefault","asProps","onClick","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","size","getCloseProps","_this$asProps2","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","_this$asProps3","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread","_assignProps","undefined","handleKeyDown","Addon","tag","Text","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","event","code","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n handleKeyDown = (e) => {\n switch (e.key) {\n case ' ':\n case 'Enter':\n e.preventDefault();\n this.asProps.onClick?.(e);\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.code === 'Enter' || event.code === 'Space')) {\n event.preventDefault();\n props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
@@ -33,12 +33,15 @@ export type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperPro
33
33
  | eventInteraction /** @deprecated */;
34
34
  };
35
35
 
36
+ export type TooltipTriggerContext = PopperContext & {
37
+ popperId?: string;
38
+ };
36
39
  /** @deprecated */
37
40
  export interface ITooltipContext extends TooltipContext, UnknownProperties {}
38
41
  export type TooltipContext = PopperContext & {};
39
42
 
40
43
  declare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {
41
- Trigger: typeof Popper.Trigger;
44
+ Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;
42
45
  Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;
43
46
  };
44
47
 
@@ -24,12 +24,13 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
24
24
  var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
25
25
  var _excluded = ["Children", "title", "offset", "forcedAdvancedMode"];
26
26
  /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1kkb4_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_1kkb4_gg_._theme_default_1kkb4_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_1kkb4_gg_._theme_invert_1kkb4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_1kkb4_gg_._theme_warning_1kkb4_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_1kkb4_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_1kkb4_gg_,.___SArrow_1kkb4_gg_:before{position:absolute;border:6px solid}.___SArrow_1kkb4_gg_:before{content:\"\"}.___SArrow_1kkb4_gg_._theme_default_1kkb4_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_1kkb4_gg_._theme_default_1kkb4_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_1kkb4_gg_._theme_invert_1kkb4_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_1kkb4_gg_._theme_invert_1kkb4_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_1kkb4_gg_._theme_warning_1kkb4_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1kkb4_gg_._theme_warning_1kkb4_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_1kkb4_gg_[data-popper-placement^=top] .___SArrow_1kkb4_gg_,.___STooltip_1kkb4_gg_[data-popper-placement^=top] .___SArrow_1kkb4_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=top] .___SArrow_1kkb4_gg_::before{top:-7px;left:-6px}.___STooltip_1kkb4_gg_[data-popper-placement^=bottom] .___SArrow_1kkb4_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=bottom] .___SArrow_1kkb4_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=left] .___SArrow_1kkb4_gg_,.___STooltip_1kkb4_gg_[data-popper-placement^=left] .___SArrow_1kkb4_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=left] .___SArrow_1kkb4_gg_::before{top:-6px;left:-7px}.___STooltip_1kkb4_gg_[data-popper-placement^=right] .___SArrow_1kkb4_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=right] .___SArrow_1kkb4_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}" /*__inner_css_end__*/, "1kkb4_gg_") /*__reshadow_css_end__*/, {
28
- "__STooltip": "___STooltip_1kkb4_gg_",
29
- "_theme_default": "_theme_default_1kkb4_gg_",
30
- "_theme_invert": "_theme_invert_1kkb4_gg_",
31
- "_theme_warning": "_theme_warning_1kkb4_gg_",
32
- "__SArrow": "___SArrow_1kkb4_gg_"
27
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_glx9a_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_glx9a_gg_._theme_default_glx9a_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_glx9a_gg_._theme_invert_glx9a_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_glx9a_gg_._theme_warning_glx9a_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_glx9a_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_glx9a_gg_,.___SArrow_glx9a_gg_:before{position:absolute;border:6px solid}.___SArrow_glx9a_gg_:before{content:\"\"}.___SArrow_glx9a_gg_._theme_default_glx9a_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_glx9a_gg_._theme_default_glx9a_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_glx9a_gg_._theme_invert_glx9a_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_glx9a_gg_._theme_invert_glx9a_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_glx9a_gg_._theme_warning_glx9a_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_glx9a_gg_._theme_warning_glx9a_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_glx9a_gg_[data-popper-placement^=top] .___SArrow_glx9a_gg_,.___STooltip_glx9a_gg_[data-popper-placement^=top] .___SArrow_glx9a_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=top] .___SArrow_glx9a_gg_::before{top:-7px;left:-6px}.___STooltip_glx9a_gg_[data-popper-placement^=bottom] .___SArrow_glx9a_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=bottom] .___SArrow_glx9a_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=left] .___SArrow_glx9a_gg_,.___STooltip_glx9a_gg_[data-popper-placement^=left] .___SArrow_glx9a_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=left] .___SArrow_glx9a_gg_::before{top:-6px;left:-7px}.___STooltip_glx9a_gg_[data-popper-placement^=right] .___SArrow_glx9a_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=right] .___SArrow_glx9a_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipContent_glx9a_gg_{display:contents}" /*__inner_css_end__*/, "glx9a_gg_") /*__reshadow_css_end__*/, {
28
+ "__STooltip": "___STooltip_glx9a_gg_",
29
+ "_theme_default": "_theme_default_glx9a_gg_",
30
+ "_theme_invert": "_theme_invert_glx9a_gg_",
31
+ "_theme_warning": "_theme_warning_glx9a_gg_",
32
+ "__STooltipContent": "___STooltipContent_glx9a_gg_",
33
+ "__SArrow": "___SArrow_glx9a_gg_"
33
34
  });
34
35
  var Popper = _popper["default"][_core.CREATE_COMPONENT]();
35
36
  var TooltipRoot = /*#__PURE__*/function (_Component) {
@@ -66,8 +67,10 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
66
67
  if (interaction === 'hover' || disabled) {
67
68
  ariaHasPopup = 'false';
68
69
  }
70
+ var popperId = visible ? "igc-".concat(uid, "-popper") : undefined;
69
71
  return {
70
- 'aria-describedby': visible ? "igc-".concat(uid, "-popper") : undefined,
72
+ 'aria-describedby': popperId,
73
+ popperId: popperId,
71
74
  'aria-haspopup': ariaHasPopup
72
75
  };
73
76
  }
@@ -143,11 +146,13 @@ function TooltipPopper(props) {
143
146
  resolveColor = props.resolveColor;
144
147
  var STooltip = Popper.Popper;
145
148
  var SArrow = _flexBox.Box;
149
+ var STooltipContent = 'span';
146
150
  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STooltip, _ref5.cn("STooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
147
151
  "role": 'tooltip',
148
- "use:theme": resolveColor(theme),
152
+ "use:theme": resolveColor(theme)
153
+ }, _ref3))), /*#__PURE__*/_react["default"].createElement(STooltipContent, _ref5.cn("STooltipContent", {
149
154
  "aria-live": theme === 'warning' ? 'assertive' : 'polite'
150
- }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})), /*#__PURE__*/_react["default"].createElement(SArrow, _ref5.cn("SArrow", {
155
+ }), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SArrow, _ref5.cn("SArrow", {
151
156
  "data-popper-arrow": true,
152
157
  "use:theme": resolveColor(theme)
153
158
  }))));
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_flexBox","_resolveColorEnhance","_findComponent","_logger","_uniqueID","_excluded","style","sstyled","insert","Popper","PopperOrigin","CREATE_COMPONENT","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","popperChildren","_createClass2","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","interaction","disabled","ariaHasPopup","undefined","getPopperProps","_this$asProps2","theme","disablePortal","ignorePortalsStacking","resolveColor","id","render","_ref","_this$asProps3","Children","title","offset","forcedAdvancedMode","other","_objectWithoutProperties2","advancedMode","isAdvanceMode","Tooltip","Trigger","displayName","logger","warn","createElement","assignProps","Fragment","Component","uniqueIDEnhancement","resolveColorEnhance","placement","timeout","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","TooltipTrigger","props","_ref2","arguments[0]","_ref4","styles","STrigger","cn","_objectSpread2","TooltipPopper","_ref3","_ref5","STooltip","SArrow","Box","createComponent","parent","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n static style = style;\n static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'default',\n placement: 'top',\n interaction: 'hover',\n timeout: [100, 50],\n offset: [0, 10],\n flip: {\n flipVariations: true,\n flipVariationsByContent: true,\n },\n defaultVisible: false,\n focusLoop: false,\n };\n state = { popperChildren: null };\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n getTriggerProps() {\n const { uid, visible, interaction, disabled } = this.asProps;\n\n let ariaHasPopup = 'true';\n\n if (interaction === 'hover' || disabled) {\n ariaHasPopup = 'false';\n }\n\n return {\n 'aria-describedby': visible ? `igc-${uid}-popper` : undefined,\n 'aria-haspopup': ariaHasPopup,\n };\n }\n\n getPopperProps() {\n const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n this.asProps;\n return {\n id: `igc-${uid}-popper`,\n theme,\n disablePortal,\n ignorePortalsStacking,\n interaction,\n resolveColor,\n };\n }\n\n render() {\n const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);\n\n logger.warn(\n title && advancedMode,\n \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n logger.warn(\n other.interaction !== 'hover',\n \"You shouldn't use prop `interaction` except with `hover` value.\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n return (\n <Root render={Popper}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <Tooltip.Trigger {...other}>\n <Children />\n </Tooltip.Trigger>\n <Tooltip.Popper>{title}</Tooltip.Popper>\n </>\n )}\n </Root>\n );\n }\n}\n\nfunction TooltipTrigger(props) {\n const { Children, styles } = props;\n const STrigger = Root;\n\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} role={undefined}>\n <Children />\n </STrigger>,\n );\n}\n\nfunction TooltipPopper(props) {\n const { Children, styles, theme, resolveColor } = props;\n const STooltip = Root;\n const SArrow = Box;\n\n return sstyled(styles)(\n <>\n <STooltip\n render={Popper.Popper}\n role='tooltip'\n use:theme={resolveColor(theme)}\n aria-live={theme === 'warning' ? 'assertive' : 'polite'}\n >\n <Children />\n <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n </STooltip>\n </>,\n );\n}\n\nconst Tooltip = createComponent(\n TooltipRoot,\n {\n Trigger: TooltipTrigger,\n Popper: TooltipPopper,\n },\n {\n parent: Popper,\n },\n);\n\nexport default Tooltip;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_flexBox","_resolveColorEnhance","_findComponent","_logger","_uniqueID","_excluded","style","sstyled","insert","Popper","PopperOrigin","CREATE_COMPONENT","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","popperChildren","_createClass2","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","interaction","disabled","ariaHasPopup","popperId","undefined","getPopperProps","_this$asProps2","theme","disablePortal","ignorePortalsStacking","resolveColor","id","render","_ref","_this$asProps3","Children","title","offset","forcedAdvancedMode","other","_objectWithoutProperties2","advancedMode","isAdvanceMode","Tooltip","Trigger","displayName","logger","warn","createElement","assignProps","Fragment","Component","uniqueIDEnhancement","resolveColorEnhance","placement","timeout","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","TooltipTrigger","props","_ref2","arguments[0]","_ref4","styles","STrigger","cn","_objectSpread2","TooltipPopper","_ref3","_ref5","STooltip","SArrow","Box","STooltipContent","createComponent","parent","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n static style = style;\n static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'default',\n placement: 'top',\n interaction: 'hover',\n timeout: [100, 50],\n offset: [0, 10],\n flip: {\n flipVariations: true,\n flipVariationsByContent: true,\n },\n defaultVisible: false,\n focusLoop: false,\n };\n state = { popperChildren: null };\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n getTriggerProps() {\n const { uid, visible, interaction, disabled } = this.asProps;\n\n let ariaHasPopup = 'true';\n\n if (interaction === 'hover' || disabled) {\n ariaHasPopup = 'false';\n }\n\n const popperId = visible ? `igc-${uid}-popper` : undefined;\n\n return {\n 'aria-describedby': popperId,\n popperId,\n 'aria-haspopup': ariaHasPopup,\n };\n }\n\n getPopperProps() {\n const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n this.asProps;\n return {\n id: `igc-${uid}-popper`,\n theme,\n disablePortal,\n ignorePortalsStacking,\n interaction,\n resolveColor,\n };\n }\n\n render() {\n const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);\n\n logger.warn(\n title && advancedMode,\n \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n logger.warn(\n other.interaction !== 'hover',\n \"You shouldn't use prop `interaction` except with `hover` value.\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n return (\n <Root render={Popper}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <Tooltip.Trigger {...other}>\n <Children />\n </Tooltip.Trigger>\n <Tooltip.Popper>{title}</Tooltip.Popper>\n </>\n )}\n </Root>\n );\n }\n}\n\nfunction TooltipTrigger(props) {\n const { Children, styles } = props;\n const STrigger = Root;\n\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} role={undefined}>\n <Children />\n </STrigger>,\n );\n}\n\nfunction TooltipPopper(props) {\n const { Children, styles, theme, resolveColor } = props;\n const STooltip = Root;\n const SArrow = Box;\n const STooltipContent = 'span';\n\n return sstyled(styles)(\n <>\n <STooltip render={Popper.Popper} role='tooltip' use:theme={resolveColor(theme)}>\n <STooltipContent aria-live={theme === 'warning' ? 'assertive' : 'polite'}>\n <Children />\n </STooltipContent>\n <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n </STooltip>\n </>,\n );\n}\n\nconst Tooltip = createComponent(\n TooltipRoot,\n {\n Trigger: TooltipTrigger,\n Popper: TooltipPopper,\n },\n {\n parent: Popper,\n },\n);\n\nexport default Tooltip;\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport Popper, {\n PopperContext,\n PopperProps,\n PopperTriggerProps,\n eventInteraction,\n} from '@semcore/popper';\n\n/** @deprecated */\nexport interface ITooltipProps extends TooltipProps, UnknownProperties {}\nexport type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperProps, 'interaction'> &\n PopperTriggerProps & {\n /**\n * Tooltip text\n */\n title?: React.ReactNode;\n /**\n * Tooltip theme. You can use the default themes or create your own\n * @default default\n */\n theme?: 'default' | 'warning' | 'invert';\n\n /**\n * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n * We'll delete this prop in next major release.\n */\n interaction?:\n | 'hover'\n | 'click' /** @deprecated */\n | 'focus' /** @deprecated */\n | 'none' /** @deprecated */\n | eventInteraction /** @deprecated */;\n };\n\n/** @deprecated */\nexport interface ITooltipContext extends TooltipContext, UnknownProperties {}\nexport type TooltipContext = PopperContext & {};\n\ndeclare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {\n Trigger: typeof Popper.Trigger;\n Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;\n};\n\nexport default Tooltip;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport Popper, {\n PopperContext,\n PopperProps,\n PopperTriggerProps,\n eventInteraction,\n} from '@semcore/popper';\n\n/** @deprecated */\nexport interface ITooltipProps extends TooltipProps, UnknownProperties {}\nexport type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperProps, 'interaction'> &\n PopperTriggerProps & {\n /**\n * Tooltip text\n */\n title?: React.ReactNode;\n /**\n * Tooltip theme. You can use the default themes or create your own\n * @default default\n */\n theme?: 'default' | 'warning' | 'invert';\n\n /**\n * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n * We'll delete this prop in next major release.\n */\n interaction?:\n | 'hover'\n | 'click' /** @deprecated */\n | 'focus' /** @deprecated */\n | 'none' /** @deprecated */\n | eventInteraction /** @deprecated */;\n };\n\nexport type TooltipTriggerContext = PopperContext & {\n popperId?: string;\n};\n/** @deprecated */\nexport interface ITooltipContext extends TooltipContext, UnknownProperties {}\nexport type TooltipContext = PopperContext & {};\n\ndeclare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {\n Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;\n Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;\n};\n\nexport default Tooltip;\n"],"mappings":""}
@@ -136,3 +136,7 @@ STooltip[data-popper-placement^='right'] SArrow {
136
136
  border-bottom-color: transparent !important;
137
137
  }
138
138
  }
139
+
140
+ STooltipContent {
141
+ display: contents;
142
+ }
@@ -20,12 +20,13 @@ import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
20
20
  import logger from 'intergalactic/utils/lib/logger';
21
21
  import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
22
22
  /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1kkb4_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_1kkb4_gg_._theme_default_1kkb4_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_1kkb4_gg_._theme_invert_1kkb4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_1kkb4_gg_._theme_warning_1kkb4_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_1kkb4_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_1kkb4_gg_,.___SArrow_1kkb4_gg_:before{position:absolute;border:6px solid}.___SArrow_1kkb4_gg_:before{content:\"\"}.___SArrow_1kkb4_gg_._theme_default_1kkb4_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_1kkb4_gg_._theme_default_1kkb4_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_1kkb4_gg_._theme_invert_1kkb4_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_1kkb4_gg_._theme_invert_1kkb4_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_1kkb4_gg_._theme_warning_1kkb4_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1kkb4_gg_._theme_warning_1kkb4_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_1kkb4_gg_[data-popper-placement^=top] .___SArrow_1kkb4_gg_,.___STooltip_1kkb4_gg_[data-popper-placement^=top] .___SArrow_1kkb4_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=top] .___SArrow_1kkb4_gg_::before{top:-7px;left:-6px}.___STooltip_1kkb4_gg_[data-popper-placement^=bottom] .___SArrow_1kkb4_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=bottom] .___SArrow_1kkb4_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=left] .___SArrow_1kkb4_gg_,.___STooltip_1kkb4_gg_[data-popper-placement^=left] .___SArrow_1kkb4_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=left] .___SArrow_1kkb4_gg_::before{top:-6px;left:-7px}.___STooltip_1kkb4_gg_[data-popper-placement^=right] .___SArrow_1kkb4_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1kkb4_gg_[data-popper-placement^=right] .___SArrow_1kkb4_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}" /*__inner_css_end__*/, "1kkb4_gg_") /*__reshadow_css_end__*/, {
24
- "__STooltip": "___STooltip_1kkb4_gg_",
25
- "_theme_default": "_theme_default_1kkb4_gg_",
26
- "_theme_invert": "_theme_invert_1kkb4_gg_",
27
- "_theme_warning": "_theme_warning_1kkb4_gg_",
28
- "__SArrow": "___SArrow_1kkb4_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_glx9a_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_glx9a_gg_._theme_default_glx9a_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_glx9a_gg_._theme_invert_glx9a_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_glx9a_gg_._theme_warning_glx9a_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_glx9a_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_glx9a_gg_,.___SArrow_glx9a_gg_:before{position:absolute;border:6px solid}.___SArrow_glx9a_gg_:before{content:\"\"}.___SArrow_glx9a_gg_._theme_default_glx9a_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_glx9a_gg_._theme_default_glx9a_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_glx9a_gg_._theme_invert_glx9a_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_glx9a_gg_._theme_invert_glx9a_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_glx9a_gg_._theme_warning_glx9a_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_glx9a_gg_._theme_warning_glx9a_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_glx9a_gg_[data-popper-placement^=top] .___SArrow_glx9a_gg_,.___STooltip_glx9a_gg_[data-popper-placement^=top] .___SArrow_glx9a_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=top] .___SArrow_glx9a_gg_::before{top:-7px;left:-6px}.___STooltip_glx9a_gg_[data-popper-placement^=bottom] .___SArrow_glx9a_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=bottom] .___SArrow_glx9a_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=left] .___SArrow_glx9a_gg_,.___STooltip_glx9a_gg_[data-popper-placement^=left] .___SArrow_glx9a_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=left] .___SArrow_glx9a_gg_::before{top:-6px;left:-7px}.___STooltip_glx9a_gg_[data-popper-placement^=right] .___SArrow_glx9a_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_glx9a_gg_[data-popper-placement^=right] .___SArrow_glx9a_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipContent_glx9a_gg_{display:contents}" /*__inner_css_end__*/, "glx9a_gg_") /*__reshadow_css_end__*/, {
24
+ "__STooltip": "___STooltip_glx9a_gg_",
25
+ "_theme_default": "_theme_default_glx9a_gg_",
26
+ "_theme_invert": "_theme_invert_glx9a_gg_",
27
+ "_theme_warning": "_theme_warning_glx9a_gg_",
28
+ "__STooltipContent": "___STooltipContent_glx9a_gg_",
29
+ "__SArrow": "___SArrow_glx9a_gg_"
29
30
  });
30
31
  var Popper = PopperOrigin[CREATE_COMPONENT]();
31
32
  var TooltipRoot = /*#__PURE__*/function (_Component) {
@@ -62,8 +63,10 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
62
63
  if (interaction === 'hover' || disabled) {
63
64
  ariaHasPopup = 'false';
64
65
  }
66
+ var popperId = visible ? "igc-".concat(uid, "-popper") : undefined;
65
67
  return {
66
- 'aria-describedby': visible ? "igc-".concat(uid, "-popper") : undefined,
68
+ 'aria-describedby': popperId,
69
+ popperId: popperId,
67
70
  'aria-haspopup': ariaHasPopup
68
71
  };
69
72
  }
@@ -139,11 +142,13 @@ function TooltipPopper(props) {
139
142
  resolveColor = props.resolveColor;
140
143
  var STooltip = Popper.Popper;
141
144
  var SArrow = Box;
145
+ var STooltipContent = 'span';
142
146
  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STooltip, _ref5.cn("STooltip", _objectSpread({}, _assignProps3({
143
147
  "role": 'tooltip',
144
- "use:theme": resolveColor(theme),
148
+ "use:theme": resolveColor(theme)
149
+ }, _ref3))), /*#__PURE__*/React.createElement(STooltipContent, _ref5.cn("STooltipContent", {
145
150
  "aria-live": theme === 'warning' ? 'assertive' : 'polite'
146
- }, _ref3))), /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})), /*#__PURE__*/React.createElement(SArrow, _ref5.cn("SArrow", {
151
+ }), /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {}))), /*#__PURE__*/React.createElement(SArrow, _ref5.cn("SArrow", {
147
152
  "data-popper-arrow": true,
148
153
  "use:theme": resolveColor(theme)
149
154
  }))));
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","names":["React","createComponent","Component","CREATE_COMPONENT","sstyled","Root","PopperOrigin","Box","resolveColorEnhance","isAdvanceMode","logger","uniqueIDEnhancement","style","_sstyled","insert","Popper","TooltipRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","popperChildren","_createClass","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","interaction","disabled","ariaHasPopup","undefined","getPopperProps","_this$asProps2","theme","disablePortal","ignorePortalsStacking","resolveColor","id","render","_ref","_this$asProps3","Children","title","offset","forcedAdvancedMode","other","_objectWithoutProperties","_excluded","advancedMode","Tooltip","Trigger","displayName","warn","createElement","_assignProps","Fragment","placement","timeout","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","TooltipTrigger","props","_ref2","arguments[0]","_ref4","styles","STrigger","cn","_objectSpread","_assignProps2","TooltipPopper","_ref3","_ref5","STooltip","SArrow","_assignProps3","parent"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n static style = style;\n static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'default',\n placement: 'top',\n interaction: 'hover',\n timeout: [100, 50],\n offset: [0, 10],\n flip: {\n flipVariations: true,\n flipVariationsByContent: true,\n },\n defaultVisible: false,\n focusLoop: false,\n };\n state = { popperChildren: null };\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n getTriggerProps() {\n const { uid, visible, interaction, disabled } = this.asProps;\n\n let ariaHasPopup = 'true';\n\n if (interaction === 'hover' || disabled) {\n ariaHasPopup = 'false';\n }\n\n return {\n 'aria-describedby': visible ? `igc-${uid}-popper` : undefined,\n 'aria-haspopup': ariaHasPopup,\n };\n }\n\n getPopperProps() {\n const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n this.asProps;\n return {\n id: `igc-${uid}-popper`,\n theme,\n disablePortal,\n ignorePortalsStacking,\n interaction,\n resolveColor,\n };\n }\n\n render() {\n const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);\n\n logger.warn(\n title && advancedMode,\n \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n logger.warn(\n other.interaction !== 'hover',\n \"You shouldn't use prop `interaction` except with `hover` value.\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n return (\n <Root render={Popper}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <Tooltip.Trigger {...other}>\n <Children />\n </Tooltip.Trigger>\n <Tooltip.Popper>{title}</Tooltip.Popper>\n </>\n )}\n </Root>\n );\n }\n}\n\nfunction TooltipTrigger(props) {\n const { Children, styles } = props;\n const STrigger = Root;\n\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} role={undefined}>\n <Children />\n </STrigger>,\n );\n}\n\nfunction TooltipPopper(props) {\n const { Children, styles, theme, resolveColor } = props;\n const STooltip = Root;\n const SArrow = Box;\n\n return sstyled(styles)(\n <>\n <STooltip\n render={Popper.Popper}\n role='tooltip'\n use:theme={resolveColor(theme)}\n aria-live={theme === 'warning' ? 'assertive' : 'polite'}\n >\n <Children />\n <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n </STooltip>\n </>,\n );\n}\n\nconst Tooltip = createComponent(\n TooltipRoot,\n {\n Trigger: TooltipTrigger,\n Popper: TooltipPopper,\n },\n {\n parent: Popper,\n },\n);\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,gBAAgB,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC3F,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,aAAa,QAAQ,kCAAkC;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,mBAAmB,MAAM,6BAA6B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI9D,IAAMC,MAAM,GAAGT,YAAY,CAACH,gBAAgB,CAAC,EAAE;AAAC,IAE1Ca,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,WAAA;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,YAiBP;MAAEa,cAAc,EAAE;IAAK,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAAc,YAAA,CAAAnB,WAAA;IAAAoB,GAAA;IAAAC,KAAA,EAEhC,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLC,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAgD,IAAI,CAACC,OAAO;QAApDC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEJ,OAAO,GAAAE,aAAA,CAAPF,OAAO;QAAEK,WAAW,GAAAH,aAAA,CAAXG,WAAW;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;MAE3C,IAAIC,YAAY,GAAG,MAAM;MAEzB,IAAIF,WAAW,KAAK,OAAO,IAAIC,QAAQ,EAAE;QACvCC,YAAY,GAAG,OAAO;MACxB;MAEA,OAAO;QACL,kBAAkB,EAAEP,OAAO,UAAAR,MAAA,CAAUY,GAAG,eAAYI,SAAS;QAC7D,eAAe,EAAED;MACnB,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAW,eAAA,EAAiB;MACf,IAAAC,cAAA,GACE,IAAI,CAACP,OAAO;QADNQ,KAAK,GAAAD,cAAA,CAALC,KAAK;QAAEP,GAAG,GAAAM,cAAA,CAAHN,GAAG;QAAEQ,aAAa,GAAAF,cAAA,CAAbE,aAAa;QAAEC,qBAAqB,GAAAH,cAAA,CAArBG,qBAAqB;QAAER,WAAW,GAAAK,cAAA,CAAXL,WAAW;QAAES,YAAY,GAAAJ,cAAA,CAAZI,YAAY;MAEnF,OAAO;QACLC,EAAE,SAAAvB,MAAA,CAASY,GAAG,YAAS;QACvBO,KAAK,EAALA,KAAK;QACLC,aAAa,EAAbA,aAAa;QACbC,qBAAqB,EAArBA,qBAAqB;QACrBR,WAAW,EAAXA,WAAW;QACXS,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAkB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAd,OAAA;MACP,IAAAe,cAAA,GAAkE,IAAI,CAACf,OAAO;QAAtEgB,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,cAAA,CAALE,KAAK;QAAEC,MAAM,GAAAH,cAAA,CAANG,MAAM;QAAEC,kBAAkB,GAAAJ,cAAA,CAAlBI,kBAAkB;QAAKC,KAAK,GAAAC,wBAAA,CAAAN,cAAA,EAAAO,SAAA;MAE7D,IAAMC,YAAY,GAChBJ,kBAAkB,IAClBpD,aAAa,CAACiD,QAAQ,EAAE,CAACQ,OAAO,CAACC,OAAO,CAACC,WAAW,EAAEF,OAAO,CAACnD,MAAM,CAACqD,WAAW,CAAC,CAAC;MAEpF1D,MAAM,CAAC2D,IAAI,CACTV,KAAK,IAAIM,YAAY,EACrB,mFAAmF,EACnFH,KAAK,CAAC,cAAc,CAAC,IAAII,OAAO,CAACE,WAAW,CAC7C;MAED1D,MAAM,CAAC2D,IAAI,CACTP,KAAK,CAAClB,WAAW,KAAK,OAAO,EAC7B,iEAAiE,EACjEkB,KAAK,CAAC,cAAc,CAAC,IAAII,OAAO,CAACE,WAAW,CAC7C;MAED,oBACEpE,KAAA,CAAAsE,aAAA,CAAcvD,MAAM,EAAAwD,YAAA,KAAAf,IAAA,GACjBS,YAAY,gBACXjE,KAAA,CAAAsE,aAAA,CAACZ,QAAQ,OAAG,gBAEZ1D,KAAA,CAAAsE,aAAA,CAAAtE,KAAA,CAAAwE,QAAA,qBACExE,KAAA,CAAAsE,aAAA,CAACJ,OAAO,CAACC,OAAO,EAAKL,KAAK,eACxB9D,KAAA,CAAAsE,aAAA,CAACZ,QAAQ,OAAG,CACI,eAClB1D,KAAA,CAAAsE,aAAA,CAACJ,OAAO,CAACnD,MAAM,QAAE4C,KAAK,CAAkB,CAE3C,CACI;IAEX;EAAC;EAAA,OAAA3C,WAAA;AAAA,EAtFuBd,SAAS;AAAA8B,eAAA,CAA7BhB,WAAW,iBACM,SAAS;AAAAgB,eAAA,CAD1BhB,WAAW,WAEAJ,KAAK;AAAAoB,eAAA,CAFhBhB,WAAW,aAGE,CAACL,mBAAmB,EAAE,EAAEH,mBAAmB,EAAE,CAAC;AAAAwB,eAAA,CAH3DhB,WAAW,kBAIO;EACpBkC,KAAK,EAAE,SAAS;EAChBuB,SAAS,EAAE,KAAK;EAChB7B,WAAW,EAAE,OAAO;EACpB8B,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;EAClBd,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACfe,IAAI,EAAE;IACJC,cAAc,EAAE,IAAI;IACpBC,uBAAuB,EAAE;EAC3B,CAAC;EACDC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE;AACb,CAAC;AAyEH,SAASC,cAAcA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,IAAQ1B,QAAQ,GAAauB,KAAK,CAA1BvB,QAAQ;IAAE2B,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACxB,IAAMC,QAAQ,GAGMvE,MAAM,CAACoD,OAAO;EADlC,OAAAiB,KAAA,GAAOhF,OAAO,CAACiF,MAAM,CAAC,eACpBrF,KAAA,CAAAsE,aAAA,CAACgB,QAAQ,EAAAF,KAAA,CAAAG,EAAA,aAAAC,aAAA,KAAAC,aAAA;IAAA,QAA+B1C;EAAS,GAAAmC,KAAA,kBAC/ClF,KAAA,CAAAsE,aAAA,CAACZ,QAAQ,EAAA0B,KAAA,CAAAG,EAAA,iBAAG,CACH;AAEf;AAEA,SAASG,aAAaA,CAACT,KAAK,EAAE;EAAA,IAAAU,KAAA,GAAAR,YAAA;IAAAS,KAAA;EAC5B,IAAQlC,QAAQ,GAAkCuB,KAAK,CAA/CvB,QAAQ;IAAE2B,MAAM,GAA0BJ,KAAK,CAArCI,MAAM;IAAEnC,KAAK,GAAmB+B,KAAK,CAA7B/B,KAAK;IAAEG,YAAY,GAAK4B,KAAK,CAAtB5B,YAAY;EAC7C,IAAMwC,QAAQ,GAMA9E,MAAM,CAACA,MAAM;EAL3B,IAAM+E,MAAM,GAAGvF,GAAG;EAElB,OAAAqF,KAAA,GAAOxF,OAAO,CAACiF,MAAM,CAAC,eACpBrF,KAAA,CAAAsE,aAAA,CAAAtE,KAAA,CAAAwE,QAAA,qBACExE,KAAA,CAAAsE,aAAA,CAACuB,QAAQ,EAAAD,KAAA,CAAAL,EAAA,aAAAC,aAAA,KAAAO,aAAA;IAAA,QAEF,SAAS;IAAA,aACH1C,YAAY,CAACH,KAAK,CAAC;IAAA,aACnBA,KAAK,KAAK,SAAS,GAAG,WAAW,GAAG;EAAQ,GAAAyC,KAAA,kBAEvD3F,KAAA,CAAAsE,aAAA,CAACZ,QAAQ,EAAAkC,KAAA,CAAAL,EAAA,iBAAG,eACZvF,KAAA,CAAAsE,aAAA,CAACwB,MAAM,EAAAF,KAAA,CAAAL,EAAA;IAAA;IAAA,aAA8BlC,YAAY,CAACH,KAAK;EAAC,GAAI,CACnD,CACV;AAEP;AAEA,IAAMgB,OAAO,GAAGjE,eAAe,CAC7Be,WAAW,EACX;EACEmD,OAAO,EAAEa,cAAc;EACvBjE,MAAM,EAAE2E;AACV,CAAC,EACD;EACEM,MAAM,EAAEjF;AACV,CAAC,CACF;AAED,eAAemD,OAAO"}
1
+ {"version":3,"file":"Tooltip.js","names":["React","createComponent","Component","CREATE_COMPONENT","sstyled","Root","PopperOrigin","Box","resolveColorEnhance","isAdvanceMode","logger","uniqueIDEnhancement","style","_sstyled","insert","Popper","TooltipRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","popperChildren","_createClass","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","interaction","disabled","ariaHasPopup","popperId","undefined","getPopperProps","_this$asProps2","theme","disablePortal","ignorePortalsStacking","resolveColor","id","render","_ref","_this$asProps3","Children","title","offset","forcedAdvancedMode","other","_objectWithoutProperties","_excluded","advancedMode","Tooltip","Trigger","displayName","warn","createElement","_assignProps","Fragment","placement","timeout","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","TooltipTrigger","props","_ref2","arguments[0]","_ref4","styles","STrigger","cn","_objectSpread","_assignProps2","TooltipPopper","_ref3","_ref5","STooltip","SArrow","STooltipContent","_assignProps3","parent"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n static style = style;\n static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'default',\n placement: 'top',\n interaction: 'hover',\n timeout: [100, 50],\n offset: [0, 10],\n flip: {\n flipVariations: true,\n flipVariationsByContent: true,\n },\n defaultVisible: false,\n focusLoop: false,\n };\n state = { popperChildren: null };\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n getTriggerProps() {\n const { uid, visible, interaction, disabled } = this.asProps;\n\n let ariaHasPopup = 'true';\n\n if (interaction === 'hover' || disabled) {\n ariaHasPopup = 'false';\n }\n\n const popperId = visible ? `igc-${uid}-popper` : undefined;\n\n return {\n 'aria-describedby': popperId,\n popperId,\n 'aria-haspopup': ariaHasPopup,\n };\n }\n\n getPopperProps() {\n const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n this.asProps;\n return {\n id: `igc-${uid}-popper`,\n theme,\n disablePortal,\n ignorePortalsStacking,\n interaction,\n resolveColor,\n };\n }\n\n render() {\n const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);\n\n logger.warn(\n title && advancedMode,\n \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n logger.warn(\n other.interaction !== 'hover',\n \"You shouldn't use prop `interaction` except with `hover` value.\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n return (\n <Root render={Popper}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <Tooltip.Trigger {...other}>\n <Children />\n </Tooltip.Trigger>\n <Tooltip.Popper>{title}</Tooltip.Popper>\n </>\n )}\n </Root>\n );\n }\n}\n\nfunction TooltipTrigger(props) {\n const { Children, styles } = props;\n const STrigger = Root;\n\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} role={undefined}>\n <Children />\n </STrigger>,\n );\n}\n\nfunction TooltipPopper(props) {\n const { Children, styles, theme, resolveColor } = props;\n const STooltip = Root;\n const SArrow = Box;\n const STooltipContent = 'span';\n\n return sstyled(styles)(\n <>\n <STooltip render={Popper.Popper} role='tooltip' use:theme={resolveColor(theme)}>\n <STooltipContent aria-live={theme === 'warning' ? 'assertive' : 'polite'}>\n <Children />\n </STooltipContent>\n <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n </STooltip>\n </>,\n );\n}\n\nconst Tooltip = createComponent(\n TooltipRoot,\n {\n Trigger: TooltipTrigger,\n Popper: TooltipPopper,\n },\n {\n parent: Popper,\n },\n);\n\nexport default Tooltip;\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport Popper, {\n PopperContext,\n PopperProps,\n PopperTriggerProps,\n eventInteraction,\n} from '@semcore/popper';\n\n/** @deprecated */\nexport interface ITooltipProps extends TooltipProps, UnknownProperties {}\nexport type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperProps, 'interaction'> &\n PopperTriggerProps & {\n /**\n * Tooltip text\n */\n title?: React.ReactNode;\n /**\n * Tooltip theme. You can use the default themes or create your own\n * @default default\n */\n theme?: 'default' | 'warning' | 'invert';\n\n /**\n * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n * We'll delete this prop in next major release.\n */\n interaction?:\n | 'hover'\n | 'click' /** @deprecated */\n | 'focus' /** @deprecated */\n | 'none' /** @deprecated */\n | eventInteraction /** @deprecated */;\n };\n\n/** @deprecated */\nexport interface ITooltipContext extends TooltipContext, UnknownProperties {}\nexport type TooltipContext = PopperContext & {};\n\ndeclare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {\n Trigger: typeof Popper.Trigger;\n Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;\n};\n\nexport default Tooltip;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport Popper, {\n PopperContext,\n PopperProps,\n PopperTriggerProps,\n eventInteraction,\n} from '@semcore/popper';\n\n/** @deprecated */\nexport interface ITooltipProps extends TooltipProps, UnknownProperties {}\nexport type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperProps, 'interaction'> &\n PopperTriggerProps & {\n /**\n * Tooltip text\n */\n title?: React.ReactNode;\n /**\n * Tooltip theme. You can use the default themes or create your own\n * @default default\n */\n theme?: 'default' | 'warning' | 'invert';\n\n /**\n * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n * We'll delete this prop in next major release.\n */\n interaction?:\n | 'hover'\n | 'click' /** @deprecated */\n | 'focus' /** @deprecated */\n | 'none' /** @deprecated */\n | eventInteraction /** @deprecated */;\n };\n\nexport type TooltipTriggerContext = PopperContext & {\n popperId?: string;\n};\n/** @deprecated */\nexport interface ITooltipContext extends TooltipContext, UnknownProperties {}\nexport type TooltipContext = PopperContext & {};\n\ndeclare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {\n Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;\n Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;\n};\n\nexport default Tooltip;\n"],"mappings":""}
@@ -136,3 +136,7 @@ STooltip[data-popper-placement^='right'] SArrow {
136
136
  border-bottom-color: transparent !important;
137
137
  }
138
138
  }
139
+
140
+ STooltipContent {
141
+ display: contents;
142
+ }
@@ -33,12 +33,15 @@ export type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperPro
33
33
  | eventInteraction /** @deprecated */;
34
34
  };
35
35
 
36
+ export type TooltipTriggerContext = PopperContext & {
37
+ popperId?: string;
38
+ };
36
39
  /** @deprecated */
37
40
  export interface ITooltipContext extends TooltipContext, UnknownProperties {}
38
41
  export type TooltipContext = PopperContext & {};
39
42
 
40
43
  declare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {
41
- Trigger: typeof Popper.Trigger;
44
+ Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;
42
45
  Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;
43
46
  };
44
47
 
@@ -160,7 +160,8 @@ function Stepper(props) {
160
160
  if (onActive) onActive(step, e);
161
161
  }, [step, onActive]);
162
162
  var handlerKeyDown = _react["default"].useCallback(function (e) {
163
- if (onActive && e.key === 'Enter') {
163
+ if (onActive && (e.code === 'Enter' || e.code === 'Space')) {
164
+ e.preventDefault();
164
165
  onActive(step, e);
165
166
  }
166
167
  }, [step, onActive]);