@semcore/base-trigger 16.0.0-prerelease.2 → 16.0.0-prerelease.21
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.
- package/CHANGELOG.md +26 -2
- package/lib/cjs/BaseTrigger.js +20 -18
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +7 -3
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +4 -2
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +5 -3
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +1 -2
- package/lib/es6/BaseTrigger.js +20 -18
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +7 -3
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +4 -2
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +5 -3
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +1 -2
- package/lib/esm/BaseTrigger.mjs +96 -81
- package/lib/esm/ButtonTrigger.mjs +56 -45
- package/lib/esm/FilterTrigger.mjs +172 -146
- package/lib/esm/LinkTrigger.mjs +78 -65
- package/lib/esm/index.mjs +8 -8
- package/lib/esm/style/base-trigger.shadow.css +179 -0
- package/lib/esm/style/button-trigger.shadow.css +8 -0
- package/lib/esm/style/filter-trigger.shadow.css +26 -0
- package/lib/esm/style/link-trigger.shadow.css +95 -0
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +30 -30
- package/lib/esm/translations/de.json.mjs +8 -6
- package/lib/esm/translations/en.json.mjs +8 -6
- package/lib/esm/translations/es.json.mjs +8 -6
- package/lib/esm/translations/fr.json.mjs +8 -6
- package/lib/esm/translations/it.json.mjs +8 -6
- package/lib/esm/translations/ja.json.mjs +8 -6
- package/lib/esm/translations/ko.json.mjs +8 -6
- package/lib/esm/translations/nl.json.mjs +8 -6
- package/lib/esm/translations/pl.json.mjs +8 -6
- package/lib/esm/translations/pt.json.mjs +8 -6
- package/lib/esm/translations/sv.json.mjs +8 -6
- package/lib/esm/translations/tr.json.mjs +8 -6
- package/lib/esm/translations/vi.json.mjs +8 -6
- package/lib/esm/translations/zh.json.mjs +8 -6
- package/lib/types/index.d.ts +1 -3
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\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 ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,kBAAkB,QAAQ,wCAAwC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAItEC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAmBrB,SAAAC,aAAA,EAAe;MACb,OAAO;QACLC,GAAG,EAAE;MACP,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EACD,SAAAG,cAAA,EAAgB;MACd,OAAO;QACLD,GAAG,EAAE;MACP,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;MACxC,IAAMC,kBAAkB,GAAG3B,IAAI;MAC/B,IAAA4B,aAAA,GAAsD,IAAI,CAACN,OAAO;QAA1DO,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;MAEjD,OAAAV,KAAA,GAAO3B,OAAO,CAACkC,MAAM,CAAC,eACpBtC,KAAA,CAAA0C,aAAA,CAAcnC,WAAW,EAAAoC,YAAA,
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\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 ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -31,8 +31,10 @@ import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
|
31
31
|
import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
|
|
32
32
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
33
33
|
import { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';
|
|
34
|
-
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_.__active_1m3i1_gg_,.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1m3i1_gg_{display:inline-flex}.___SWrapper_1m3i1_gg_:focus{outline:0}.___SCounter_1m3i1_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__
|
|
34
|
+
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_.__active_1m3i1_gg_,.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1m3i1_gg_{display:inline-flex}.___SWrapper_1m3i1_gg_:focus{outline:0}.___SCounter_1m3i1_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1m3i1_gg_"),
|
|
36
|
+
/*__reshadow_css_end__*/
|
|
37
|
+
{
|
|
36
38
|
"__SCounter": "___SCounter_1m3i1_gg_",
|
|
37
39
|
"__SFilterTrigger": "___SFilterTrigger_1m3i1_gg_",
|
|
38
40
|
"_selected": "__selected_1m3i1_gg_",
|
|
@@ -1 +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","isAdvanceMode","Hint","ScreenReaderOnly","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","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/core/lib/utils/assignProps';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/core/lib/utils/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\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: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\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 );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
|
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","isAdvanceMode","Hint","ScreenReaderOnly","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","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/core/lib/utils/assignProps';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/core/lib/utils/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\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: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\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 );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -15,8 +15,10 @@ import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
|
15
15
|
import Spin from '@semcore/spin';
|
|
16
16
|
import { Box } from '@semcore/flex-box';
|
|
17
17
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
18
|
-
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_lwral_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_,.___SLinkTrigger_lwral_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_ .___SText_lwral_gg_,.___SLinkTrigger_lwral_gg_:active .___SText_lwral_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover .___SText_lwral_gg_{border-color:currentColor}}.___SLinkTrigger_lwral_gg_ .___SText_lwral_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_lwral_gg_.__color_lwral_gg_{color:var(--color_lwral)}@media (hover:hover){.___SLinkTrigger_lwral_gg_.__color_lwral_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_lwral_gg_.__disabled_lwral_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_lwral_gg_,.___SLinkAddon_lwral_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_lwral_gg_:not(:only-child):first-child,.___SLinkAddon_lwral_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_lwral_gg_:not(:only-child):last-child,.___SLinkAddon_lwral_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_lwral_gg_{width:16px;height:16px}.___SLinkTrigger_lwral_gg_._size_m_lwral_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_lwral_gg_._size_l_lwral_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_lwral_gg_,.___SLinkTrigger_lwral_gg_ .___SText_lwral_gg_{transition:none}}" /*__inner_css_end__
|
|
18
|
+
/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_lwral_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_,.___SLinkTrigger_lwral_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_ .___SText_lwral_gg_,.___SLinkTrigger_lwral_gg_:active .___SText_lwral_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover .___SText_lwral_gg_{border-color:currentColor}}.___SLinkTrigger_lwral_gg_ .___SText_lwral_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_lwral_gg_.__color_lwral_gg_{color:var(--color_lwral)}@media (hover:hover){.___SLinkTrigger_lwral_gg_.__color_lwral_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_lwral_gg_.__disabled_lwral_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_lwral_gg_,.___SLinkAddon_lwral_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_lwral_gg_:not(:only-child):first-child,.___SLinkAddon_lwral_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_lwral_gg_:not(:only-child):last-child,.___SLinkAddon_lwral_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_lwral_gg_{width:16px;height:16px}.___SLinkTrigger_lwral_gg_._size_m_lwral_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_lwral_gg_._size_l_lwral_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_lwral_gg_,.___SLinkTrigger_lwral_gg_ .___SText_lwral_gg_{transition:none}}", /*__inner_css_end__*/"lwral_gg_"),
|
|
20
|
+
/*__reshadow_css_end__*/
|
|
21
|
+
{
|
|
20
22
|
"__SLinkTrigger": "___SLinkTrigger_lwral_gg_",
|
|
21
23
|
"_disabled": "__disabled_lwral_gg_",
|
|
22
24
|
"__SLinkAddon": "___SLinkAddon_lwral_gg_",
|
|
@@ -64,7 +66,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
64
66
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
|
|
65
67
|
"tag": 'button',
|
|
66
68
|
"type": 'button',
|
|
67
|
-
"tabIndex": 0,
|
|
69
|
+
"tabIndex": loading ? -1 : 0,
|
|
68
70
|
"use:color": color
|
|
69
71
|
}, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
|
|
70
72
|
"size": 'xs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColorEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColorEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={loading ? -1 : 0}\n use:color={color}\n >\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
@@ -166,8 +166,7 @@ SBaseTrigger[state='invalid'] {
|
|
|
166
166
|
border-color: var(--intergalactic-border-critical-active, #d1002f);
|
|
167
167
|
|
|
168
168
|
&:focus-visible {
|
|
169
|
-
|
|
170
|
-
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
|
|
169
|
+
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 73, 83, 0.5));
|
|
171
170
|
}
|
|
172
171
|
}
|
|
173
172
|
|
package/lib/esm/BaseTrigger.mjs
CHANGED
|
@@ -1,107 +1,122 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { sstyled
|
|
8
|
-
import
|
|
9
|
-
import { Box
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import { cssVariableEnhance
|
|
15
|
-
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
|
|
8
|
+
import React from "react";
|
|
9
|
+
import { Box, InvalidStateBox } from "@semcore/flex-box";
|
|
10
|
+
import NeighborLocation from "@semcore/neighbor-location";
|
|
11
|
+
import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
|
|
12
|
+
import logger from "@semcore/core/lib/utils/logger";
|
|
13
|
+
import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
|
|
14
|
+
import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
|
|
15
|
+
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
16
|
+
var style = (
|
|
16
17
|
/*__reshadow_css_start__*/
|
|
17
|
-
(
|
|
18
|
+
(sstyled.insert(
|
|
18
19
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
20
|
+
".___SBaseTrigger_n9yl9_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_n9yl9_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_n9yl9_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_n9yl9_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_n9yl9_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_n9yl9_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_n9yl9_gg_.__active_n9yl9_gg_,.___SBaseTrigger_n9yl9_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_n9yl9_gg_.__disabled_n9yl9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_n9yl9_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_n9yl9_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_n9yl9_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_n9yl9_gg_{width:12px;height:12px}.___SBaseTrigger_n9yl9_gg_._size_m_n9yl9_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_n9yl9_gg_._size_m_n9yl9_gg_ .___SAddon_n9yl9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_n9yl9_gg_._size_m_n9yl9_gg_ .___SAddon_n9yl9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_n9yl9_gg_._size_l_n9yl9_gg_ .___SAddon_n9yl9_gg_:only-child,.___SBaseTrigger_n9yl9_gg_._size_m_n9yl9_gg_ .___SAddon_n9yl9_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_n9yl9_gg_._size_l_n9yl9_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_n9yl9_gg_._size_l_n9yl9_gg_ .___SAddon_n9yl9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_n9yl9_gg_._size_l_n9yl9_gg_ .___SAddon_n9yl9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_n9yl9_gg_._neighborLocation_right_n9yl9_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_n9yl9_gg_._neighborLocation_both_n9yl9_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_n9yl9_gg_._neighborLocation_left_n9yl9_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_n9yl9_gg_.__display-placeholder_n9yl9_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_n9yl9_gg_._state_valid_n9yl9_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_n9yl9_gg_._state_invalid_n9yl9_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_n9yl9_gg_._state_invalid_n9yl9_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 73, 83, 0.5))}.___SInvalidPattern_n9yl9_gg_._size_m_n9yl9_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_n9yl9_gg_._size_l_n9yl9_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
|
|
21
|
+
/*__inner_css_end__*/
|
|
22
|
+
"n9yl9_gg_"
|
|
23
|
+
), /*__reshadow_css_end__*/
|
|
24
|
+
{
|
|
25
|
+
"__SBaseTrigger": "___SBaseTrigger_n9yl9_gg_",
|
|
26
|
+
"_disabled": "__disabled_n9yl9_gg_",
|
|
27
|
+
"__SInner": "___SInner_n9yl9_gg_",
|
|
28
|
+
"__SText": "___SText_n9yl9_gg_",
|
|
29
|
+
"__SAddon": "___SAddon_n9yl9_gg_",
|
|
30
|
+
"__SBaseAddon": "___SBaseAddon_n9yl9_gg_",
|
|
31
|
+
"_neighborLocation_right": "_neighborLocation_right_n9yl9_gg_",
|
|
32
|
+
"_neighborLocation_both": "_neighborLocation_both_n9yl9_gg_",
|
|
33
|
+
"_neighborLocation_left": "_neighborLocation_left_n9yl9_gg_",
|
|
34
|
+
"_display-placeholder": "__display-placeholder_n9yl9_gg_",
|
|
35
|
+
"_state_valid": "_state_valid_n9yl9_gg_",
|
|
36
|
+
"__SInvalidPattern": "___SInvalidPattern_n9yl9_gg_",
|
|
37
|
+
"_size_m": "_size_m_n9yl9_gg_",
|
|
38
|
+
"_size_l": "_size_l_n9yl9_gg_",
|
|
39
|
+
"_active": "__active_n9yl9_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_n9yl9_gg_"
|
|
38
41
|
})
|
|
39
|
-
)
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
);
|
|
43
|
+
var RootBaseTrigger = /* @__PURE__ */ function(_Component) {
|
|
44
|
+
_inherits(RootBaseTrigger2, _Component);
|
|
45
|
+
var _super = _createSuper(RootBaseTrigger2);
|
|
46
|
+
function RootBaseTrigger2() {
|
|
47
|
+
_classCallCheck(this, RootBaseTrigger2);
|
|
48
|
+
return _super.apply(this, arguments);
|
|
44
49
|
}
|
|
45
|
-
|
|
50
|
+
_createClass(RootBaseTrigger2, [{
|
|
46
51
|
key: "getTextProps",
|
|
47
|
-
value: function() {
|
|
48
|
-
var
|
|
52
|
+
value: function getTextProps() {
|
|
53
|
+
var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
|
|
49
54
|
return {
|
|
50
|
-
placeholder
|
|
51
|
-
empty
|
|
55
|
+
placeholder,
|
|
56
|
+
empty
|
|
52
57
|
};
|
|
53
58
|
}
|
|
54
59
|
}, {
|
|
55
60
|
key: "render",
|
|
56
|
-
value: function() {
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
61
|
+
value: function render() {
|
|
62
|
+
var _ref = this.asProps;
|
|
63
|
+
var SBaseTrigger = Box;
|
|
64
|
+
var SInner = "span";
|
|
65
|
+
var SInvalidPattern = InvalidStateBox;
|
|
66
|
+
var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, theme = _this$asProps2.theme, neighborLocation = _this$asProps2.neighborLocation, empty = _this$asProps2.empty, state = _this$asProps2.state, size = _this$asProps2.size;
|
|
67
|
+
logger.warn(theme !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || BaseTrigger.displayName);
|
|
68
|
+
return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
|
|
69
|
+
neighborLocation
|
|
70
|
+
}, function(neighborLocation2) {
|
|
71
|
+
var _ref4;
|
|
72
|
+
return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, assignProps({
|
|
73
|
+
"tag": "button",
|
|
74
|
+
"type": "button",
|
|
75
|
+
"tabIndex": 0,
|
|
76
|
+
"neighborLocation": neighborLocation2,
|
|
77
|
+
"state": theme
|
|
78
|
+
}, _ref))), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
|
|
79
|
+
"size": size
|
|
80
|
+
})), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
|
|
71
81
|
});
|
|
72
82
|
}
|
|
73
|
-
}])
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
83
|
+
}]);
|
|
84
|
+
return RootBaseTrigger2;
|
|
85
|
+
}(Component);
|
|
86
|
+
_defineProperty(RootBaseTrigger, "displayName", "BaseTrigger");
|
|
87
|
+
_defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
|
|
77
88
|
variable: "--intergalactic-duration-control",
|
|
78
89
|
fallback: "200",
|
|
79
90
|
map: Number.parseInt,
|
|
80
91
|
prop: "duration"
|
|
81
|
-
}),
|
|
92
|
+
}), animatedSizeEnhance({
|
|
82
93
|
animateProps: ["width"],
|
|
83
94
|
onChangeOf: ["value"]
|
|
84
95
|
})]);
|
|
85
|
-
|
|
86
|
-
|
|
96
|
+
_defineProperty(RootBaseTrigger, "style", style);
|
|
97
|
+
_defineProperty(RootBaseTrigger, "defaultProps", {
|
|
87
98
|
size: "m",
|
|
88
|
-
empty:
|
|
99
|
+
empty: false
|
|
89
100
|
});
|
|
90
|
-
function
|
|
91
|
-
var
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
101
|
+
function Text(props) {
|
|
102
|
+
var _ref2 = arguments[0], _ref5;
|
|
103
|
+
var SText = Box;
|
|
104
|
+
var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder;
|
|
105
|
+
return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
|
|
106
|
+
"display-placeholder": empty,
|
|
107
|
+
"aria-hidden": empty
|
|
108
|
+
}, _ref2))), empty ? placeholder : children);
|
|
96
109
|
}
|
|
97
|
-
function
|
|
98
|
-
var
|
|
99
|
-
|
|
110
|
+
function Addon(props) {
|
|
111
|
+
var _ref3 = arguments[0], _ref6;
|
|
112
|
+
var SAddon = Box;
|
|
113
|
+
var styles = props.styles;
|
|
114
|
+
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
|
|
100
115
|
}
|
|
101
|
-
var
|
|
102
|
-
Text
|
|
103
|
-
Addon
|
|
116
|
+
var BaseTrigger = createComponent(RootBaseTrigger, {
|
|
117
|
+
Text,
|
|
118
|
+
Addon
|
|
104
119
|
});
|
|
105
120
|
export {
|
|
106
|
-
|
|
121
|
+
BaseTrigger as default
|
|
107
122
|
};
|
|
@@ -1,77 +1,88 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { sstyled
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { cssVariableEnhance
|
|
14
|
-
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
4
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
5
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
|
+
import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
|
|
7
|
+
import React from "react";
|
|
8
|
+
import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
|
|
9
|
+
import ChevronDown from "@semcore/icon/ChevronDown/m";
|
|
10
|
+
import BaseTrigger from "./BaseTrigger.mjs";
|
|
11
|
+
import Spin from "@semcore/spin";
|
|
12
|
+
import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
|
|
13
|
+
import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
|
|
14
|
+
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
15
|
+
var style = (
|
|
15
16
|
/*__reshadow_css_start__*/
|
|
16
|
-
(
|
|
17
|
+
(sstyled.insert(
|
|
17
18
|
/*__inner_css_start__*/
|
|
18
19
|
".___SButtonAddon_1dfiu_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1dfiu_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
|
|
20
|
+
/*__inner_css_end__*/
|
|
19
21
|
"1dfiu_gg_"
|
|
20
|
-
),
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
), /*__reshadow_css_end__*/
|
|
23
|
+
{
|
|
24
|
+
"__SButtonAddon": "___SButtonAddon_1dfiu_gg_",
|
|
25
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1dfiu_gg_"
|
|
23
26
|
})
|
|
24
|
-
)
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
);
|
|
28
|
+
var RootButtonTrigger = /* @__PURE__ */ function(_Component) {
|
|
29
|
+
_inherits(RootButtonTrigger2, _Component);
|
|
30
|
+
var _super = _createSuper(RootButtonTrigger2);
|
|
31
|
+
function RootButtonTrigger2() {
|
|
32
|
+
_classCallCheck(this, RootButtonTrigger2);
|
|
33
|
+
return _super.apply(this, arguments);
|
|
29
34
|
}
|
|
30
|
-
|
|
35
|
+
_createClass(RootButtonTrigger2, [{
|
|
31
36
|
key: "getTextProps",
|
|
32
|
-
value: function() {
|
|
37
|
+
value: function getTextProps() {
|
|
33
38
|
return {
|
|
34
39
|
tag: "span"
|
|
35
40
|
};
|
|
36
41
|
}
|
|
37
42
|
}, {
|
|
38
43
|
key: "getAddonProps",
|
|
39
|
-
value: function() {
|
|
44
|
+
value: function getAddonProps() {
|
|
40
45
|
return {
|
|
41
46
|
tag: "span"
|
|
42
47
|
};
|
|
43
48
|
}
|
|
44
49
|
}, {
|
|
45
50
|
key: "render",
|
|
46
|
-
value: function() {
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
value: function render() {
|
|
52
|
+
var _ref = this.asProps, _ref2;
|
|
53
|
+
var SButtonAddon = ButtonTrigger.Addon;
|
|
54
|
+
var SButtonTriggerSpin = Spin;
|
|
55
|
+
var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, loading = _this$asProps.loading, chevron = _this$asProps.chevron, empty = _this$asProps.empty;
|
|
56
|
+
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({
|
|
57
|
+
"tabIndex": loading ? -1 : 0
|
|
58
|
+
}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /* @__PURE__ */ React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /* @__PURE__ */ React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
59
|
+
"size": "xs",
|
|
60
|
+
"theme": false
|
|
61
|
+
})) : /* @__PURE__ */ React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
|
|
52
62
|
}
|
|
53
|
-
}])
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
63
|
+
}]);
|
|
64
|
+
return RootButtonTrigger2;
|
|
65
|
+
}(Component);
|
|
66
|
+
_defineProperty(RootButtonTrigger, "displayName", "ButtonTrigger");
|
|
67
|
+
_defineProperty(RootButtonTrigger, "style", style);
|
|
68
|
+
_defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
|
|
58
69
|
variable: "--intergalactic-duration-control",
|
|
59
70
|
fallback: "200",
|
|
60
71
|
map: Number.parseInt,
|
|
61
72
|
prop: "duration"
|
|
62
|
-
}),
|
|
73
|
+
}), animatedSizeEnhance({
|
|
63
74
|
animateProps: ["width"],
|
|
64
75
|
onChangeOf: ["value"]
|
|
65
76
|
})]);
|
|
66
|
-
|
|
67
|
-
chevron:
|
|
77
|
+
_defineProperty(RootButtonTrigger, "defaultProps", {
|
|
78
|
+
chevron: true
|
|
68
79
|
});
|
|
69
|
-
var
|
|
70
|
-
Text:
|
|
71
|
-
Addon:
|
|
80
|
+
var ButtonTrigger = createComponent(RootButtonTrigger, {
|
|
81
|
+
Text: BaseTrigger.Text,
|
|
82
|
+
Addon: BaseTrigger.Addon
|
|
72
83
|
}, {
|
|
73
|
-
parent:
|
|
84
|
+
parent: BaseTrigger
|
|
74
85
|
});
|
|
75
86
|
export {
|
|
76
|
-
|
|
87
|
+
ButtonTrigger as default
|
|
77
88
|
};
|