intergalactic 15.60.0 → 15.60.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [15.60.1] - 2024-02-19
+
+### @semcore/base-trigger
+
+- **Fixed** Pressing enter in forms was triggering `FilterTrigger` to open.
+
+### @semcore/popper
+
+- **Fixed** Focusing trigger right after popper had been closed by mouse leave was not opening popper again.
+
 ## [15.60.0] - 2024-02-16
 
 ### @semcore/accordion

package/accordion/lib/cjs/Accordion.js

@@ -24,13 +24,13 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_ibjv4_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_ibjv4_gg_.__keyboardFocused_ibjv4_gg_:not(._tabIndex_-1_ibjv4_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_ibjv4_gg_.__disabled_ibjv4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_ibjv4_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_ibjv4_gg_.__selected_ibjv4_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_ibjv4_gg_{transition:none}}" /*__inner_css_end__*/, "ibjv4_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_ibjv4_gg_",
-  "_keyboardFocused": "__keyboardFocused_ibjv4_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_ibjv4_gg_",
-  "_disabled": "__disabled_ibjv4_gg_",
-  "__SItemChevron": "___SItemChevron_ibjv4_gg_",
-  "_selected": "__selected_ibjv4_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1y55g_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_1y55g_gg_.__keyboardFocused_1y55g_gg_:not(._tabIndex_-1_1y55g_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1y55g_gg_.__disabled_1y55g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1y55g_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1y55g_gg_.__selected_1y55g_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1y55g_gg_{transition:none}}" /*__inner_css_end__*/, "1y55g_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_1y55g_gg_",
+  "_keyboardFocused": "__keyboardFocused_1y55g_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1y55g_gg_",
+  "_disabled": "__disabled_1y55g_gg_",
+  "__SItemChevron": "___SItemChevron_1y55g_gg_",
+  "_selected": "__selected_1y55g_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootAccordion, _Component);

package/accordion/lib/es6/Accordion.js

@@ -20,13 +20,13 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_ibjv4_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_ibjv4_gg_.__keyboardFocused_ibjv4_gg_:not(._tabIndex_-1_ibjv4_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_ibjv4_gg_.__disabled_ibjv4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_ibjv4_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_ibjv4_gg_.__selected_ibjv4_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_ibjv4_gg_{transition:none}}" /*__inner_css_end__*/, "ibjv4_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_ibjv4_gg_",
-  "_keyboardFocused": "__keyboardFocused_ibjv4_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_ibjv4_gg_",
-  "_disabled": "__disabled_ibjv4_gg_",
-  "__SItemChevron": "___SItemChevron_ibjv4_gg_",
-  "_selected": "__selected_ibjv4_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1y55g_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_1y55g_gg_.__keyboardFocused_1y55g_gg_:not(._tabIndex_-1_1y55g_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1y55g_gg_.__disabled_1y55g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1y55g_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1y55g_gg_.__selected_1y55g_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1y55g_gg_{transition:none}}" /*__inner_css_end__*/, "1y55g_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_1y55g_gg_",
+  "_keyboardFocused": "__keyboardFocused_1y55g_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1y55g_gg_",
+  "_disabled": "__disabled_1y55g_gg_",
+  "__SItemChevron": "___SItemChevron_1y55g_gg_",
+  "_selected": "__selected_1y55g_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/base-trigger/lib/cjs/FilterTrigger.js

@@ -93,6 +93,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "use:role": role
       }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", (0, _objectSpread2["default"])({
         "tag": 'button',
+        "type": 'button',
         "w": '100%',
         "size": size,
         "placeholder": placeholder,
@@ -106,6 +107,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         tag: _m2["default"]
       })), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
         "tag": 'button',
+        "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,

package/base-trigger/lib/cjs/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps3","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","style","sstyled","insert","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","stopPropagation","setTimeout","document","activeElement","body","setFocus","asProps","triggerRef","current","_createClass2","key","value","render","_ref","_ref3","SWrapper","Box","SFilterTrigger","BaseTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","createElement","cn","_objectSpread2","assignProps","addonTextChildren","FilterTrigger","Text","Addon","Counter","tag","ChevronDown","callAllEventHandlers","handleClear","handleStopPropagation","Close","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","inputProps","i18n","locale","React","createRef","props","_ref2","arguments[0]","_ref4","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  };\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.asProps.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\n          >\n            {addonTextChildren(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps3","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","style","sstyled","insert","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","stopPropagation","setTimeout","document","activeElement","body","setFocus","asProps","triggerRef","current","_createClass2","key","value","render","_ref","_ref3","SWrapper","Box","SFilterTrigger","BaseTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","createElement","cn","_objectSpread2","assignProps","addonTextChildren","FilterTrigger","Text","Addon","Counter","tag","ChevronDown","callAllEventHandlers","handleClear","handleStopPropagation","Close","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","inputProps","i18n","locale","React","createRef","props","_ref2","arguments[0]","_ref4","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  };\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.asProps.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            type='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\n          >\n            {addonTextChildren(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              type='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}

