npm - @vibe/core - Versions diffs - 3.61.1 → 3.62.1-alpha-ab54f.0 - Mend

@vibe/core 3.61.1 → 3.62.1-alpha-ab54f.0

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

Files changed (634) hide show

package/dist/src/components/Skeleton/Skeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_3729738e28",rectangle:"rectangle_00d3bd35d1",shine:"shine_d5e0d2f4cb",circle:"circle_f9bc2cf5f0",text:"text_b81b5ea2aa",textH1:"textH1_97a09b1bfc",textH2:"textH2_886ee8e644",textH3:"textH3_886ee8e644",textH4:"textH4_18812b9abe",textH5:"textH5_394a016477",textH6:"textH6_d2ca7b8042",textSmall:"textSmall_5f392e63a6",textCustom:"textCustom_d2ca7b8042",fullWidth:"fullWidth_f2ae9cfae2"};!function(n){const e="s_id-41cda04b2bc0_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_3729738e28 {\n  display: flex;\n}\n\n.rectangle_00d3bd35d1 {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_d5e0d2f4cb;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_d5e0d2f4cb {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_f9bc2cf5f0 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_d5e0d2f4cb;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_d5e0d2f4cb {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_b81b5ea2aa {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_d5e0d2f4cb;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_d5e0d2f4cb {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_97a09b1bfc {\n  height: 32px;\n}\n\n.textH2_886ee8e644 {\n  height: 24px;\n}\n\n.textH3_886ee8e644 {\n  height: 24px;\n}\n\n.textH4_18812b9abe {\n  height: 21px;\n}\n\n.textH5_394a016477 {\n  height: 16px;\n}\n\n.textH6_d2ca7b8042 {\n  height: 12px;\n}\n\n.textSmall_5f392e63a6,\n.textCustom_d2ca7b8042 {\n  height: 12px;\n}\n\n.fullWidth_f2ae9cfae2 {\n  width: 100%;\n}\n\n.skeleton_3729738e28:not(.fullWidth_f2ae9cfae2) .text_b81b5ea2aa {\n  width: 162px;\n}\n\n.skeleton_3729738e28:not(.fullWidth_f2ae9cfae2) .circle_f9bc2cf5f0 {\n  width: 40px;\n}\n\n.skeleton_3729738e28:not(.fullWidth_f2ae9cfae2) .rectangle_00d3bd35d1 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_cbd2e3a4c5",rectangle:"rectangle_407e964166",shine:"shine_427385ae62",circle:"circle_464e5311a9",text:"text_83426854fa",textH1:"textH1_aae92b9c72",textH2:"textH2_86c38e27c2",textH3:"textH3_86c38e27c2",textH4:"textH4_3573bdc329",textH5:"textH5_1f00f44fae",textH6:"textH6_8d3be19365",textSmall:"textSmall_4b906a5387",textCustom:"textCustom_8d3be19365",fullWidth:"fullWidth_dd3453da2b"};!function(n){const e="s_id-41cda04b2bc0_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_cbd2e3a4c5 {\n  display: flex;\n}\n\n.rectangle_407e964166 {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_427385ae62;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_427385ae62 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_464e5311a9 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_427385ae62;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_427385ae62 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_83426854fa {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_427385ae62;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_427385ae62 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_aae92b9c72 {\n  height: 32px;\n}\n\n.textH2_86c38e27c2 {\n  height: 24px;\n}\n\n.textH3_86c38e27c2 {\n  height: 24px;\n}\n\n.textH4_3573bdc329 {\n  height: 21px;\n}\n\n.textH5_1f00f44fae {\n  height: 16px;\n}\n\n.textH6_8d3be19365 {\n  height: 12px;\n}\n\n.textSmall_4b906a5387,\n.textCustom_8d3be19365 {\n  height: 12px;\n}\n\n.fullWidth_dd3453da2b {\n  width: 100%;\n}\n\n.skeleton_cbd2e3a4c5:not(.fullWidth_dd3453da2b) .text_83426854fa {\n  width: 162px;\n}\n\n.skeleton_cbd2e3a4c5:not(.fullWidth_dd3453da2b) .circle_464e5311a9 {\n  width: 40px;\n}\n\n.skeleton_cbd2e3a4c5:not(.fullWidth_dd3453da2b) .rectangle_407e964166 {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/src/components/SlideTransition/SlideTransition.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={slide:"slide_caaa106db0"};!function(e){const t="s_id-096ffa3ec029_3_61_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_caaa106db0 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={slide:"slide_41291ce4dd"};!function(e){const t="s_id-096ffa3ec029_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_41291ce4dd {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=SlideTransition.module.scss.js.map

package/dist/src/components/Slider/SelectionIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{useMemo as t}from"react";import{debounce as o}from"lodash-es";import n from"../TextField/TextField.js";import{useSliderSelection as i,useSliderActions as a}from"./SliderContext.js";import l from"./SelectionIndicator.module.scss.js";var u=function(u){var s=u.kind,c="postfix"===(void 0===s?"prefix":s),m=i(),f=function(e,r,t,o){return r?e?[t[1],o[1]]:[t[0],o[0]]:[t,o]}(c,m.ranged,m.value,m.valueText),d=e(f,2)[1],p=a().changeThumbValue,v=t((function(){return o((function(e){var r=function(e){return e.replace(/\D/g,"")}(e);p(r,c?1:0,!0)}),300)}),[p,c]);return r.createElement(n,{onChange:v,value:d+"",className:l.selectionIndicator})};export{u as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{useMemo as t}from"react";import{debounce as o}from"es-toolkit/compat";import i from"../TextField/TextField.js";import{useSliderSelection as n,useSliderActions as a}from"./SliderContext.js";import l from"./SelectionIndicator.module.scss.js";var u=function(u){var c=u.kind,m="postfix"===(void 0===c?"prefix":c),s=n(),f=function(e,r,t,o){return r?e?[t[1],o[1]]:[t[0],o[0]]:[t,o]}(m,s.ranged,s.value,s.valueText),p=e(f,2)[1],d=a().changeThumbValue,v=t((function(){return o((function(e){var r=function(e){return e.replace(/\D/g,"")}(e);d(r,m?1:0,!0)}),300)}),[d,m]);return r.createElement(i,{onChange:v,value:p+"",className:l.selectionIndicator})};export{u as default};
 //# sourceMappingURL=SelectionIndicator.js.map

package/dist/src/components/Slider/SelectionIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionIndicator.js","sources":["../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"~~lodash~~-es\";\nimport TextField from \"../TextField/TextField\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { type InfixKind } from \"./Slider.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number \| number[], valueText: string \| string[]) {\n if (!ranged) {\n return [value as number, valueText as string];\n }\n if (isPostfix) {\n return [(value as number[])[1], (valueText as string[])[1]];\n }\n return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n /*\n Determines whether the selection indicator is a prefix or postfix.\n /\n kind?: InfixKind;\n /\n The key for the selection indicator (used for React key uniqueness).\n */\n key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n const isPostfix = kind === \"postfix\";\n const { ranged, value, valueText } = useSliderSelection();\n const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n const { changeThumbValue } = useSliderActions();\n const handleChange = useMemo(\n () =>\n debounce(newValueText => {\n const newValue = parseValue(newValueText);\n const thumbIndex = isPostfix ? 1 : 0;\n changeThumbValue(newValue, thumbIndex, true);\n }, VALUE_UPDATE_DELAY),\n [changeThumbValue, isPostfix]\n );\n return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"~~iUAmCA~~,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,EA5BF,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,CAoB+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,EAvBd,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,CAqByBC,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,GAtCoB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}
1	+ {"version":3,"file":"SelectionIndicator.js","sources":["../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"es-toolkit/compat\";\nimport TextField from \"../TextField/TextField\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { type InfixKind } from \"./Slider.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number \| number[], valueText: string \| string[]) {\n if (!ranged) {\n return [value as number, valueText as string];\n }\n if (isPostfix) {\n return [(value as number[])[1], (valueText as string[])[1]];\n }\n return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n /*\n Determines whether the selection indicator is a prefix or postfix.\n /\n kind?: InfixKind;\n /\n The key for the selection indicator (used for React key uniqueness).\n */\n key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n const isPostfix = kind === \"postfix\";\n const { ranged, value, valueText } = useSliderSelection();\n const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n const { changeThumbValue } = useSliderActions();\n const handleChange = useMemo(\n () =>\n debounce(newValueText => {\n const newValue = parseValue(newValueText);\n const thumbIndex = isPostfix ? 1 : 0;\n changeThumbValue(newValue, thumbIndex, true);\n }, VALUE_UPDATE_DELAY),\n [changeThumbValue, isPostfix]\n );\n return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"yUAmCA,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,EA5BF,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,CAoB+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,EAvBd,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,CAqByBC,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,GAtCoB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}

package/dist/src/components/Slider/SelectionIndicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_728ffb1d3c"};!function(e){const t="s_id-a25847c4cc71_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_728ffb1d3c.selectionIndicator_728ffb1d3c.selectionIndicator_728ffb1d3c {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_baeaa56c65"};!function(e){const t="s_id-a25847c4cc71_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_baeaa56c65.selectionIndicator_baeaa56c65.selectionIndicator_baeaa56c65 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

package/dist/src/components/Slider/Slider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o,useRef as t,useMemo as r}from"react";import{BASE_SIZES as a}from"../../constants/sizes.js";import l from"../../hooks/useMergeRef.js";import{NOOP as s}from"../../utils/function-utils.js";import{ensureDefaultValue as d}from"./SliderHelpers.js";import{SliderProvider as n}from"./SliderContext.js";import m from"./SliderBase/SliderBase.js";import p from"./SliderInfix.js";import{SliderColor as u}from"./SliderConstants.js";import c from"classnames";import{withStaticProps as f}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import v from"./Slider.module.scss.js";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as j}from"lodash-es";var x=f(o((function(o,a){var u=o.ariaLabel,f=o.ariaLabelledby,x=o.className,S=o.color,h=o["data-testid"],L=void 0===h?"monday-slider":h,y=o.disabled,C=void 0!==y&&y,P=o.id,g=o.max,E=void 0===g?100:g,k=o.min,I=void 0===k?0:k,w=o.onChange,z=void 0===w?s:w,F=o.ranged,V=void 0!==F&&F,B=o.step,H=void 0===B?1:B,T=o.showValue,M=void 0!==T&&T,N=o.valueLabelPosition,O=void 0===N?"top":N,R=o.valueLabelColor,W=void 0===R?"primary":R,X=o.size,_=void 0===X?"small":X,q=o.value,A=o.defaultValue,D=void 0===A?0:A,G=o.valueFormatter,J=void 0===G?function(e){return"".concat(e,"%")}:G,K=o.valueText,Q=o.indicateSelection,U=void 0!==Q&&Q,Y=o.prefix,Z=o.postfix,$=o.selectionIndicatorWidth,ee=void 0===$?"60px":$,ie=t(null),oe=l(a,ie),te=r((function(){return{prefix:Y,postfix:Z,indicateSelection:U,selectionIndicatorWidth:ee}}),[Y,Z,U,ee]);return i.createElement(n,{ariaLabel:u,ariaLabelledby:f,color:S,"data-testid":L,disabled:C,infixOptions:te,max:E,min:I,onChange:z,ranged:V,showValue:M,valueLabelPosition:O,valueLabelColor:W,size:_,step:H,value:q,defaultValue:d(D,I,E,V),valueFormatter:J,valueText:K},i.createElement("div",{className:c(v.slider,e({},v.valueShown,M),b(v,j("position-"+O)),x),"data-testid":L,id:P,ref:oe},i.createElement(p,{kind:p.kinds.PREFIX}),i.createElement(m,null),i.createElement(p,{kind:p.kinds.POSTFIX})))})),{sizes:a,colors:u});export{x as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o,useRef as t,useMemo as r}from"react";import{BASE_SIZES as a}from"../../constants/sizes.js";import l from"../../hooks/useMergeRef.js";import{NOOP as s}from"../../utils/function-utils.js";import{ensureDefaultValue as d}from"./SliderHelpers.js";import{SliderProvider as n}from"./SliderContext.js";import m from"./SliderBase/SliderBase.js";import p from"./SliderInfix.js";import{SliderColor as u}from"./SliderConstants.js";import c from"classnames";import{withStaticProps as f}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import v from"./Slider.module.scss.js";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as j}from"es-toolkit";var x=f(o((function(o,a){var u=o.ariaLabel,f=o.ariaLabelledby,x=o.className,S=o.color,h=o["data-testid"],L=void 0===h?"monday-slider":h,y=o.disabled,C=void 0!==y&&y,P=o.id,g=o.max,k=void 0===g?100:g,E=o.min,I=void 0===E?0:E,w=o.onChange,z=void 0===w?s:w,F=o.ranged,V=void 0!==F&&F,B=o.step,H=void 0===B?1:B,T=o.showValue,M=void 0!==T&&T,N=o.valueLabelPosition,O=void 0===N?"top":N,R=o.valueLabelColor,W=void 0===R?"primary":R,X=o.size,_=void 0===X?"small":X,q=o.value,A=o.defaultValue,D=void 0===A?0:A,G=o.valueFormatter,J=void 0===G?function(e){return"".concat(e,"%")}:G,K=o.valueText,Q=o.indicateSelection,U=void 0!==Q&&Q,Y=o.prefix,Z=o.postfix,$=o.selectionIndicatorWidth,ee=void 0===$?"60px":$,ie=t(null),oe=l(a,ie),te=r((function(){return{prefix:Y,postfix:Z,indicateSelection:U,selectionIndicatorWidth:ee}}),[Y,Z,U,ee]);return i.createElement(n,{ariaLabel:u,ariaLabelledby:f,color:S,"data-testid":L,disabled:C,infixOptions:te,max:k,min:I,onChange:z,ranged:V,showValue:M,valueLabelPosition:O,valueLabelColor:W,size:_,step:H,value:q,defaultValue:d(D,I,k,V),valueFormatter:J,valueText:K},i.createElement("div",{className:c(v.slider,e({},v.valueShown,M),b(v,j("position-"+O)),x),"data-testid":L,id:P,ref:oe},i.createElement(p,{kind:p.kinds.PREFIX}),i.createElement(m,null),i.createElement(p,{kind:p.kinds.POSTFIX})))})),{sizes:a,colors:u});export{x as default};
 //# sourceMappingURL=Slider.js.map

package/dist/src/components/Slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { BASE_SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"../Icon\";\nimport { SliderColor as SliderColorEnum } from \"./SliderConstants\";\nimport cx from \"classnames\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"~~lodash~~-es\";\n\nexport type SliderProps = {\n /*\n Define a string that labels the current element (Slider)\n /\n ariaLabel?: string;\n /\n ElementId of Node that have the text needed for labeling the current element (Slider)\n /\n ariaLabelledby?: string;\n /\n Custom `class name` to be added to the component-root-node\n /\n className?: string;\n /\n Color Mode (primary/positive/negative) of the component (Slider)\n /\n color?: SliderColor;\n /\n Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)\n /\n \"data-testid\"?: string;\n defaultValue?: number \| number[];\n /\n Formatter function `value => formattedValue`\n * default formatter return `${value}%`\n /\n /\n If set to true, Component (Slider) will be disabled\n * - impossible to change value of component (Slider)\n * - visual changes (opacity)\n /\n disabled?: boolean;\n /\n Attribute `id` to be added to the component-root-node\n /\n id?: string;\n /\n Max range value of the component (Slider)\n /\n max?: number;\n /\n Min range value of the component (Slider)\n /\n min?: number;\n /\n Optional onChange callback (for outer trigger or Controlled mode)\n * - required in Controlled Mode\n /\n onChange?: (value: number \| number[]) => void;\n /\n If true switch slider to RRange mode (two Thumbs)\n /\n ranged?: boolean;\n /\n The granularity with which the slider can step through values.\n * (A \"discrete\" slider.) The min prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n /\n step?: number;\n /\n Always show `value` instead of Tooltip\n /\n showValue?: boolean;\n /\n Position of the `value` when `showValue` is true\n /\n valueLabelPosition?: SliderLabelPosition;\n /\n Color of the `value` when `showValue` is true\n /\n valueLabelColor?: SliderLabelColor;\n /\n Size small/medium/large of the component (Slider)\n /\n size?: SliderSize;\n /\n Current/selected value of the range of the Component (Slider)\n * - should be used in Controlled Mode only\n * - in ranged mode should be an array of two numbers\n /\n value?: number \| number[];\n /\n Function to format the value, e.g. add %. By default, returns `${value}%`\n /\n valueFormatter?: (value: number) => string;\n /\n Text/presentation of current/selected value\n * - should be used in Controlled Mode only\n /\n valueText?: string;\n /\n Show selected from Slider range value\n /\n indicateSelection?: boolean;\n /\n Options for initial/start/prefix element, it can be one of:\n * - Any Component (react component, node, text, number etc.)\n * - Or it can be an object of options for Icons component (see Icon components props)\n * - Or it can be an object for Label (Icon, Heading - and other components)\n * - Or it can be Render Props Function witch are getting value and valueText\n /\n prefix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n Options for postfix/end/finishing element. Same as prefix element.\n /\n postfix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n Width of SelectionIndicator (i.e. TextField)\n */\n selectionIndicatorWidth?: string;\n};\n\nconst Slider = forwardRef(\n (\n {\n ariaLabel,\n ariaLabelledby,\n className,\n color,\n \"data-testid\": dataTestId = \"monday-slider\",\n disabled = false,\n id,\n max = 100,\n min = 0,\n onChange = NOOP,\n ranged = false,\n step = 1,\n showValue = false,\n valueLabelPosition = \"top\",\n valueLabelColor = \"primary\",\n size = \"small\",\n value,\n defaultValue = 0,\n valueFormatter = (value: number) => `${value}%`,\n valueText,\n indicateSelection = false,\n prefix,\n postfix,\n selectionIndicatorWidth = \"60px\"\n }: SliderProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const infixOptions = useMemo(\n () => ({ prefix, postfix, indicateSelection, selectionIndicatorWidth }),\n [prefix, postfix, indicateSelection, selectionIndicatorWidth]\n );\n return (\n <SliderProvider\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n color={color}\n data-testid={dataTestId}\n disabled={disabled}\n infixOptions={infixOptions}\n max={max}\n min={min}\n onChange={onChange}\n ranged={ranged}\n showValue={showValue}\n valueLabelPosition={valueLabelPosition}\n valueLabelColor={valueLabelColor}\n size={size}\n step={step}\n value={value}\n defaultValue={ensureDefaultValue(defaultValue, min, max, ranged)}\n valueFormatter={valueFormatter}\n valueText={valueText}\n >\n <div\n className={cx(\n styles.slider,\n { [styles.valueShown]: showValue },\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition)),\n className\n )}\n data-testid={dataTestId}\n id={id}\n ref={mergedRef}\n >\n <SliderInfix kind={SliderInfix.kinds.PREFIX} />\n <SliderBase />\n <SliderInfix kind={SliderInfix.kinds.POSTFIX} />\n </div>\n </SliderProvider>\n );\n }\n);\n\ninterface SliderStaticProps {\n sizes: typeof BASE_SIZES;\n colors: typeof SliderColorEnum;\n}\n\nexport default withStaticProps<SliderProps, SliderStaticProps>(Slider, {\n sizes: BASE_SIZES,\n colors: SliderColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","ariaLabel","ariaLabelledby","className","color","_ref$dataTestid","dataTestId","_ref$disabled","disabled","id","_ref$max","max","_ref$min","min","_ref$onChange","onChange","NOOP","_ref$ranged","ranged","_ref$step","step","_ref$showValue","showValue","_ref$valueLabelPositi","valueLabelPosition","_ref$valueLabelColor","valueLabelColor","_ref$size","size","value","_ref$defaultValue","defaultValue","_ref$valueFormatter","valueFormatter","concat","valueText","_ref$indicateSelectio","indicateSelection","prefix","postfix","_ref$selectionIndicat","selectionIndicatorWidth","componentRef","useRef","mergedRef","useMergeRef","infixOptions","useMemo","React","createElement","SliderProvider","ensureDefaultValue","cx","styles","slider","_defineProperty","valueShown","getStyle","camelCase","SliderInfix","kind","kinds","PREFIX","SliderBase","POSTFIX","sizes","BASE_SIZES","colors","SliderColorEnum"],"mappings":"~~kyBAiIA~~,IAmFeA,EAAAA,EAnFAC,GACb,SAAAC,EA2BEC,GACE,IA1BAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAa,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAiB,IAAHD,EAAG,SAACH,GAAa,MAAAK,GAAAA,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAA0B,IAAHD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAA0B,GACvE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAACC,cAAAC,GACCjD,UAAWA,EACXC,eAAgBA,EAChBE,MAAOA,EACM,cAAAE,EACbE,SAAUA,EACVsC,aAAcA,GACdnC,IAAKA,EACLE,IAAKA,EACLE,SAAUA,EACVG,OAAQA,EACRI,UAAWA,EACXE,mBAAoBA,EACpBE,gBAAiBA,EACjBE,KAAMA,EACNR,KAAMA,EACNS,MAAOA,EACPE,aAAcoB,EAAmBpB,EAAclB,EAAKF,EAAKO,GACzDe,eAAgBA,EAChBE,UAAWA,GAEXa,EAAAC,cAAA,MAAA,CACE9C,UAAWiD,EACTC,EAAOC,OAAMC,EACVF,CAAAA,EAAAA,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GAEW,cAAAG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAACC,cAAAU,GAAYC,KAAMD,EAAYE,MAAMC,SACrCd,EAAAC,cAACc,EAAa,MACdf,EAAAC,cAACU,EAAW,CAACC,KAAMD,EAAYE,MAAMG,WAI7C,IAQqE,CACrEC,MAAOC,EACPC,OAAQC"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { BASE_SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"../Icon\";\nimport { SliderColor as SliderColorEnum } from \"./SliderConstants\";\nimport cx from \"classnames\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n /*\n Define a string that labels the current element (Slider)\n /\n ariaLabel?: string;\n /\n ElementId of Node that have the text needed for labeling the current element (Slider)\n /\n ariaLabelledby?: string;\n /\n Custom `class name` to be added to the component-root-node\n /\n className?: string;\n /\n Color Mode (primary/positive/negative) of the component (Slider)\n /\n color?: SliderColor;\n /\n Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)\n /\n \"data-testid\"?: string;\n defaultValue?: number \| number[];\n /\n Formatter function `value => formattedValue`\n * default formatter return `${value}%`\n /\n /\n If set to true, Component (Slider) will be disabled\n * - impossible to change value of component (Slider)\n * - visual changes (opacity)\n /\n disabled?: boolean;\n /\n Attribute `id` to be added to the component-root-node\n /\n id?: string;\n /\n Max range value of the component (Slider)\n /\n max?: number;\n /\n Min range value of the component (Slider)\n /\n min?: number;\n /\n Optional onChange callback (for outer trigger or Controlled mode)\n * - required in Controlled Mode\n /\n onChange?: (value: number \| number[]) => void;\n /\n If true switch slider to RRange mode (two Thumbs)\n /\n ranged?: boolean;\n /\n The granularity with which the slider can step through values.\n * (A \"discrete\" slider.) The min prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n /\n step?: number;\n /\n Always show `value` instead of Tooltip\n /\n showValue?: boolean;\n /\n Position of the `value` when `showValue` is true\n /\n valueLabelPosition?: SliderLabelPosition;\n /\n Color of the `value` when `showValue` is true\n /\n valueLabelColor?: SliderLabelColor;\n /\n Size small/medium/large of the component (Slider)\n /\n size?: SliderSize;\n /\n Current/selected value of the range of the Component (Slider)\n * - should be used in Controlled Mode only\n * - in ranged mode should be an array of two numbers\n /\n value?: number \| number[];\n /\n Function to format the value, e.g. add %. By default, returns `${value}%`\n /\n valueFormatter?: (value: number) => string;\n /\n Text/presentation of current/selected value\n * - should be used in Controlled Mode only\n /\n valueText?: string;\n /\n Show selected from Slider range value\n /\n indicateSelection?: boolean;\n /\n Options for initial/start/prefix element, it can be one of:\n * - Any Component (react component, node, text, number etc.)\n * - Or it can be an object of options for Icons component (see Icon components props)\n * - Or it can be an object for Label (Icon, Heading - and other components)\n * - Or it can be Render Props Function witch are getting value and valueText\n /\n prefix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n Options for postfix/end/finishing element. Same as prefix element.\n /\n postfix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n Width of SelectionIndicator (i.e. TextField)\n */\n selectionIndicatorWidth?: string;\n};\n\nconst Slider = forwardRef(\n (\n {\n ariaLabel,\n ariaLabelledby,\n className,\n color,\n \"data-testid\": dataTestId = \"monday-slider\",\n disabled = false,\n id,\n max = 100,\n min = 0,\n onChange = NOOP,\n ranged = false,\n step = 1,\n showValue = false,\n valueLabelPosition = \"top\",\n valueLabelColor = \"primary\",\n size = \"small\",\n value,\n defaultValue = 0,\n valueFormatter = (value: number) => `${value}%`,\n valueText,\n indicateSelection = false,\n prefix,\n postfix,\n selectionIndicatorWidth = \"60px\"\n }: SliderProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const infixOptions = useMemo(\n () => ({ prefix, postfix, indicateSelection, selectionIndicatorWidth }),\n [prefix, postfix, indicateSelection, selectionIndicatorWidth]\n );\n return (\n <SliderProvider\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n color={color}\n data-testid={dataTestId}\n disabled={disabled}\n infixOptions={infixOptions}\n max={max}\n min={min}\n onChange={onChange}\n ranged={ranged}\n showValue={showValue}\n valueLabelPosition={valueLabelPosition}\n valueLabelColor={valueLabelColor}\n size={size}\n step={step}\n value={value}\n defaultValue={ensureDefaultValue(defaultValue, min, max, ranged)}\n valueFormatter={valueFormatter}\n valueText={valueText}\n >\n <div\n className={cx(\n styles.slider,\n { [styles.valueShown]: showValue },\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition)),\n className\n )}\n data-testid={dataTestId}\n id={id}\n ref={mergedRef}\n >\n <SliderInfix kind={SliderInfix.kinds.PREFIX} />\n <SliderBase />\n <SliderInfix kind={SliderInfix.kinds.POSTFIX} />\n </div>\n </SliderProvider>\n );\n }\n);\n\ninterface SliderStaticProps {\n sizes: typeof BASE_SIZES;\n colors: typeof SliderColorEnum;\n}\n\nexport default withStaticProps<SliderProps, SliderStaticProps>(Slider, {\n sizes: BASE_SIZES,\n colors: SliderColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","ariaLabel","ariaLabelledby","className","color","_ref$dataTestid","dataTestId","_ref$disabled","disabled","id","_ref$max","max","_ref$min","min","_ref$onChange","onChange","NOOP","_ref$ranged","ranged","_ref$step","step","_ref$showValue","showValue","_ref$valueLabelPositi","valueLabelPosition","_ref$valueLabelColor","valueLabelColor","_ref$size","size","value","_ref$defaultValue","defaultValue","_ref$valueFormatter","valueFormatter","concat","valueText","_ref$indicateSelectio","indicateSelection","prefix","postfix","_ref$selectionIndicat","selectionIndicatorWidth","componentRef","useRef","mergedRef","useMergeRef","infixOptions","useMemo","React","createElement","SliderProvider","ensureDefaultValue","cx","styles","slider","_defineProperty","valueShown","getStyle","camelCase","SliderInfix","kind","kinds","PREFIX","SliderBase","POSTFIX","sizes","BASE_SIZES","colors","SliderColorEnum"],"mappings":"myBAiIA,IAmFeA,EAAAA,EAnFAC,GACb,SAAAC,EA2BEC,GACE,IA1BAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAa,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAiB,IAAHD,EAAG,SAACH,GAAa,MAAAK,GAAAA,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAA0B,IAAHD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAA0B,GACvE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAACC,cAAAC,GACCjD,UAAWA,EACXC,eAAgBA,EAChBE,MAAOA,EACM,cAAAE,EACbE,SAAUA,EACVsC,aAAcA,GACdnC,IAAKA,EACLE,IAAKA,EACLE,SAAUA,EACVG,OAAQA,EACRI,UAAWA,EACXE,mBAAoBA,EACpBE,gBAAiBA,EACjBE,KAAMA,EACNR,KAAMA,EACNS,MAAOA,EACPE,aAAcoB,EAAmBpB,EAAclB,EAAKF,EAAKO,GACzDe,eAAgBA,EAChBE,UAAWA,GAEXa,EAAAC,cAAA,MAAA,CACE9C,UAAWiD,EACTC,EAAOC,OAAMC,EACVF,CAAAA,EAAAA,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GAEW,cAAAG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAACC,cAAAU,GAAYC,KAAMD,EAAYE,MAAMC,SACrCd,EAAAC,cAACc,EAAa,MACdf,EAAAC,cAACU,EAAW,CAACC,KAAMD,EAAYE,MAAMG,WAI7C,IAQqE,CACrEC,MAAOC,EACPC,OAAQC"}

package/dist/src/components/Slider/Slider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={slider:"slider_c339e672bb",valueShown:"valueShown_b6f6c3f7f3",positionTop:"positionTop_7f794b26b9",positionBottom:"positionBottom_b3309a8c0e"};!function(e){const n="s_id-4e41ea5b2e41_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_c339e672bb {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_b6f6c3f7f3.positionTop_7f794b26b9 {\n  margin-top: 10px;\n}\n\n.valueShown_b6f6c3f7f3.positionBottom_b3309a8c0e {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_e51786ebd3",valueShown:"valueShown_0c8758fe66",positionTop:"positionTop_9ad5ed5e83",positionBottom:"positionBottom_9efdbbd1c3"};!function(e){const n="s_id-4e41ea5b2e41_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_e51786ebd3 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_0c8758fe66.positionTop_9ad5ed5e83 {\n  margin-top: 10px;\n}\n\n.valueShown_0c8758fe66.positionBottom_9efdbbd1c3 {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={base:"base_deac9e06ac",disabled:"disabled_fa3fd226c4",small:"small_64ee36f4c7",medium:"medium_01f27ec543",large:"large_01f27ec543"};!function(e){const n="s_id-0abb9e445f96_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_deac9e06ac {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_fa3fd226c4 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_fa3fd226c4 * {\n  pointer-events: none;\n}\n\n.small_64ee36f4c7 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_01f27ec543 {\n  padding: 0 12px;\n}\n\n.large_01f27ec543 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_7270303e6d",disabled:"disabled_58d0357753",small:"small_004c4d971b",medium:"medium_25a687ceb0",large:"large_25a687ceb0"};!function(e){const n="s_id-0abb9e445f96_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_7270303e6d {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_58d0357753 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_58d0357753 * {\n  pointer-events: none;\n}\n\n.small_004c4d971b {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_25a687ceb0 {\n  padding: 0 12px;\n}\n\n.large_25a687ceb0 {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_6a493bebb5",positive:"positive_c3631e7779",negative:"negative_fe9de4dd9d"};!function(e){const n="s_id-bb386829c5aa_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_6a493bebb5 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_c3631e7779 {\n  background-color: var(--positive-color);\n}\n\n.negative_fe9de4dd9d {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_ae8b9101b8",positive:"positive_b40ba5db9e",negative:"negative_3a4ae8b4dd"};!function(e){const n="s_id-bb386829c5aa_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_ae8b9101b8 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_b40ba5db9e {\n  background-color: var(--positive-color);\n}\n\n.negative_3a4ae8b4dd {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rail:"rail_09a8811747",small:"small_6a3ed97b38",medium:"medium_311e3513f2",large:"large_7a59377744"};!function(e){const n="s_id-c66a4285003d_3_61_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_09a8811747 {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_6a3ed97b38 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_311e3513f2 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_7a59377744 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_47e1e663a5",small:"small_2e2d344b31",medium:"medium_425b2e39a1",large:"large_337bff47df"};!function(e){const n="s_id-c66a4285003d_3_62_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_47e1e663a5 {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_2e2d344b31 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_425b2e39a1 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_337bff47df {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderThumb.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{NOOP as r}from"../../../utils/function-utils.js";import n from"../../Tooltip/Tooltip.js";import{TOOLTIP_SHOW_DELAY as i}from"../SliderConstants.js";import{useSliderSelection as l,useSliderUi as s,useSliderActions as u}from"../SliderContext.js";import m from"classnames";import d from"./SliderThumb.module.scss.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"lodash-es";var v=function(v){var f=v.className,b=v.index,g=void 0===b?0:b,h=v.onMove,L=void 0===h?r:h,x=v.position,y=void 0===x?0:x,j=v.size,E=v.color,T=l(),P=T.max,w=T.min,D=T.ranged,C=T.value,S=T.valueText,B=D?C[g]:C,H=D?S[g]:S,N=s(),F=N.active,I=N.ariaLabel,M=N.ariaLabelledby,_=N.disabled,z=N.dragging,A=N.focused,K=N.shapeTestId,V=N.showValue,k=N.valueLabelPosition,q=N.valueLabelColor,G=u(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",L),document.removeEventListener("pointerup",U)}return a((function(){A===g&&R&&R.current&&R.current.focus()}),[A,g]),o.createElement(n,{open:F===g||z===g,content:V?null:H,position:"top",showDelay:i,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":I,"aria-labelledby":M,"aria-valuemax":P,"aria-valuemin":w,"aria-valuenow":B,"aria-valuetext":H,"aria-disabled":_,className:m(d.thumb,c(d,E),c(d,j),e(e(e({},d.dragging,z===g),d.focused,A),d.notDisabledThumb,!_),f),"data-testid":K("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",L),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(y,"%")},tabIndex:_?-1:0},V&&o.createElement("label",{className:m(d.label,c(d,p("color-"+q)),c(d,p("position-"+k)))},H)))};export{v as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{NOOP as r}from"../../../utils/function-utils.js";import i from"../../Tooltip/Tooltip.js";import{TOOLTIP_SHOW_DELAY as n}from"../SliderConstants.js";import{useSliderSelection as l,useSliderUi as s,useSliderActions as u}from"../SliderContext.js";import m from"classnames";import d from"./SliderThumb.module.scss.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"es-toolkit";var v=function(v){var f=v.className,b=v.index,g=void 0===b?0:b,h=v.onMove,L=void 0===h?r:h,x=v.position,y=void 0===x?0:x,j=v.size,E=v.color,T=l(),P=T.max,w=T.min,D=T.ranged,C=T.value,S=T.valueText,B=D?C[g]:C,H=D?S[g]:S,N=s(),F=N.active,I=N.ariaLabel,M=N.ariaLabelledby,_=N.disabled,k=N.dragging,z=N.focused,A=N.shapeTestId,K=N.showValue,V=N.valueLabelPosition,q=N.valueLabelColor,G=u(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",L),document.removeEventListener("pointerup",U)}return a((function(){z===g&&R&&R.current&&R.current.focus()}),[z,g]),o.createElement(i,{open:F===g||k===g,content:K?null:H,position:"top",showDelay:n,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":I,"aria-labelledby":M,"aria-valuemax":P,"aria-valuemin":w,"aria-valuenow":B,"aria-valuetext":H,"aria-disabled":_,className:m(d.thumb,c(d,E),c(d,j),e(e(e({},d.dragging,k===g),d.focused,z),d.notDisabledThumb,!_),f),"data-testid":A("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",L),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(y,"%")},tabIndex:_?-1:0},K&&o.createElement("label",{className:m(d.label,c(d,p("color-"+q)),c(d,p("position-"+V)))},H)))};export{v as default};
 //# sourceMappingURL=SliderThumb.js.map

package/dist/src/components/Slider/SliderBase/SliderThumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"~~lodash~~-es\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n /*\n The index of the thumb (used in range sliders).\n /\n index?: number;\n /\n Callback fired when the thumb is moved.\n /\n onMove?: (event: PointerEvent) => void;\n /\n The position of the thumb, represented as an offset percentage from the start of the track.\n /\n position?: number;\n /\n The size of the slider thumb.\n /\n size: SliderSize;\n /\n The color theme of the slider thumb.\n */\n color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n const {\n active,\n ariaLabel,\n ariaLabelledby,\n disabled,\n dragging,\n focused,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n } = useSliderUi();\n const { setActive, setFocused, setDragging } = useSliderActions();\n const ref = useRef(null);\n\n function handleBlur() {\n setFocused(null);\n setActive(null);\n }\n\n function handleFocus() {\n setFocused(index);\n setActive(index);\n }\n\n function handlePointerLeave() {\n setActive(null);\n }\n\n function handlePointerDown(e: React.PointerEvent) {\n e.stopPropagation();\n setDragging(index);\n document.addEventListener(\"pointermove\", onMove);\n document.addEventListener(\"pointerup\", stopMove);\n }\n\n function stopMove() {\n setDragging(null);\n document.removeEventListener(\"pointermove\", onMove);\n document.removeEventListener(\"pointerup\", stopMove);\n }\n\n useEffect(() => {\n if (focused === index && ref && ref.current) {\n ref.current.focus();\n }\n }, [focused, index]);\n\n return (\n <Tooltip\n open={active === index \|\| dragging === index}\n content={showValue ? null : valueText}\n position=\"top\"\n showDelay={TOOLTIP_SHOW_DELAY}\n addKeyboardHideShowTriggersByDefault={false}\n >\n <div\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n aria-valuetext={valueText}\n aria-disabled={disabled}\n className={cx(\n styles.thumb,\n getStyle(styles, color),\n getStyle(styles, size),\n {\n [styles.dragging]: dragging === index,\n [styles.focused]: focused,\n [styles.notDisabledThumb]: !disabled\n },\n className\n )}\n data-testid={shapeTestId(`thumb-${index}`)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onPointerDown={handlePointerDown}\n onPointerLeave={handlePointerLeave}\n ref={ref}\n role=\"slider\"\n style={{ left: `${position}%` }}\n tabIndex={disabled ? -1 : 0}\n >\n {showValue && (\n <label\n className={cx(\n styles.label,\n getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n )}\n >\n {valueText}\n </label>\n )}\n </div>\n </Tooltip>\n );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"~~ojBAmCA~~,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAcJ,EAAdI,eACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}
1	+ {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n /*\n The index of the thumb (used in range sliders).\n /\n index?: number;\n /\n Callback fired when the thumb is moved.\n /\n onMove?: (event: PointerEvent) => void;\n /\n The position of the thumb, represented as an offset percentage from the start of the track.\n /\n position?: number;\n /\n The size of the slider thumb.\n /\n size: SliderSize;\n /\n The color theme of the slider thumb.\n */\n color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n const {\n active,\n ariaLabel,\n ariaLabelledby,\n disabled,\n dragging,\n focused,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n } = useSliderUi();\n const { setActive, setFocused, setDragging } = useSliderActions();\n const ref = useRef(null);\n\n function handleBlur() {\n setFocused(null);\n setActive(null);\n }\n\n function handleFocus() {\n setFocused(index);\n setActive(index);\n }\n\n function handlePointerLeave() {\n setActive(null);\n }\n\n function handlePointerDown(e: React.PointerEvent) {\n e.stopPropagation();\n setDragging(index);\n document.addEventListener(\"pointermove\", onMove);\n document.addEventListener(\"pointerup\", stopMove);\n }\n\n function stopMove() {\n setDragging(null);\n document.removeEventListener(\"pointermove\", onMove);\n document.removeEventListener(\"pointerup\", stopMove);\n }\n\n useEffect(() => {\n if (focused === index && ref && ref.current) {\n ref.current.focus();\n }\n }, [focused, index]);\n\n return (\n <Tooltip\n open={active === index \|\| dragging === index}\n content={showValue ? null : valueText}\n position=\"top\"\n showDelay={TOOLTIP_SHOW_DELAY}\n addKeyboardHideShowTriggersByDefault={false}\n >\n <div\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n aria-valuetext={valueText}\n aria-disabled={disabled}\n className={cx(\n styles.thumb,\n getStyle(styles, color),\n getStyle(styles, size),\n {\n [styles.dragging]: dragging === index,\n [styles.focused]: focused,\n [styles.notDisabledThumb]: !disabled\n },\n className\n )}\n data-testid={shapeTestId(`thumb-${index}`)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onPointerDown={handlePointerDown}\n onPointerLeave={handlePointerLeave}\n ref={ref}\n role=\"slider\"\n style={{ left: `${position}%` }}\n tabIndex={disabled ? -1 : 0}\n >\n {showValue && (\n <label\n className={cx(\n styles.label,\n getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n )}\n >\n {valueText}\n </label>\n )}\n </div>\n </Tooltip>\n );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"qjBAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAcJ,EAAdI,eACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}

package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_419644f213",dragging:"dragging_f8c295bce1",focused:"focused_8060f92086",notDisabledThumb:"notDisabledThumb_47f015f7f9","focus-visible":"focus-visible_d21a5b98c2",positive:"positive_903a87b5ef",negative:"negative_3088c6cee1",small:"small_4f906b4b6b",medium:"medium_be8d9303ae",large:"large_bdb8b78381",label:"label_30dd32d7d8",positionTop:"positionTop_d01ee6d4bd",positionBottom:"positionBottom_130fb13514",colorPrimary:"colorPrimary_342b28b5ed",colorSecondary:"colorSecondary_15c2b3a6ef"};!function(o){const n="s_id-9ef20defa923_3_61_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_419644f213 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_f8c295bce1 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_8060f92086 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_47f015f7f9:focus-visible, .notDisabledThumb_47f015f7f9.focus-visible_d21a5b98c2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_47f015f7f9:focus:not(.focus-visible_d21a5b98c2) {\n  outline: none;\n}\n\n.notDisabledThumb_47f015f7f9:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_903a87b5ef {\n  border-color: var(--positive-color);\n}\n\n.positive_903a87b5ef.notDisabledThumb_47f015f7f9:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_3088c6cee1 {\n  border-color: var(--negative-color);\n}\n\n.negative_3088c6cee1.notDisabledThumb_47f015f7f9:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_4f906b4b6b {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_be8d9303ae {\n  height: 20px;\n  width: 20px;\n}\n\n.large_bdb8b78381 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_30dd32d7d8 {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_30dd32d7d8.positionTop_d01ee6d4bd {\n  bottom: calc(100% + 8px);\n}\n\n.label_30dd32d7d8.positionBottom_130fb13514 {\n  top: calc(100% + 8px);\n}\n\n.label_30dd32d7d8.colorPrimary_342b28b5ed {\n  color: var(--primary-text-color);\n}\n\n.label_30dd32d7d8.colorSecondary_15c2b3a6ef {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_6e3b327c2c",dragging:"dragging_e45a8270a4",focused:"focused_a2f3dd4508",notDisabledThumb:"notDisabledThumb_80257fba2a","focus-visible":"focus-visible_91b0885215",positive:"positive_8fb8280a73",negative:"negative_52145e8186",small:"small_e7500c6460",medium:"medium_5f50d80a08",large:"large_90d82c860a",label:"label_d403488014",positionTop:"positionTop_d9d4a74bc9",positionBottom:"positionBottom_9518b21246",colorPrimary:"colorPrimary_26d0db93e3",colorSecondary:"colorSecondary_2643633957"};!function(o){const n="s_id-9ef20defa923_3_62_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_6e3b327c2c {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_e45a8270a4 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_a2f3dd4508 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_80257fba2a:focus-visible, .notDisabledThumb_80257fba2a.focus-visible_91b0885215 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_80257fba2a:focus:not(.focus-visible_91b0885215) {\n  outline: none;\n}\n\n.notDisabledThumb_80257fba2a:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_8fb8280a73 {\n  border-color: var(--positive-color);\n}\n\n.positive_8fb8280a73.notDisabledThumb_80257fba2a:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_52145e8186 {\n  border-color: var(--negative-color);\n}\n\n.negative_52145e8186.notDisabledThumb_80257fba2a:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_e7500c6460 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_5f50d80a08 {\n  height: 20px;\n  width: 20px;\n}\n\n.large_90d82c860a {\n  height: 24px;\n  width: 24px;\n}\n\n.label_d403488014 {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_d403488014.positionTop_d9d4a74bc9 {\n  bottom: calc(100% + 8px);\n}\n\n.label_d403488014.positionBottom_9518b21246 {\n  top: calc(100% + 8px);\n}\n\n.label_d403488014.colorPrimary_26d0db93e3 {\n  color: var(--primary-text-color);\n}\n\n.label_d403488014.colorSecondary_2643633957 {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={track:"track_6b4d5537ab",positive:"positive_6ab87d615e",negative:"negative_51432d617a"};!function(e){const t="s_id-f9216dea54b1_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_6b4d5537ab {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_6ab87d615e {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_51432d617a {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_5b2d1f293a",positive:"positive_e3cd43fd5c",negative:"negative_61b4a8e070"};!function(e){const t="s_id-f9216dea54b1_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_5b2d1f293a {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_e3cd43fd5c {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_61b4a8e070 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/src/components/Slider/SliderInfix.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infix:"infix_b75c30440e",txt:"txt_40e9d7a2fa",prefix:"prefix_e15e830f67",postfix:"postfix_3efd917e91"};!function(e){const n="s_id-4fd2a8cee614_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_b75c30440e {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_40e9d7a2fa {\n  white-space: nowrap;\n}\n\n.prefix_e15e830f67 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_3efd917e91 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_a232ceb934",txt:"txt_7f20d24344",prefix:"prefix_efd2ad8f7e",postfix:"postfix_e003a23549"};!function(e){const n="s_id-4fd2a8cee614_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_a232ceb934 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_7f20d24344 {\n  white-space: nowrap;\n}\n\n.prefix_efd2ad8f7e {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_e003a23549 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/src/components/SplitButton/SplitButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as p}from"react";import{SplitButtonSecondaryContentPosition as g,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as v,DEFAULT_DIALOG_HIDE_TRIGGER as D,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as N}from"./SplitButtonConstants.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as k,AnimationType as T}from"../Dialog/DialogConstants.js";import{NOOP as b}from"../../utils/function-utils.js";import{isInsideClass as S}from"../../utils/dom-utils.js";import j from"../../hooks/useKeyEvent/index.js";import P from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import E from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as _}from"../../tests/constants.js";import z from"../../../icons/dist/react/DropdownChevronDown.js";var L=h((function(g){var h=g.secondaryDialogContent,L=g.onSecondaryDialogDidShow,w=void 0===L?b:L,A=g.onSecondaryDialogDidHide,x=void 0===A?b:A,R=g.shouldCloseOnClickInsideDialog,H=g.zIndex,U=void 0===H?null:H,F=g.secondaryDialogClassName,K=void 0===F?"":F,M=g.secondaryDialogPosition,W=void 0===M?"bottom-start":M,Y=g.dialogContainerSelector,V=g.dialogPaddingSize,X=void 0===V?"medium":V,q=g.disabled,G=g.loading,J=g.kind,Q=void 0===J?"primary":J,Z=g.color,$=void 0===Z?"primary":Z,oo=g.className,eo=g.leftIcon,to=g.rightIcon,io=g.onClick,no=g.children,ao=g.marginLeft,ro=g.marginRight,so=g.active,lo=g.id,co=g["data-testid"],mo=i(g,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),uo=c(!1),po=o(uo,2),go=po[0],fo=po[1],vo=c(!1),Do=o(vo,2),yo=Do[0],Co=Do[1],No=c(!1),ho=o(No,2),ko=ho[0],To=ho[1],bo=m(null),So=m(null),jo=u((function(){return Co(!0)}),[Co]),Po=u((function(){return Co(!1)}),[Co]),Io=u((function(o){return!q&&!S(o.target,N)}),[q]),Bo=u((function(o){Io(o)&&To(!0)}),[To,Io]),Eo=u((function(){return To(!1)}),[To]),Oo=u((function(o){Io(o)&&To(!0)}),[To,Io]),_o=u((function(){fo(!0),w()}),[fo,w]),zo=u((function(o,e){fo(!1),x(),"esckey"===e&&So.current.focus()}),[fo,x]);P({eventName:"mouseenter",callback:jo,ref:bo}),P({eventName:"mouseleave",callback:Po,ref:bo}),P({eventName:"mousedown",callback:Bo,ref:bo}),P({eventName:"mouseup",callback:Eo,ref:bo}),P({eventName:"transitionend",callback:Eo,ref:bo}),j({keys:f,ref:bo,callback:Oo});var Lo=p((function(){return l(O.button,a(O,n("kind-"+Q)),a(O,n("color-"+$)),e(e(e(e(e({},O.mainActive,so),O.active,ko),O.splitContentOpen,go),O.hovered,yo),O.disabled,q),oo)}),[oo,Q,$,so,ko,go,yo,q]),wo=p((function(){return q?[]:v}),[q]),Ao=p((function(){return R?[].concat(t(D),[k.CONTENT_CLICK]):D}),[R]),xo=u((function(){var o="function"==typeof h?h():h;return d.createElement(E,{type:E.types.POPOVER,size:X},o)}),[h,X]),Ro=p((function(){return"bottom"===W?"":"bottom-start"===W?"bottom":"top"}),[W]);return d.createElement("div",{className:Lo,ref:bo,id:lo,"data-testid":co||r(s.SPLIT_BUTTON,lo),"data-vibe":_.SPLIT_BUTTON},d.createElement(I,Object.assign({},mo,{preventClickAnimation:!0,leftIcon:eo,rightIcon:to,rightFlat:!0,color:$,kind:Q,active:so,onClick:io,className:O.mainButton,marginLeft:ao,onFocus:jo,onBlur:Po,disabled:q,loading:G,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,lo)}),no),d.createElement("div",{className:O.secondaryButtonWrapper},d.createElement(B,{wrapperClassName:K,zIndex:U,content:xo,position:W,containerSelector:Y,startingEdge:Ro,animationType:T.EXPAND,moveBy:y,onDialogDidShow:_o,onDialogDidHide:zo,showTrigger:wo,hideTrigger:Ao},d.createElement(I,Object.assign({},mo,{ref:So,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:$,kind:Q,className:O.secondaryButton,active:go,marginRight:ro,onFocus:jo,onBlur:Po,disabled:q,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:go,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,lo)}),d.createElement("div",{className:O.secondaryButtonIconWrapper},d.createElement(z,{"aria-hidden":"true"}))))))}),{secondaryPositions:g,secondaryDialogPositions:g,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:E.sizes});export{L as default};
+import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import c,{useState as d,useRef as m,useCallback as u,useMemo as p}from"react";import{SplitButtonSecondaryContentPosition as g,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as v,DEFAULT_DIALOG_HIDE_TRIGGER as D,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as k}from"./SplitButtonConstants.js";import{withStaticPropsWithoutForwardRef as N}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as T,AnimationType as b}from"../Dialog/DialogConstants.js";import{NOOP as h}from"../../utils/function-utils.js";import{isInsideClass as S}from"../../utils/dom-utils.js";import j from"../../hooks/useKeyEvent/index.js";import P from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import E from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as _}from"../../tests/constants.js";import z from"../../../icons/dist/react/DropdownChevronDown.js";var L=N((function(g){var N=g.secondaryDialogContent,L=g.onSecondaryDialogDidShow,w=void 0===L?h:L,A=g.onSecondaryDialogDidHide,x=void 0===A?h:A,R=g.shouldCloseOnClickInsideDialog,H=g.zIndex,U=void 0===H?null:H,F=g.secondaryDialogClassName,K=void 0===F?"":F,M=g.secondaryDialogPosition,W=void 0===M?"bottom-start":M,Y=g.dialogContainerSelector,V=g.dialogPaddingSize,X=void 0===V?"medium":V,q=g.disabled,G=g.loading,J=g.kind,Q=void 0===J?"primary":J,Z=g.color,$=void 0===Z?"primary":Z,oo=g.className,eo=g.leftIcon,to=g.rightIcon,io=g.onClick,no=g.children,ao=g.marginLeft,ro=g.marginRight,so=g.active,lo=g.id,co=g["data-testid"],mo=i(g,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),uo=d(!1),po=o(uo,2),go=po[0],fo=po[1],vo=d(!1),Do=o(vo,2),yo=Do[0],Co=Do[1],ko=d(!1),No=o(ko,2),To=No[0],bo=No[1],ho=m(null),So=m(null),jo=u((function(){return Co(!0)}),[Co]),Po=u((function(){return Co(!1)}),[Co]),Io=u((function(o){return!q&&!S(o.target,k)}),[q]),Bo=u((function(o){Io(o)&&bo(!0)}),[bo,Io]),Eo=u((function(){return bo(!1)}),[bo]),Oo=u((function(o){Io(o)&&bo(!0)}),[bo,Io]),_o=u((function(){fo(!0),w()}),[fo,w]),zo=u((function(o,e){fo(!1),x(),"esckey"===e&&So.current.focus()}),[fo,x]);P({eventName:"mouseenter",callback:jo,ref:ho}),P({eventName:"mouseleave",callback:Po,ref:ho}),P({eventName:"mousedown",callback:Bo,ref:ho}),P({eventName:"mouseup",callback:Eo,ref:ho}),P({eventName:"transitionend",callback:Eo,ref:ho}),j({keys:f,ref:ho,callback:Oo});var Lo=p((function(){return l(O.button,a(O,n("kind-"+Q)),a(O,n("color-"+$)),e(e(e(e(e({},O.mainActive,so),O.active,To),O.splitContentOpen,go),O.hovered,yo),O.disabled,q),oo)}),[oo,Q,$,so,To,go,yo,q]),wo=p((function(){return q?[]:v}),[q]),Ao=p((function(){return R?[].concat(t(D),[T.CONTENT_CLICK]):D}),[R]),xo=u((function(){var o="function"==typeof N?N():N;return c.createElement(E,{type:E.types.POPOVER,size:X},o)}),[N,X]),Ro=p((function(){return"bottom"===W?"":"bottom-start"===W?"bottom":"top"}),[W]);return c.createElement("div",{className:Lo,ref:ho,id:lo,"data-testid":co||r(s.SPLIT_BUTTON,lo),"data-vibe":_.SPLIT_BUTTON},c.createElement(I,Object.assign({},mo,{preventClickAnimation:!0,leftIcon:eo,rightIcon:to,rightFlat:!0,color:$,kind:Q,active:so,onClick:io,className:O.mainButton,marginLeft:ao,onFocus:jo,onBlur:Po,disabled:q,loading:G,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,lo)}),no),c.createElement("div",{className:O.secondaryButtonWrapper},c.createElement(B,{wrapperClassName:K,zIndex:U,content:xo,position:W,containerSelector:Y,startingEdge:Ro,animationType:b.EXPAND,moveBy:y,onDialogDidShow:_o,onDialogDidHide:zo,showTrigger:wo,hideTrigger:Ao},c.createElement(I,Object.assign({},mo,{ref:So,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:$,kind:Q,className:O.secondaryButton,active:go,marginRight:ro,onFocus:jo,onBlur:Po,disabled:q,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:go,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,lo)}),c.createElement("div",{className:O.secondaryButtonIconWrapper},c.createElement(z,{"aria-hidden":"true"}))))))}),{secondaryPositions:g,secondaryDialogPositions:g,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:E.sizes});export{L as default};
 //# sourceMappingURL=SplitButton.js.map

package/dist/src/components/SplitButton/SplitButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { AnimationType, type DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { type ButtonProps } from \"../Button/Button\";\nimport Dialog, { type DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { type DialogSize, type DialogTriggerEvent } from \"../Dialog\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n /\n Callback fired when the secondary dialog is shown.\n /\n onSecondaryDialogDidShow?: () => void;\n /\n Callback fired when the secondary dialog is hidden.\n /\n onSecondaryDialogDidHide?: () => void;\n /\n The z-index applied to the secondary dialog.\n /\n zIndex?: number;\n /\n Class name applied to the wrapper of the secondary dialog.\n /\n secondaryDialogClassName?: string;\n /\n The position of the secondary dialog.\n /\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n The padding size inside the secondary dialog.\n /\n dialogPaddingSize?: DialogSize;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n dialogContainerSelector?: string;\n /\n If true, clicking inside the dialog will close it.\n /\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName = \"\",\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind = \"primary\",\n color = \"primary\",\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\ninterface SplitButtonStaticProps {\n secondaryPositions: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition;\n sizes: typeof Button.sizes;\n colors: typeof Button.colors;\n kinds: typeof Button.kinds;\n inputTags: typeof Button.inputTags;\n dialogPaddingSizes: typeof DialogContentContainer.sizes;\n}\n\nexport default withStaticPropsWithoutForwardRef<SplitButtonProps, SplitButtonStaticProps>(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","sizes","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}
1	+ {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { AnimationType, type DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { type ButtonProps } from \"../Button/Button\";\nimport Dialog, { type DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { type DialogSize, type DialogTriggerEvent } from \"../Dialog\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n /\n Callback fired when the secondary dialog is shown.\n /\n onSecondaryDialogDidShow?: () => void;\n /\n Callback fired when the secondary dialog is hidden.\n /\n onSecondaryDialogDidHide?: () => void;\n /\n The z-index applied to the secondary dialog.\n /\n zIndex?: number;\n /\n Class name applied to the wrapper of the secondary dialog.\n /\n secondaryDialogClassName?: string;\n /\n The position of the secondary dialog.\n /\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n The padding size inside the secondary dialog.\n /\n dialogPaddingSize?: DialogSize;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n dialogContainerSelector?: string;\n /\n If true, clicking inside the dialog will close it.\n /\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName = \"\",\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind = \"primary\",\n color = \"primary\",\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\ninterface SplitButtonStaticProps {\n secondaryPositions: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition;\n sizes: typeof Button.sizes;\n colors: typeof Button.colors;\n kinds: typeof Button.kinds;\n inputTags: typeof Button.inputTags;\n dialogPaddingSizes: typeof DialogContentContainer.sizes;\n}\n\nexport default withStaticPropsWithoutForwardRef<SplitButtonProps, SplitButtonStaticProps>(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","sizes","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}

package/dist/src/components/SplitButton/SplitButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={button:"button_c2d5bd85ff",mainButton:"mainButton_0fcf78ee3b",secondaryButton:"secondaryButton_f3166f8288",secondaryButtonWrapper:"secondaryButtonWrapper_3df10de82b",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_8ade0ce7a7",active:"active_e3df47b819",disabled:"disabled_bbdec82671",kindTertiary:"kindTertiary_153f030bf7",colorPrimary:"colorPrimary_153f030bf7",mainActive:"mainActive_22a53b73a5",splitContentOpen:"splitContentOpen_736d43cb19",hovered:"hovered_35864cec76",colorBrand:"colorBrand_22a53b73a5",colorPositive:"colorPositive_f32348215d",colorNegative:"colorNegative_f32348215d",kindPrimary:"kindPrimary_a142fd049d",colorOnPrimaryColor:"colorOnPrimaryColor_b88bb3fe21",kindSecondary:"kindSecondary_f32348215d"};!function(n){const r="s_id-b26d62194c18_3_61_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_c2d5bd85ff {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_c2d5bd85ff .mainButton_0fcf78ee3b {\n  margin-right: 0;\n}\n\n.button_c2d5bd85ff .secondaryButton_f3166f8288 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_3df10de82b .secondaryButtonIconWrapper_8ade0ce7a7 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_e3df47b819 {\n  transform: scale(0.95);\n}\n\n.disabled_bbdec82671 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover,\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover,\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_153f030bf7.colorPositive_f32348215d.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:hover .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:focus .secondaryButton_f3166f8288 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_153f030bf7.colorPositive_f32348215d.splitContentOpen_736d43cb19 .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:hover .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:focus .mainButton_0fcf78ee3b {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_153f030bf7.colorNegative_f32348215d.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:hover .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:focus .secondaryButton_f3166f8288 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_153f030bf7.colorNegative_f32348215d.splitContentOpen_736d43cb19 .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:hover .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:focus .mainButton_0fcf78ee3b {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_153f030bf7 .secondaryButton_f3166f8288 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_a142fd049d.disabled_bbdec82671 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorPrimary_153f030bf7 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorBrand_22a53b73a5.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorBrand_22a53b73a5 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorPositive_f32348215d .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorNegative_f32348215d .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorOnPrimaryColor_b88bb3fe21 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_f32348215d .mainButton_0fcf78ee3b {\n  border-right: none;\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_6634485cf9",mainButton:"mainButton_8b67df4d50",secondaryButton:"secondaryButton_790a556880",secondaryButtonWrapper:"secondaryButtonWrapper_030f6035c0",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_dc99355dd6",active:"active_c5903da007",disabled:"disabled_ad6560f57d",kindTertiary:"kindTertiary_e54680a766",colorPrimary:"colorPrimary_e54680a766",mainActive:"mainActive_e2f3f56f93",splitContentOpen:"splitContentOpen_406912e982",hovered:"hovered_96c6b9da85",colorBrand:"colorBrand_e2f3f56f93",colorPositive:"colorPositive_ff13d66515",colorNegative:"colorNegative_ff13d66515",kindPrimary:"kindPrimary_641b6640de",colorOnPrimaryColor:"colorOnPrimaryColor_7d57267682",kindSecondary:"kindSecondary_ff13d66515"};!function(n){const r="s_id-b26d62194c18_3_62_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_6634485cf9 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_6634485cf9 .mainButton_8b67df4d50 {\n  margin-right: 0;\n}\n\n.button_6634485cf9 .secondaryButton_790a556880 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_030f6035c0 .secondaryButtonIconWrapper_dc99355dd6 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_c5903da007 {\n  transform: scale(0.95);\n}\n\n.disabled_ad6560f57d {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880:hover,\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880:hover,\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_e54680a766.colorPositive_ff13d66515.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:hover .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:focus .secondaryButton_790a556880 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_e54680a766.colorPositive_ff13d66515.splitContentOpen_406912e982 .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:hover .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:focus .mainButton_8b67df4d50 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_e54680a766.colorNegative_ff13d66515.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:hover .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:focus .secondaryButton_790a556880 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_e54680a766.colorNegative_ff13d66515.splitContentOpen_406912e982 .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:hover .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:focus .mainButton_8b67df4d50 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_e54680a766 .secondaryButton_790a556880 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_641b6640de.disabled_ad6560f57d .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorPrimary_e54680a766 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorBrand_e2f3f56f93 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorPositive_ff13d66515 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorNegative_ff13d66515 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorOnPrimaryColor_7d57267682 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_ff13d66515 .mainButton_8b67df4d50 {\n  border-right: none;\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.splitContentOpen_406912e982 .secondaryButton_790a556880 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/src/components/Steps/Steps.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={steps:"steps_a7b2913ecc",contentOnTop:"contentOnTop_e52673e7ff",contentOnBottom:"contentOnBottom_31839e8892"};!function(e){const t="s_id-9e4623f942e8_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_a7b2913ecc .contentOnTop_e52673e7ff {\n  margin-top: var(--spacing-medium);\n}\n.steps_a7b2913ecc .contentOnBottom_31839e8892 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_b82e4821e5",contentOnTop:"contentOnTop_db30e22433",contentOnBottom:"contentOnBottom_6cbd4ba696"};!function(e){const t="s_id-9e4623f942e8_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_b82e4821e5 .contentOnTop_db30e22433 {\n  margin-top: var(--spacing-medium);\n}\n.steps_b82e4821e5 .contentOnBottom_6cbd4ba696 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as i,useCallback as s}from"react";import e from"classnames";import n from"../Icon/Icon.js";import m from"../Button/Button.js";import{NOOP as a}from"../../utils/function-utils.js";import{NEXT_TEXT as c,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import d from"./StepsCommand.module.scss.js";import{camelCase as f}from"lodash-es";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import v from"../../../icons/dist/react/NavigationChevronRight.js";import j from"../../../icons/dist/react/NavigationChevronLeft.js";var C=function(C){var h=C.isNext,S=void 0!==h&&h,_=C.onChangeActiveStep,b=void 0===_?a:_,N=C.activeStepIndex,g=C.stepsCount,A=C.isIconHidden,M=void 0!==A&&A,P=C.buttonProps,y=void 0===P?{}:P,B=C.color,D=void 0===B?"primary":B,E=y.children,I=t(y,["children"]),O=i((function(){return E||(S?c:l)}),[S,E]),R=S?N+1:N-1,k=s((function(o){return b(o,R)}),[R,b]),x=S&&N===g-1||!S&&0===N,H=S?v:j;return r.createElement(m,Object.assign({className:e(d.command,o({},d.backward,!S)),"data-testid":S?p.STEPS_FORWARD_COMMAND:p.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:k,disabled:x,color:D},I),O,M?null:r.createElement(n,{icon:H,className:e(d.icon,u(d,f("color-"+D)),o({},d.disabled,x))}))};export{C as StepsCommand};
+import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as i,useCallback as e}from"react";import s from"classnames";import n from"../Icon/Icon.js";import m from"../Button/Button.js";import{NOOP as a}from"../../utils/function-utils.js";import{NEXT_TEXT as c,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import d from"./StepsCommand.module.scss.js";import{camelCase as f}from"es-toolkit";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import v from"../../../icons/dist/react/NavigationChevronRight.js";import j from"../../../icons/dist/react/NavigationChevronLeft.js";var C=function(C){var S=C.isNext,_=void 0!==S&&S,b=C.onChangeActiveStep,h=void 0===b?a:b,N=C.activeStepIndex,g=C.stepsCount,A=C.isIconHidden,M=void 0!==A&&A,P=C.buttonProps,k=void 0===P?{}:P,y=C.color,B=void 0===y?"primary":y,D=k.children,E=t(k,["children"]),I=i((function(){return D||(_?c:l)}),[_,D]),O=_?N+1:N-1,R=e((function(o){return h(o,O)}),[O,h]),x=_&&N===g-1||!_&&0===N,H=_?v:j;return r.createElement(m,Object.assign({className:s(d.command,o({},d.backward,!_)),"data-testid":_?p.STEPS_FORWARD_COMMAND:p.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:R,disabled:x,color:B},E),I,M?null:r.createElement(n,{icon:H,className:s(d.icon,u(d,f("color-"+B)),o({},d.disabled,x))}))};export{C as StepsCommand};
 //# sourceMappingURL=StepsCommand.js.map

package/dist/src/components/Steps/StepsCommand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { type ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"~~lodash~~-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n /*\n If true, this button is for moving to the next step.\n /\n isNext?: boolean;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n /\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n If true, hides the navigation icon.\n /\n isIconHidden?: boolean;\n /\n Props applied to the button.\n /\n buttonProps?: Partial<ButtonProps>;\n /\n The color theme of the button.\n */\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"~~6uBA6CaA~~,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
1	+ {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { type ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n /*\n If true, this button is for moving to the next step.\n /\n isNext?: boolean;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n /\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n If true, hides the navigation icon.\n /\n isIconHidden?: boolean;\n /\n Props applied to the button.\n /\n buttonProps?: Partial<ButtonProps>;\n /\n The color theme of the button.\n */\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"8uBA6CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

package/dist/src/components/Steps/StepsCommand.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={command:"command_2ae37762fc",backward:"backward_c2b42daeaa",icon:"icon_1ee9d68da7",disabled:"disabled_89673e72a1",colorOnPrimaryColor:"colorOnPrimaryColor_551736a4ab",colorOnInvertedBackground:"colorOnInvertedBackground_7146e0662f"};!function(e){const n="s_id-b004c6aa2b0d_3_61_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_2ae37762fc {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_2ae37762fc.backward_c2b42daeaa {\n  flex-direction: row-reverse;\n}\n.icon_1ee9d68da7 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_1ee9d68da7.disabled_89673e72a1 {\n  color: var(--disabled-text-color);\n}\n.icon_1ee9d68da7.colorOnPrimaryColor_551736a4ab {\n  color: var(--text-color-on-primary);\n}\n.icon_1ee9d68da7.colorOnInvertedBackground_7146e0662f {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_9cfa182a45",backward:"backward_3994dabf55",icon:"icon_cbd7c93f69",disabled:"disabled_3a67681e59",colorOnPrimaryColor:"colorOnPrimaryColor_ce55bfc2e4",colorOnInvertedBackground:"colorOnInvertedBackground_e92172a74e"};!function(e){const n="s_id-b004c6aa2b0d_3_62_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_9cfa182a45 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_9cfa182a45.backward_3994dabf55 {\n  flex-direction: row-reverse;\n}\n.icon_cbd7c93f69 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_cbd7c93f69.disabled_3a67681e59 {\n  color: var(--disabled-text-color);\n}\n.icon_cbd7c93f69.colorOnPrimaryColor_ce55bfc2e4 {\n  color: var(--text-color-on-primary);\n}\n.icon_cbd7c93f69.colorOnInvertedBackground_e92172a74e {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/src/components/Steps/StepsDot.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import{camelCase as o,noop as t}from"lodash-es";import s from"react";import a from"./StepsDot.module.scss.js";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";var l=function(l){var m=l.isActive,p=l.onClick,c=void 0===p?t:p,n=l.ariaCurrent,u=l.className;return s.createElement("button",{type:"button","aria-label":l.ariaLabel,"aria-current":!!m&&(void 0===n?"step":n),className:e(a.dot,i(a,o("color-"+l.color)),r({},a.isActive,m),u),onClick:c})};export{l as StepsDot};
+import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import{camelCase as o,noop as t}from"es-toolkit/compat";import s from"react";import a from"./StepsDot.module.scss.js";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";var l=function(l){var m=l.isActive,p=l.onClick,c=void 0===p?t:p,n=l.ariaCurrent,u=l.className;return s.createElement("button",{type:"button","aria-label":l.ariaLabel,"aria-current":!!m&&(void 0===n?"step":n),className:e(a.dot,i(a,o("color-"+l.color)),r({},a.isActive,m),u),onClick:c})};export{l as StepsDot};
 //# sourceMappingURL=StepsDot.js.map

package/dist/src/components/Steps/StepsDot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"~~lodash~~-es\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n /*\n Callback fired when the dot is clicked.\n /\n onClick?: (e: React.MouseEvent) => void;\n /\n ARIA attribute to indicate the current step.\n /\n ariaCurrent?: StepsDotAriaCurrent \| boolean;\n /\n If true, marks the dot as active.\n /\n isActive?: boolean;\n /\n The ARIA label for the dot.\n /\n ariaLabel?: string;\n /\n The color theme of the dot.\n */\n color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n isActive,\n onClick = NOOP,\n ariaCurrent = \"step\",\n ariaLabel,\n color,\n className\n}: StepsDotProps) => {\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n aria-current={isActive ? ariaCurrent : false}\n className={cx(\n styles.dot,\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.isActive]: isActive\n },\n className\n )}\n onClick={onClick}\n />\n );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"~~kSA~~+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}
1	+ {"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"es-toolkit/compat\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n /*\n Callback fired when the dot is clicked.\n /\n onClick?: (e: React.MouseEvent) => void;\n /\n ARIA attribute to indicate the current step.\n /\n ariaCurrent?: StepsDotAriaCurrent \| boolean;\n /\n If true, marks the dot as active.\n /\n isActive?: boolean;\n /\n The ARIA label for the dot.\n /\n ariaLabel?: string;\n /\n The color theme of the dot.\n */\n color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n isActive,\n onClick = NOOP,\n ariaCurrent = \"step\",\n ariaLabel,\n color,\n className\n}: StepsDotProps) => {\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n aria-current={isActive ? ariaCurrent : false}\n className={cx(\n styles.dot,\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.isActive]: isActive\n },\n className\n )}\n onClick={onClick}\n />\n );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"0SA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}

package/dist/src/components/Steps/StepsDot.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={dot:"dot_d16b3b26cd","focus-visible":"focus-visible_8b4f8382ab",isActive:"isActive_cc73affbdd",colorOnPrimaryColor:"colorOnPrimaryColor_3ce3425bda",colorOnInvertedBackground:"colorOnInvertedBackground_1be9de80c1"};!function(o){const n="s_id-cedbbb07e913_3_61_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_d16b3b26cd {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_d16b3b26cd:focus-visible, .dot_d16b3b26cd.focus-visible_8b4f8382ab {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_d16b3b26cd:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.dot_d16b3b26cd:focus-visible, .dot_d16b3b26cd.focus-visible_8b4f8382ab {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_d16b3b26cd:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.dot_d16b3b26cd:hover {\n  transform: scale(1.3);\n}\n.isActive_cc73affbdd {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd:focus-visible, .colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd.focus-visible_8b4f8382ab {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd.isActive_cc73affbdd {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_1be9de80c1.dot_d16b3b26cd {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_1be9de80c1.dot_d16b3b26cd.isActive_cc73affbdd {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_15f284d39e","focus-visible":"focus-visible_be1f2838e0",isActive:"isActive_c94daf5e5b",colorOnPrimaryColor:"colorOnPrimaryColor_2c84ba2c47",colorOnInvertedBackground:"colorOnInvertedBackground_af5930869a"};!function(o){const n="s_id-cedbbb07e913_3_62_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_15f284d39e {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_15f284d39e:focus-visible, .dot_15f284d39e.focus-visible_be1f2838e0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_15f284d39e:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.dot_15f284d39e:focus-visible, .dot_15f284d39e.focus-visible_be1f2838e0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_15f284d39e:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.dot_15f284d39e:hover {\n  transform: scale(1.3);\n}\n.isActive_c94daf5e5b {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e:focus-visible, .colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e.focus-visible_be1f2838e0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e.isActive_c94daf5e5b {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_af5930869a.dot_15f284d39e {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_af5930869a.dot_15f284d39e.isActive_c94daf5e5b {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map