package/base-trigger/lib/es6/FilterTrigger.js

@@ -88,6 +88,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "use:role": role
       }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", _objectSpread({
         "tag": 'button',
+        "type": 'button',
         "w": '100%',
         "size": size,
         "placeholder": placeholder,
@@ -101,6 +102,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         tag: ChevronDown
       })), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
         "tag": 'button',
+        "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,

package/base-trigger/lib/es6/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","e","stopPropagation","setTimeout","document","activeElement","body","asProps","triggerRef","current","_createClass","key","value","render","_ref","_ref3","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","_getInputProps2","_slicedToArray","controlProps","createElement","cn","_objectSpread","_assignProps","FilterTrigger","Text","Addon","Counter","tag","handleClear","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  };\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.asProps.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\n          >\n            {addonTextChildren(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","e","stopPropagation","setTimeout","document","activeElement","body","asProps","triggerRef","current","_createClass","key","value","render","_ref","_ref3","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","_getInputProps2","_slicedToArray","controlProps","createElement","cn","_objectSpread","_assignProps","FilterTrigger","Text","Addon","Counter","tag","handleClear","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  };\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.asProps.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            type='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\n          >\n            {addonTextChildren(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              type='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}

package/components.json

@@ -2,7 +2,7 @@
   "@semcore/accordion": "5.24.0",
   "@semcore/animation": "2.18.2",
   "@semcore/badge": "4.18.2",
-  "@semcore/base-trigger": "4.26.0",
+  "@semcore/base-trigger": "4.26.1",
   "@semcore/breadcrumbs": "5.24.0",
   "@semcore/breakpoints": "1.19.2",
   "@semcore/button": "5.20.2",
@@ -13,17 +13,17 @@
   "@semcore/core": "2.17.2",
   "@semcore/counter": "3.18.2",
   "@semcore/data-table": "4.27.0",
-  "@semcore/date-picker": "4.28.1",
+  "@semcore/date-picker": "4.28.2",
   "@semcore/divider": "4.18.2",
   "@semcore/dot": "5.18.2",
   "@semcore/drag-and-drop": "3.27.0",
-  "@semcore/dropdown": "4.19.3",
-  "@semcore/dropdown-menu": "4.20.3",
-  "@semcore/d3-chart": "3.27.3",
+  "@semcore/dropdown": "4.19.4",
+  "@semcore/dropdown-menu": "4.20.4",
+  "@semcore/d3-chart": "3.27.4",
   "@semcore/ellipsis": "2.19.0",
   "@semcore/email": "1.0.2",
   "@semcore/errors": "4.21.2",
-  "@semcore/feature-popover": "4.25.0",
+  "@semcore/feature-popover": "4.25.1",
   "@semcore/feedback-form": "6.20.0",
   "@semcore/flags": "4.18.2",
   "@semcore/flex-box": "5.19.1",
@@ -48,13 +48,13 @@
   "@semcore/outside-click": "3.17.2",
   "@semcore/pagination": "4.27.0",
   "@semcore/pills": "5.20.0",
-  "@semcore/popper": "5.20.0",
+  "@semcore/popper": "5.20.1",
   "@semcore/portal": "3.17.2",
   "@semcore/product-head": "4.19.2",
   "@semcore/progress-bar": "4.18.2",
   "@semcore/radio": "6.21.3",
   "@semcore/scroll-area": "5.20.2",
-  "@semcore/select": "4.29.1",
+  "@semcore/select": "4.29.2",
   "@semcore/side-panel": "3.26.0",
   "@semcore/skeleton": "5.19.2",
   "@semcore/slider": "4.18.2",
@@ -66,8 +66,8 @@
   "@semcore/tab-panel": "4.20.0",
   "@semcore/tag": "5.26.0",
   "@semcore/textarea": "5.19.3",
-  "@semcore/time-picker": "4.29.1",
-  "@semcore/tooltip": "6.20.0",
+  "@semcore/time-picker": "4.29.2",
+  "@semcore/tooltip": "6.20.1",
   "@semcore/typography": "5.26.0",
   "@semcore/utils": "4.20.2",
   "@semcore/widget-empty": "4.18.2",

package/d3-chart/Area.d.ts

@@ -2,6 +2,7 @@ import { UnknownProperties } from 'intergalactic/core';
 import { Context } from './context';
 import { CurveFactory } from 'd3-shape';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IAreaProps extends AreaProps, UnknownProperties {}
@@ -22,6 +23,8 @@ export type AreaProps = Context & {
   duration?: number;
   /** Enables element transparency */
   transparent?: boolean;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/Bar.d.ts

@@ -2,6 +2,7 @@ import { UnknownProperties } from 'intergalactic/core';
 import { Context } from './context';
 import { IntergalacticD3Component } from './Plot';
 import { ScaleBand, ScaleLinear } from 'd3-scale';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IBarProps extends BarProps, UnknownProperties {}
@@ -36,6 +37,8 @@ export type BarProps = Context & {
    * The maximum width of each Bar
    */
   maxBarSize?: number;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/Bubble.d.ts

@@ -2,6 +2,7 @@ import { Intergalactic, UnknownProperties } from 'intergalactic/core';
 import { Context } from './context';
 import { TooltipType } from './Tooltip';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IBubbleProps extends BubbleProps, UnknownProperties {}
@@ -26,6 +27,8 @@ export type BubbleProps = Context & {
   duration?: number;
   /** Enables element transparency */
   transparent?: boolean;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/Donut.d.ts

@@ -2,6 +2,7 @@ import { UnknownProperties } from 'intergalactic/core';
 import { Context } from './context';
 import { TooltipType } from './Tooltip';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IDonutProps extends DonutProps, UnknownProperties {}
@@ -24,6 +25,8 @@ export type DonutProps = Context & {
    * @default 0
    */
   paddingAngle?: number;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/GroupBar.d.ts

@@ -3,6 +3,7 @@ import { BarContext, BarProps } from './Bar';
 import { HorizontalBarProps } from './HorizontalBar';
 import { Context } from './context';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IGroupBarProps extends GroupBarProps, UnknownProperties {}
@@ -14,7 +15,6 @@ export type GroupBarProps = Context & {
   /** Scale for group bars */
   /** @deprecated */
   scaleGroup?: any;
-
   /**
    * The maximum width of each Bar
    */

package/d3-chart/HorizontalBar.d.ts

@@ -2,6 +2,7 @@ import { UnknownProperties } from 'intergalactic/core';
 import { Context } from './context';
 import { BarContext, BackgroundProps } from './Bar';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IHorizontalBarProps extends HorizontalBarProps, UnknownProperties {}
@@ -26,6 +27,8 @@ export type HorizontalBarProps = Context & {
    * The maximum width of each Bar
    */
   maxBarSize?: number;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 declare const HorizontalBar: IntergalacticD3Component<'path', HorizontalBarProps, BarContext> & {

package/d3-chart/Line.d.ts

@@ -3,6 +3,7 @@ import { Context } from './context';
 import { curveCardinal, CurveFactory } from 'd3-shape';
 import { FadeInOutProps } from 'intergalactic/animation';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface ILineProps extends LineProps, UnknownProperties {}
@@ -23,6 +24,8 @@ export type LineProps = Context & {
   duration?: number;
   /** Enables element transparency */
   transparent?: boolean;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/Plot.d.ts

@@ -2,7 +2,7 @@ import { BoxProps } from 'intergalactic/flex-box';
 import { UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Context } from './context';
 import { DataStructureHints } from './a11y/hints';
-import { PatternsConfig } from '../Pattern';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IPlotProps extends PlotProps, UnknownProperties {}

package/d3-chart/Radar.d.ts

@@ -4,6 +4,7 @@ import { CurveFactory } from 'd3-shape';
 import { TooltipType } from './Tooltip';
 import { IntergalacticD3Component } from './Plot';
 import { BoxProps } from 'intergalactic/flex-box';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IRadarProps extends RadarProps, UnknownProperties {}
@@ -35,6 +36,8 @@ export type RadarProps = Context & {
    * @example Math.PI/3
    * */
   angleOffset?: number;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/ReferenceLine.d.ts

@@ -9,7 +9,6 @@ export type ReferenceLineProps = Context & {
    * @default 'left' */
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
-  /** @deprecated */
   value?: any;
 
   title?: string;
@@ -21,7 +20,6 @@ export type ReferenceLineTitleProps = Context & {
   /** The position of the axis relative reference line */
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
-  /** @deprecated */
   value: any;
 };
 
@@ -33,8 +31,9 @@ export type ReferenceLineBackgroundProps = Context & {
   /** The position of the axis relative reference line */
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
-  /** @deprecated */
   value?: any;
+  /** Value of the background end */
+  endValue?: number | string;
 };
 
 declare const ReferenceLine: IntergalacticD3Component<'line', ReferenceLineProps, Context> & {

package/d3-chart/ScatterPlot.d.ts

@@ -2,6 +2,7 @@ import { UnknownProperties } from 'intergalactic/core';
 import { Context } from './context';
 import { TooltipType } from './Tooltip';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IScatterPlotProps extends ScatterPlotProps, UnknownProperties {}
@@ -26,6 +27,8 @@ export type ScatterPlotProps = Context & {
   r?: number;
   /** Enables element transparency */
   transparent?: boolean;
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 declare const ScatterPlot: IntergalacticD3Component<'g', ScatterPlotProps, Context> & {

package/d3-chart/StackBar.d.ts

@@ -3,6 +3,7 @@ import { Context } from './context';
 import { BarContext, BarProps } from './Bar';
 import { HorizontalBarProps } from './HorizontalBar';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IStackBarProps extends StackBarProps, UnknownProperties {}
@@ -19,6 +20,9 @@ export type StackBarProps = Context & {
    * The maximum width of each Bar
    */
   maxBarSize?: number;
+
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/StackedArea.d.ts

@@ -2,6 +2,7 @@ import { UnknownProperties } from 'intergalactic/core';
 import { Context } from './context';
 import Area from './Area';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IStackedAreaProps extends StackedAreaProps, UnknownProperties {}
@@ -14,6 +15,9 @@ export type StackedAreaProps = Context & {
    * @default d3.stack() */
   /** @deprecated */
   stack?: any;
+
+  /** Enables charts patterns that enhances charts accessability */
+  patterns?: PatternsConfig;
 };
 
 /** @deprecated */

package/d3-chart/Venn.d.ts

@@ -3,6 +3,7 @@ import { Context } from './context';
 import { FadeInOutProps } from 'intergalactic/animation';
 import { TooltipType } from './Tooltip';
 import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IVennProps extends VennProps, UnknownProperties {}
@@ -18,6 +19,8 @@ export type VennProps = Context &
      * @default (circle1, circle2) => circle2.radius - circle1.radius
      */
     orientationOrder?: (c1: number, c2: number) => number;
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
   };
 
 /** @deprecated */

package/d3-chart/lib/cjs/ReferenceLine.js

@@ -62,30 +62,32 @@ var lineDirection2props = {
   }
 };
 var rectDirection2props = {
-  vertical: function vertical(_ref8, value) {
+  vertical: function vertical(_ref8, value, endValue) {
     var _ref9 = (0, _slicedToArray2["default"])(_ref8, 2),
       xScale = _ref9[0],
       yScale = _ref9[1];
     var yRange = yScale.range();
     var x = (0, _utils.scaleOfBandwidth)(xScale, value);
+    var width = endValue !== undefined ? (0, _utils.scaleOfBandwidth)(xScale, endValue) - x : 100;
     return {
       x: x,
       y: yRange[1],
-      width: 100,
+      width: width,
       height: yRange[0] - yRange[1]
     };
   },
-  horizontal: function horizontal(_ref10, value) {
+  horizontal: function horizontal(_ref10, value, endValue) {
     var _ref11 = (0, _slicedToArray2["default"])(_ref10, 2),
       xScale = _ref11[0],
       yScale = _ref11[1];
     var xRange = xScale.range();
     var y = (0, _utils.scaleOfBandwidth)(yScale, value);
+    var height = endValue !== undefined ? (0, _utils.scaleOfBandwidth)(yScale, endValue) - y : 100;
     return {
       x: xRange[0],
       y: y,
       width: xRange[1] - xRange[0],
-      height: 100
+      height: height
     };
   }
 };
@@ -223,12 +225,13 @@ function Background(props) {
     styles = props.styles,
     scale = props.scale,
     position = props.position,
-    value = props.value;
+    value = props.value,
+    endValue = props.endValue;
   var positionProps = rectDirection2props[side2direction[position]];
   return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref3.cn("SBackground", (0, _objectSpread2["default"])({
     "render": 'rect',
     "childrenPosition": 'inside'
-  }, positionProps(scale, value))));
+  }, positionProps(scale, value, endValue))));
 }
 var ReferenceLine = (0, _createElement["default"])(ReferenceLineRoot, {
   Title: Title,