npm - @vibe/core - Versions diffs - 4.2.2 → 4.2.3 - Mend

@vibe/core 4.2.2 → 4.2.3

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 (1121) hide show

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_441f521077",colorInverted:"colorInverted_5efc979b33"};!function(e){const n="s_id-71e151b2b729_4_2_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_441f521077 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_5efc979b33 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_e50346e622",colorInverted:"colorInverted_88bbf7d445"};!function(e){const d="s_id-71e151b2b729_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_e50346e622 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_88bbf7d445 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

package/dist/src/components/Tipseen/TipseenTitle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import{getTestId as e}from"../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import r from"classnames";import o from"./TipseenTitle.module.scss.js";import a from"../../../components/typography/dist/Text/Text.js";var i=function(i){var m=i.text,l=i.id,n=i["data-testid"];return m?t.createElement(a,{type:"text1",weight:"bold",role:"heading",color:"inherit","aria-level":3,maxLines:2,className:r(o.title,i.className),id:l,"data-testid":n||e(s.TIPSEEN_TITLE,l)},m):null};export{i as default};
+import t from"react";import{getTestId as e}from"../../../testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import r from"classnames";import o from"./TipseenTitle.module.scss.js";import a from"../../../components/typography/dist/Text/Text.js";var i=function(i){var m=i.text,l=i.id,n=i["data-testid"];return m?t.createElement(a,{type:"text1",weight:"bold",role:"heading",color:"inherit","aria-level":3,maxLines:2,className:r(o.title,i.className),id:l,"data-testid":n||e(s.TIPSEEN_TITLE,l)},m):null};export{i as default};
 //# sourceMappingURL=TipseenTitle.js.map

package/dist/src/components/Tipseen/TipseenTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenTitle.js","sources":["../../../../src/components/Tipseen/TipseenTitle.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport styles from \"./TipseenTitle.module.scss\";\n\nexport interface TipseenTitleProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen.\n */\n text?: string;\n}\n\nconst TipseenTitle: FC<TipseenTitleProps> = ({ text, className, id, \"data-testid\": dataTestId }) => {\n return text ? (\n <Text\n type=\"text1\"\n weight=\"bold\"\n role=\"heading\"\n color=\"inherit\"\n aria-level={3}\n maxLines={2}\n className={cx(styles.title, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_TITLE, id)}\n >\n {text}\n </Text>\n ) : null;\n};\n\nexport default TipseenTitle;\n"],"names":["TipseenTitle","_ref","text","id","dataTestId","React","createElement","Text","type","weight","role","color","maxLines","className","cx","styles","title","getTestId","ComponentDefaultTestId","TIPSEEN_TITLE"],"mappings":"~~iRAeA~~,IAAMA,EAAsC,SAA1BC,GAAiF,IAApDC,EAAID,EAAJC,KAAiBC,EAAEF,EAAFE,GAAmBC,EAAUH,EAAzB,eAClE,OAAOC,EACLG,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLC,OAAO,OACPC,KAAK,UACLC,MAAM,UAAS,aACH,EACZC,SAAU,EACVC,UAAWC,EAAGC,EAAOC,MATmCf,EAATY,WAU/CV,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,cAAehB,IAE1ED,GAED,IACN"}
1	+ {"version":3,"file":"TipseenTitle.js","sources":["../../../../src/components/Tipseen/TipseenTitle.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport styles from \"./TipseenTitle.module.scss\";\n\nexport interface TipseenTitleProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen.\n */\n text?: string;\n}\n\nconst TipseenTitle: FC<TipseenTitleProps> = ({ text, className, id, \"data-testid\": dataTestId }) => {\n return text ? (\n <Text\n type=\"text1\"\n weight=\"bold\"\n role=\"heading\"\n color=\"inherit\"\n aria-level={3}\n maxLines={2}\n className={cx(styles.title, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_TITLE, id)}\n >\n {text}\n </Text>\n ) : null;\n};\n\nexport default TipseenTitle;\n"],"names":["TipseenTitle","_ref","text","id","dataTestId","React","createElement","Text","type","weight","role","color","maxLines","className","cx","styles","title","getTestId","ComponentDefaultTestId","TIPSEEN_TITLE"],"mappings":"8QAeA,IAAMA,EAAsC,SAA1BC,GAAiF,IAApDC,EAAID,EAAJC,KAAiBC,EAAEF,EAAFE,GAAmBC,EAAUH,EAAzB,eAClE,OAAOC,EACLG,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLC,OAAO,OACPC,KAAK,UACLC,MAAM,UAAS,aACH,EACZC,SAAU,EACVC,UAAWC,EAAGC,EAAOC,MATmCf,EAATY,WAU/CV,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,cAAehB,IAE1ED,GAED,IACN"}

package/dist/src/components/Tipseen/TipseenTitle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={title:"title_e3e68d1c18"};!function(e){const t="s_id-c12c5d8f6c34_4_2_1";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)}(".title_e3e68d1c18 {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\n}");export{e as default};
+var e={title:"title_0a8d61a542"};!function(e){const t="s_id-c12c5d8f6c34_4_2_2";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)}(".title_0a8d61a542 {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

package/dist/src/components/Tipseen/TipseenWizard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenWizard.js","sources":["../../../../src/components/Tipseen/TipseenWizard.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Steps, { type StepsProps } from \"../Steps/Steps\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport styles from \"./TipseenWizard.module.scss\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { type ButtonSize, type ButtonType } from \"@vibe/button\";\n\nconst FINISH_TEXT = \"Got it\";\n\nexport interface TipseenWizardProps extends StepsProps {\n /*\n The title text displayed in the Tipseen Wizard.\n /\n title?: string;\n /\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n Callback fired when the wizard is completed.\n */\n onFinish?: (e: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst TipseenWizard: FC<TipseenWizardProps> = ({ id, title, onFinish, titleClassName, className, ...stepsProps }) => {\n const overrideStepsProps = stepsProps as StepsProps;\n const color = useContext(TipseenContext);\n const buttonColor = useMemo(() => {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n }, [color]);\n\n const nextButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize\n }),\n []\n );\n const backButtonProps = useMemo(\n () => ({\n size: \"small\" as ButtonSize\n }),\n []\n );\n const finishButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize,\n children: FINISH_TEXT\n }),\n []\n );\n return (\n <TipseenBasicContent\n title={title}\n className={cx(styles.tipseenWizard, className)}\n titleClassName={titleClassName}\n id={id \|\| \"wizard\"}\n >\n <Steps\n className={cx(styles.tipseenWizardWizard)}\n color={buttonColor}\n isContentOnTop\n areButtonsIconsHidden\n backButtonProps={backButtonProps}\n nextButtonProps={nextButtonProps}\n finishButtonProps={finishButtonProps}\n onFinish={onFinish}\n {...overrideStepsProps}\n />\n </TipseenBasicContent>\n );\n};\nexport default TipseenWizard;\n"],"names":["TipseenWizard","_a","id","title","onFinish","titleClassName","className","overrideStepsProps","__rest","color","useContext","TipseenContext","buttonColor","useMemo","nextButtonProps","kind","size","backButtonProps","finishButtonProps","children","React","createElement","TipseenBasicContent","cx","styles","tipseenWizard","Steps","Object","assign","tipseenWizardWizard","isContentOnTop","areButtonsIconsHidden"],"mappings":"uSAQA,IAiBMA,EAAwC,SAACC,GAAA,IAAEC,~~EAA+DD~~,~~EAA/DC~~,GAAIC,~~EAA2DF~~,~~EAA3DE~~,MAAOC,~~EAAoDH~~,~~EAApDG~~,SAAUC,~~EAA0CJ~~,~~EAA1CI~~,eAAgBC,~~EAA0BL~~,~~EAA1BK~~,UAC9EC,EADsGC,EAAAP,EAA/D,wDAEvCQ,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,EAAkBD,GACtB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,~~QACN~~,~~GACF~~,IAEIC,EAAkBJ,GACtB,WAAA,MAAO,CACLG,KAAM,~~QACN~~,~~GACF~~,IAEIE,EAAoBL,GACxB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACNG,SAzCc,~~SA0Cd~~,~~GACF~~,IAEF,OACEC,~~EAACC~~,~~cAAAC~~,~~EACC~~,~~CAAAnB~~,MAAOA,EACPG,UAAWiB,EAAGC,EAAOC,cAAenB,GACpCD,eAAgBA,EAChBH,GAAIA,GAAM,UAEVkB,EAAAC,cAACK,~~EACCC~~,OAAAC,OAAA,~~CAAAtB~~,UAAWiB,EAAGC,EAAOK,qBACrBpB,MAAOG,EACPkB,kBACAC,uBAAqB,EACrBd,gBAAiBA,EACjBH,gBAAiBA,EACjBI,kBAAmBA,EACnBd,SAAUA,GACNG,IAIZ"}
1	+ {"version":3,"file":"TipseenWizard.js","sources":["../../../../src/components/Tipseen/TipseenWizard.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Steps, { type StepsProps } from \"../Steps/Steps\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport styles from \"./TipseenWizard.module.scss\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { type ButtonSize, type ButtonType } from \"@vibe/button\";\n\nconst FINISH_TEXT = \"Got it\";\n\nexport interface TipseenWizardProps extends StepsProps {\n /*\n The title text displayed in the Tipseen Wizard.\n /\n title?: string;\n /\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n Callback fired when the wizard is completed.\n */\n onFinish?: (e: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst TipseenWizard: FC<TipseenWizardProps> = ({ id, title, onFinish, titleClassName, className, ...stepsProps }) => {\n const overrideStepsProps = stepsProps as StepsProps;\n const color = useContext(TipseenContext);\n const buttonColor = useMemo(() => {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n }, [color]);\n\n const nextButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize\n }),\n []\n );\n const backButtonProps = useMemo(\n () => ({\n size: \"small\" as ButtonSize\n }),\n []\n );\n const finishButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize,\n children: FINISH_TEXT\n }),\n []\n );\n return (\n <TipseenBasicContent\n title={title}\n className={cx(styles.tipseenWizard, className)}\n titleClassName={titleClassName}\n id={id \|\| \"wizard\"}\n >\n <Steps\n className={cx(styles.tipseenWizardWizard)}\n color={buttonColor}\n isContentOnTop\n areButtonsIconsHidden\n backButtonProps={backButtonProps}\n nextButtonProps={nextButtonProps}\n finishButtonProps={finishButtonProps}\n onFinish={onFinish}\n {...overrideStepsProps}\n />\n </TipseenBasicContent>\n );\n};\nexport default TipseenWizard;\n"],"names":["TipseenWizard","_a","id","title","onFinish","titleClassName","className","overrideStepsProps","__rest","color","useContext","TipseenContext","buttonColor","useMemo","nextButtonProps","kind","size","backButtonProps","finishButtonProps","children","React","createElement","TipseenBasicContent","cx","styles","tipseenWizard","Steps","Object","assign","tipseenWizardWizard","isContentOnTop","areButtonsIconsHidden"],"mappings":"uSAQA,IAiBMA,EAAwC,SAACC,GAAA,IAAEC,EAA8CD,EAA9CC,GAAIC,EAA0CF,EAA1CE,MAAOC,EAAmCH,EAAnCG,SAAUC,EAAyBJ,EAAzBI,eAAgBC,EAASL,EAATK,UAC9EC,EADsGC,EAAAP,EAA/D,wDAEvCQ,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,EAAkBD,GACtB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACP,GACD,IAEIC,EAAkBJ,GACtB,WAAA,MAAO,CACLG,KAAM,QACP,GACD,IAEIE,EAAoBL,GACxB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACNG,SAzCc,SA0Cf,GACD,IAEF,OACEC,EAAAC,cAACC,EAAmB,CAClBnB,MAAOA,EACPG,UAAWiB,EAAGC,EAAOC,cAAenB,GACpCD,eAAgBA,EAChBH,GAAIA,GAAM,UAEVkB,EAAAC,cAACK,EAAKC,OAAAC,OAAA,CACJtB,UAAWiB,EAAGC,EAAOK,qBACrBpB,MAAOG,EACPkB,kBACAC,uBAAqB,EACrBd,gBAAiBA,EACjBH,gBAAiBA,EACjBI,kBAAmBA,EACnBd,SAAUA,GACNG,IAIZ"}

package/dist/src/components/Tipseen/TipseenWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_40fac389a4",tipseenWizardWizard:"tipseenWizardWizard_b730892c95"};!function(e){const i="s_id-98eba0c83d1f_4_2_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_40fac389a4 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_b730892c95 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_6bc1654598",tipseenWizardWizard:"tipseenWizardWizard_519bc92cac"};!function(e){const i="s_id-98eba0c83d1f_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_6bc1654598 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_519bc92cac {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as n,ComponentDefaultTestId as i}from"../../tests/testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import d from"./ToastLink/ToastLink.js";import p from"./ToastButton/ToastButton.js";import{getIcon as f}from"./ToastHelpers.js";import v from"./Toast.module.scss.js";import T from"../../hooks/usePrevious/index.js";import y from"../../../components/typography/dist/Text/Text.js";import h from"../../../components/layout/dist/Flex/Flex.js";import j from"../../../components/loader/dist/Loader/Loader.js";import g from"../../../components/icon-button/dist/IconButton/IconButton.js";import x from"../../../icons/dist/react/CloseSmall.js";import{getStyle as E}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as N}from"../../../shared/dist/utils/function-utils.js";var b=function(b){var k=b.open,B=void 0!==k&&k,C=b.loading,O=void 0!==C&&C,A=b.autoHideDuration,L=void 0===A?null:A,_=b.type,w=void 0===_?"normal":_,S=b.icon,H=b.hideIcon,I=void 0!==H&&H,P=b.action,z=b.actions,F=b.children,D=b.closeable,M=void 0===D||D,R=b.onClose,U=void 0===R?N:R,q=b.className,G=b.id,J=b.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=b["data-testid"],V=a(null),W=a(null),X=T(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(d,Object.assign({key:o.href,className:v.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,n){var i=o.content,a=e(o,["type","content"]);return s.createElement(p,Object.assign({key:"alert-button-".concat(n),className:r(v.actionButton,t({},v.withTransition,Z))},a),i)})):null}),[z,Z]),tt=l((function(){return r(v.toast,E(v,o("type-"+w)),q)}),[w,q]),et=c((function(){U&&U()}),[U]),ot=a(),nt=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return B&&L>0&&nt(L),function(){clearTimeout(ot.current)}}),[B,L,nt]);var it=!I&&f(w,S),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:B,nodeRef:W,classNames:{enterActive:v.enterActive,exitActive:v.exitActive},timeout:400,unmountOnExit:!0},s.createElement(y,{ref:W,id:G,"data-testid":Q||n(i.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},it&&s.createElement("div",{className:r(v.icon)},it),s.createElement(h,{align:"center",gap:"large",className:v.content},s.createElement(h,{gap:"medium","data-testid":n(i.TOAST_CONTENT),className:v.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),O&&s.createElement(j,{size:"xs"})),M&&s.createElement(g,{className:r(v.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light","aria-label":K,"data-testid":n(i.TOAST_CLOSE_BUTTON),icon:x,hideTooltip:!0})))};export{b as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as n,ComponentDefaultTestId as i}from"../../../testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import d from"./ToastLink/ToastLink.js";import p from"./ToastButton/ToastButton.js";import{getIcon as f}from"./ToastHelpers.js";import v from"./Toast.module.scss.js";import T from"../../hooks/usePrevious/index.js";import y from"../../../components/typography/dist/Text/Text.js";import h from"../../../components/layout/dist/Flex/Flex.js";import j from"../../../components/loader/dist/Loader/Loader.js";import g from"../../../components/icon-button/dist/IconButton/IconButton.js";import x from"../../../icons/dist/react/CloseSmall.js";import{getStyle as E}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as N}from"../../../shared/dist/utils/function-utils.js";var b=function(b){var k=b.open,B=void 0!==k&&k,C=b.loading,O=void 0!==C&&C,A=b.autoHideDuration,L=void 0===A?null:A,_=b.type,w=void 0===_?"normal":_,S=b.icon,H=b.hideIcon,I=void 0!==H&&H,P=b.action,z=b.actions,F=b.children,D=b.closeable,M=void 0===D||D,R=b.onClose,U=void 0===R?N:R,q=b.className,G=b.id,J=b.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=b["data-testid"],V=a(null),W=a(null),X=T(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(d,Object.assign({key:o.href,className:v.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,n){var i=o.content,a=e(o,["type","content"]);return s.createElement(p,Object.assign({key:"alert-button-".concat(n),className:r(v.actionButton,t({},v.withTransition,Z))},a),i)})):null}),[z,Z]),tt=l((function(){return r(v.toast,E(v,o("type-"+w)),q)}),[w,q]),et=c((function(){U&&U()}),[U]),ot=a(),nt=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return B&&L>0&&nt(L),function(){clearTimeout(ot.current)}}),[B,L,nt]);var it=!I&&f(w,S),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:B,nodeRef:W,classNames:{enterActive:v.enterActive,exitActive:v.exitActive},timeout:400,unmountOnExit:!0},s.createElement(y,{ref:W,id:G,"data-testid":Q||n(i.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},it&&s.createElement("div",{className:r(v.icon)},it),s.createElement(h,{align:"center",gap:"large",className:v.content},s.createElement(h,{gap:"medium","data-testid":n(i.TOAST_CONTENT),className:v.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),O&&s.createElement(j,{size:"xs"})),M&&s.createElement(g,{className:r(v.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light","aria-label":K,"data-testid":n(i.TOAST_CLOSE_BUTTON),icon:x,hideTooltip:!0})))};export{b as default};
 //# sourceMappingURL=Toast.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { Loader } from \"@vibe/loader\";\nimport { Flex } from \"@vibe/layout\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n [type, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n return (\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color=\"fixedLight\"\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"large\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span>{children}</span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"small\"\n kind=\"tertiary\"\n color=\"fixed-light\"\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\nexport default Toast;\n"],"names":["Toast","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip"],"mappings":"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"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { Loader } from \"@vibe/loader\";\nimport { Flex } from \"@vibe/layout\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n [type, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n return (\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color=\"fixedLight\"\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"large\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span>{children}</span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"small\"\n kind=\"tertiary\"\n color=\"fixed-light\"\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\nexport default Toast;\n"],"names":["Toast","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_7afddc0081",typeNormal:"typeNormal_7c4cbba8f7",typePositive:"typePositive_711d231b40",typeNegative:"typeNegative_26f147e967",typeWarning:"typeWarning_b0cc0b2343",closeButton:"closeButton_5d90638ddd",actionButton:"actionButton_c916bc23d2",actionLink:"actionLink_1d3f792c0f",typeDark:"typeDark_026ea09a87",icon:"icon_1fad71f725",withTransition:"withTransition_3c3866e396",bounceIn:"bounceIn_105bd95169",content:"content_f2810276f2",textContent:"textContent_5a6501aa52",enterActive:"enterActive_d6e0ccea5b",slideIn:"slideIn_ffae90dc8d",exitActive:"exitActive_4d484d8a53",slideOut:"slideOut_45631caa0f"};!function(n){const t="s_id-da2ee7919891_4_2_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_7afddc0081 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--space-16);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-inline: auto;\n  padding: var(--space-8);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_7afddc0081.typeNormal_7c4cbba8f7 {\n  background-color: var(--primary-color);\n}\n.toast_7afddc0081.typePositive_711d231b40 {\n  background-color: var(--positive-color);\n}\n.toast_7afddc0081.typeNegative_26f147e967 {\n  background-color: var(--negative-color);\n}\n.toast_7afddc0081.typeWarning_b0cc0b2343 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_7afddc0081.typeWarning_b0cc0b2343 .closeButton_5d90638ddd {\n  color: var(--fixed-dark-color);\n}\n.toast_7afddc0081.typeWarning_b0cc0b2343 .actionButton_c916bc23d2,\n.toast_7afddc0081.typeWarning_b0cc0b2343 .actionLink_1d3f792c0f {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_7afddc0081.typeDark_026ea09a87 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_7afddc0081.typeDark_026ea09a87 .closeButton_5d90638ddd {\n  color: var(--text-color-on-inverted);\n}\n.toast_7afddc0081.typeDark_026ea09a87 .actionButton_c916bc23d2,\n.toast_7afddc0081.typeDark_026ea09a87 .actionLink_1d3f792c0f {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_1fad71f725 {\n  display: flex;\n  margin-inline-start: var(--space-8);\n}\n.actionButton_c916bc23d2.withTransition_3c3866e396 {\n  opacity: 0;\n  animation: bounceIn_105bd95169 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_f2810276f2 {\n  margin: 0 var(--space-8);\n  flex: 1;\n}\n.textContent_5a6501aa52 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_d6e0ccea5b {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_ffae90dc8d;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_4d484d8a53 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_45631caa0f;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_5d90638ddd {\n  margin-inline-start: var(--space-8);\n}\n@keyframes slideIn_ffae90dc8d {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_45631caa0f {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_105bd95169 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_af17098ebc",typeNormal:"typeNormal_c81b3d9605",typePositive:"typePositive_1a2e7c3135",typeNegative:"typeNegative_59aa295438",typeWarning:"typeWarning_b3625f1e23",closeButton:"closeButton_18eb946085",actionButton:"actionButton_d68fd9463c",actionLink:"actionLink_8751031b3f",typeDark:"typeDark_f82fcf9c39",icon:"icon_b29c010790",withTransition:"withTransition_27e4f4a750",bounceIn:"bounceIn_e0f5d16992",content:"content_a70d9fafc9",textContent:"textContent_9faccc3dad",enterActive:"enterActive_c55a904aee",slideIn:"slideIn_3efd5024c3",exitActive:"exitActive_7105ec2ba4",slideOut:"slideOut_1acfe153ef"};!function(n){const t="s_id-da2ee7919891_4_2_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_af17098ebc {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--space-16);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-inline: auto;\n  padding: var(--space-8);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_af17098ebc.typeNormal_c81b3d9605 {\n  background-color: var(--primary-color);\n}\n.toast_af17098ebc.typePositive_1a2e7c3135 {\n  background-color: var(--positive-color);\n}\n.toast_af17098ebc.typeNegative_59aa295438 {\n  background-color: var(--negative-color);\n}\n.toast_af17098ebc.typeWarning_b3625f1e23 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_af17098ebc.typeWarning_b3625f1e23 .closeButton_18eb946085 {\n  color: var(--fixed-dark-color);\n}\n.toast_af17098ebc.typeWarning_b3625f1e23 .actionButton_d68fd9463c,\n.toast_af17098ebc.typeWarning_b3625f1e23 .actionLink_8751031b3f {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_af17098ebc.typeDark_f82fcf9c39 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_af17098ebc.typeDark_f82fcf9c39 .closeButton_18eb946085 {\n  color: var(--text-color-on-inverted);\n}\n.toast_af17098ebc.typeDark_f82fcf9c39 .actionButton_d68fd9463c,\n.toast_af17098ebc.typeDark_f82fcf9c39 .actionLink_8751031b3f {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_b29c010790 {\n  display: flex;\n  margin-inline-start: var(--space-8);\n}\n.actionButton_d68fd9463c.withTransition_27e4f4a750 {\n  opacity: 0;\n  animation: bounceIn_e0f5d16992 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_a70d9fafc9 {\n  margin: 0 var(--space-8);\n  flex: 1;\n}\n.textContent_9faccc3dad {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_c55a904aee {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_3efd5024c3;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_7105ec2ba4 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_1acfe153ef;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_18eb946085 {\n  margin-inline-start: var(--space-8);\n}\n@keyframes slideIn_3efd5024c3 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_1acfe153ef {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_e0f5d16992 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/src/components/Toast/ToastButton/ToastButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"react";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as e}from"../../../tests/testIds.js";import i from"../../../../components/button/dist/Button/Button.js";var o=function(o){var r=o.className,m=o.id,d=o["data-testid"],n=t(o,["className","id","data-testid"]);return s.createElement(i,Object.assign({},n,{id:m,kind:"secondary",marginLeft:!1,"data-testid":d||e(a.TOAST_BUTTON,m),className:r,size:"small",color:"fixed-light"}))};export{o as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"react";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as e}from"../../../../testIds.js";import i from"../../../../components/button/dist/Button/Button.js";var o=function(o){var r=o.className,m=o.id,d=o["data-testid"],n=t(o,["className","id","data-testid"]);return s.createElement(i,Object.assign({},n,{id:m,kind:"secondary",marginLeft:!1,"data-testid":d||e(a.TOAST_BUTTON,m),className:r,size:"small",color:"fixed-light"}))};export{o as default};
 //# sourceMappingURL=ToastButton.js.map

package/dist/src/components/Toast/ToastButton/ToastButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastButton.js","sources":["../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n className,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: ToastButtonProps) => {\n return (\n <Button\n {...buttonProps}\n id={id}\n kind=\"secondary\"\n marginLeft={false}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n className={className}\n size=\"small\"\n color=\"fixed-light\"\n />\n );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"~~2QAOA~~,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,~~EAJsCC~~,EAAAL,~~EAAA~~,CAAA,YAAA,KAAA,gBAMzC,OACEM,~~EAACC~~,~~cAAAC~~,mBACKJ,EAAW,CACfF,GAAIA,EACJO,KAAK,YACLC,YAAY,EAAK,cACJP,GAAcQ,EAAUC,EAAuBC,aAAcX,GAC1ED,UAAWA,EACXa,KAAK,QACLC,MAAM,gBAGZ"}
1	+ {"version":3,"file":"ToastButton.js","sources":["../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n className,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: ToastButtonProps) => {\n return (\n <Button\n {...buttonProps}\n id={id}\n kind=\"secondary\"\n marginLeft={false}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n className={className}\n size=\"small\"\n color=\"fixed-light\"\n />\n );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"wQAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,EAAWC,EAAAL,EAJ2B,CAAA,YAAA,KAAA,gBAMzC,OACEM,EAAAC,cAACC,mBACKJ,EAAW,CACfF,GAAIA,EACJO,KAAK,YACLC,YAAY,EAAK,cACJP,GAAcQ,EAAUC,EAAuBC,aAAcX,GAC1ED,UAAWA,EACXa,KAAK,QACLC,MAAM,gBAGZ"}

package/dist/src/components/Toast/ToastConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"../../../icons/dist/react/Info.js";import i from"../../../icons/dist/react/Check.js";import o from"../../../icons/dist/react/Alert.js";import t from"../../../icons/dist/react/Warning.js";var s={normal:r,positive:i,negative:o,warning:t,dark:r};export{s as defaultIconMap};
+import r from"../../../icons/dist/react/Info.js";import i from"../../../icons/dist/react/Warning.js";import o from"../../../icons/dist/react/Alert.js";import t from"../../../icons/dist/react/Check.js";var s={normal:r,positive:t,negative:o,warning:i,dark:r};export{s as defaultIconMap};
 //# sourceMappingURL=ToastConstants.js.map

package/dist/src/components/Toast/ToastLink/ToastLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i from"classnames";import r from"react";import e from"../../Link/Link.js";import m from"./ToastLink.module.scss.js";var o=function(o){var d=o.className,n=o.id,c=o["data-testid"],l=t(o,["className","id","data-testid"]),f=i(m.actionLink,d);return r.createElement(e,Object.assign({},l,{className:f,id:n,"data-testid":c||s(a.TOAST_LINK,n)}))};export{o as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../../../testIds.js";import i from"classnames";import r from"react";import e from"../../Link/Link.js";import m from"./ToastLink.module.scss.js";var o=function(o){var d=o.className,n=o.id,c=o["data-testid"],l=t(o,["className","id","data-testid"]),f=i(m.actionLink,d);return r.createElement(e,Object.assign({},l,{className:f,id:n,"data-testid":c||s(a.TOAST_LINK,n)}))};export{o as default};
 //# sourceMappingURL=ToastLink.js.map

package/dist/src/components/Toast/ToastLink/ToastLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastLink.js","sources":["../../../../../src/components/Toast/ToastLink/ToastLink.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport Link, { type LinkProps } from \"../../Link/Link\";\nimport styles from \"./ToastLink.module.scss\";\n\nexport type ToastLinkProps = LinkProps;\n\nconst ToastLink: FC<ToastLinkProps> = ({ className, id, \"data-testid\": dataTestId, ...linkProps }) => {\n const classNames = cx(styles.actionLink, className);\n return (\n <Link\n {...linkProps}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_LINK, id)}\n />\n );\n};\n\nexport default ToastLink;\n"],"names":["ToastLink","_a","className","id","dataTestId","linkProps","__rest","classNames","cx","styles","actionLink","React","createElement","Link","Object","assign","getTestId","ComponentDefaultTestId","TOAST_LINK"],"mappings":"~~qQASA~~,IAAMA,EAAgC,SAACC,GAAA,IAAEC,EAAwCD,EAAxCC,UAAWC,EAA6BF,EAA7BE,GAAmBC,EAAUH,EAAzB,eAA8BI,~~EAA/CC~~,EAAAL,~~EAAA~~,CAAA,YAAA,KAAA,gBAC/BM,EAAaC,EAAGC,EAAOC,WAAYR,GACzC,OACES,~~EAACC~~,~~cAAAC~~,~~EACKC~~,OAAAC,OAAA,CAAA,~~EAAAV~~,~~EACJ~~,~~CAAAH~~,UAAWK,EACXJ,GAAIA,gBACSC,GAAcY,EAAUC,EAAuBC,WAAYf,KAG9E"}
1	+ {"version":3,"file":"ToastLink.js","sources":["../../../../../src/components/Toast/ToastLink/ToastLink.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport Link, { type LinkProps } from \"../../Link/Link\";\nimport styles from \"./ToastLink.module.scss\";\n\nexport type ToastLinkProps = LinkProps;\n\nconst ToastLink: FC<ToastLinkProps> = ({ className, id, \"data-testid\": dataTestId, ...linkProps }) => {\n const classNames = cx(styles.actionLink, className);\n return (\n <Link\n {...linkProps}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_LINK, id)}\n />\n );\n};\n\nexport default ToastLink;\n"],"names":["ToastLink","_a","className","id","dataTestId","linkProps","__rest","classNames","cx","styles","actionLink","React","createElement","Link","Object","assign","getTestId","ComponentDefaultTestId","TOAST_LINK"],"mappings":"kQASA,IAAMA,EAAgC,SAACC,GAAA,IAAEC,EAAwCD,EAAxCC,UAAWC,EAA6BF,EAA7BE,GAAmBC,EAAUH,EAAzB,eAA8BI,EAASC,EAAAL,EAAxD,CAAA,YAAA,KAAA,gBAC/BM,EAAaC,EAAGC,EAAOC,WAAYR,GACzC,OACES,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAAA,EACCV,EAAS,CACbH,UAAWK,EACXJ,GAAIA,gBACSC,GAAcY,EAAUC,EAAuBC,WAAYf,KAG9E"}

package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_55918a8090"};!function(e){const t="s_id-a224471727c9_4_2_1";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)}(".actionLink_55918a8090 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_55918a8090:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_a2174b525d"};!function(e){const t="s_id-a224471727c9_4_2_2";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)}(".actionLink_a2174b525d {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_a2174b525d:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

package/dist/src/components/Toggle/MockToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MockToggle.js","sources":["../../../../src/components/Toggle/MockToggle.tsx"],"sourcesContent":["import ToggleText from \"./ToggleText\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./MockToggle.module.scss\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface MockToggleProps extends VibeComponentProps {\n /*\n If true, hides the on/off labels.\n /\n areLabelsHidden?: boolean;\n /\n If true, the toggle is in the \"on\" state.\n /\n checked?: boolean;\n /\n The text displayed when the toggle is in the \"off\" state.\n /\n offOverrideText?: string;\n /\n The text displayed when the toggle is in the \"on\" state.\n /\n onOverrideText?: string;\n /\n Class name applied when the toggle is selected.\n /\n selectedClassName?: string;\n /\n If true, disables the toggle.\n /\n disabled: boolean;\n /\n The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nexport const MockToggle: FC<MockToggleProps> = ({\n areLabelsHidden,\n checked,\n offOverrideText,\n onOverrideText,\n className,\n selectedClassName,\n disabled,\n size = \"medium\"\n}) => (\n <>\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{offOverrideText}</ToggleText>}\n <div\n className={cx(styles.toggle, getStyle(styles, size), className, {\n [cx(styles.selected, selectedClassName)]: checked,\n [styles.notSelected]: !checked,\n [styles.disabled]: disabled,\n [styles.noSpacing]: areLabelsHidden\n })}\n aria-hidden=\"true\"\n />\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{onOverrideText}</ToggleText>}\n </>\n);\n"],"names":["MockToggle","_ref","areLabelsHidden","checked","onOverrideText","className","selectedClassName","disabled","_ref$size","size","React","createElement","Fragment","ToggleText","offOverrideText","cx","styles","toggle","getStyle","_defineProperty","selected","notSelected","noSpacing"],"mappings":"gSAuCaA,EAAkC,SAAxBC,GAAA,IACrBC,EAAeD,EAAfC,gBACAC,EAAOF,EAAPE,QAEAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAiBL,EAAjBK,kBACAC,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,SAAQA,EAAA,OAEfE,EAAAC,cAAAD,EAAAE,SAAA,KACGV,EAAkB,KAAOQ,~~EAACC~~,~~cAAAE~~,GAAWN,SAAUA,GARnCN,EAAfa,iBASEJ,EAAAC,cAAA,MAAA,CACEN,UAAWU,EAAGC,EAAOC,OAAQC,EAASF,EAAQP,GAAOJ,EAASc,EAAAA,EAAAA,EAAAA,~~EAC3DJ~~,~~CAAAA~~,~~EAAAA~~,EAAGC,EAAOI,SAAUd,GAAqBH,GACzCa,EAAOK,aAAelB,GACtBa,EAAOT,SAAWA,GAClBS,EAAOM,UAAYpB,IACpB,cACU,SAEbA,EAAkB,KAAOQ,~~EAACC~~,~~cAAAE~~,~~EAAW~~,~~CAAAN~~,SAAUA,GAAWH,GAC1D"}
1	+ {"version":3,"file":"MockToggle.js","sources":["../../../../src/components/Toggle/MockToggle.tsx"],"sourcesContent":["import ToggleText from \"./ToggleText\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./MockToggle.module.scss\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface MockToggleProps extends VibeComponentProps {\n /*\n If true, hides the on/off labels.\n /\n areLabelsHidden?: boolean;\n /\n If true, the toggle is in the \"on\" state.\n /\n checked?: boolean;\n /\n The text displayed when the toggle is in the \"off\" state.\n /\n offOverrideText?: string;\n /\n The text displayed when the toggle is in the \"on\" state.\n /\n onOverrideText?: string;\n /\n Class name applied when the toggle is selected.\n /\n selectedClassName?: string;\n /\n If true, disables the toggle.\n /\n disabled: boolean;\n /\n The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nexport const MockToggle: FC<MockToggleProps> = ({\n areLabelsHidden,\n checked,\n offOverrideText,\n onOverrideText,\n className,\n selectedClassName,\n disabled,\n size = \"medium\"\n}) => (\n <>\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{offOverrideText}</ToggleText>}\n <div\n className={cx(styles.toggle, getStyle(styles, size), className, {\n [cx(styles.selected, selectedClassName)]: checked,\n [styles.notSelected]: !checked,\n [styles.disabled]: disabled,\n [styles.noSpacing]: areLabelsHidden\n })}\n aria-hidden=\"true\"\n />\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{onOverrideText}</ToggleText>}\n </>\n);\n"],"names":["MockToggle","_ref","areLabelsHidden","checked","onOverrideText","className","selectedClassName","disabled","_ref$size","size","React","createElement","Fragment","ToggleText","offOverrideText","cx","styles","toggle","getStyle","_defineProperty","selected","notSelected","noSpacing"],"mappings":"gSAuCaA,EAAkC,SAAxBC,GAAA,IACrBC,EAAeD,EAAfC,gBACAC,EAAOF,EAAPE,QAEAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAiBL,EAAjBK,kBACAC,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EAAA,OAEfE,EAAAC,cAAAD,EAAAE,SAAA,KACGV,EAAkB,KAAOQ,EAAAC,cAACE,GAAWN,SAAUA,GARnCN,EAAfa,iBASEJ,EAAAC,cAAA,MAAA,CACEN,UAAWU,EAAGC,EAAOC,OAAQC,EAASF,EAAQP,GAAOJ,EAASc,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3DJ,EAAGC,EAAOI,SAAUd,GAAqBH,GACzCa,EAAOK,aAAelB,GACtBa,EAAOT,SAAWA,GAClBS,EAAOM,UAAYpB,IACpB,cACU,SAEbA,EAAkB,KAAOQ,EAAAC,cAACE,EAAU,CAACN,SAAUA,GAAWH,GAC1D"}

package/dist/src/components/Toggle/MockToggle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_b4d9bb73a9","focus-visible":"focus-visible_ea9b374e66",selected:"selected_7c4cbba8f7",notSelected:"notSelected_0fbd43adad",disabled:"disabled_1c7b81390d",medium:"medium_43d3ad9dde",small:"small_361dd00e30",noSpacing:"noSpacing_ee525b9742"};!function(e){const n="s_id-5e47b8a7e8fd_4_2_1";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)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_b4d9bb73a9 {\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  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--space-8);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_b4d9bb73a9:focus-visible, .toggle_b4d9bb73a9.focus-visible_ea9b374e66 {\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.toggle_b4d9bb73a9:focus:not(.focus-visible_ea9b374e66) {\n  outline: none;\n}\n.toggle_b4d9bb73a9::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: inset-inline-start var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_b4d9bb73a9.selected_7c4cbba8f7 {\n  background-color: var(--primary-color);\n}\n.toggle_b4d9bb73a9.selected_7c4cbba8f7::after {\n  inset-inline-start: 20px;\n}\n.toggle_b4d9bb73a9.notSelected_0fbd43adad {\n  background-color: var(--ui-border-color);\n}\n.toggle_b4d9bb73a9.notSelected_0fbd43adad::after {\n  inset-inline-start: 3px;\n}\n.toggle_b4d9bb73a9.disabled_1c7b81390d {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_b4d9bb73a9.medium_43d3ad9dde {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_b4d9bb73a9.medium_43d3ad9dde::after {\n  --circle-size: 18px;\n}\n.toggle_b4d9bb73a9.small_361dd00e30 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_b4d9bb73a9.small_361dd00e30::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  inset-inline-start: 14px;\n}\n.toggle_b4d9bb73a9.small_361dd00e30.notSelected_0fbd43adad::after {\n  inset-inline-start: 2px;\n}\n.toggle_b4d9bb73a9.noSpacing_ee525b9742 {\n  margin: 0;\n}');export{e as default};
+var n={toggle:"toggle_35a6bad3d3","focus-visible":"focus-visible_248bf03845",selected:"selected_c81b3d9605",notSelected:"notSelected_81066dcad2",disabled:"disabled_42740af2d3",medium:"medium_06e81dcab4",small:"small_e02144b5b7",noSpacing:"noSpacing_b31a21ddb1"};!function(n){const e="s_id-5e47b8a7e8fd_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_35a6bad3d3 {\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  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--space-8);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_35a6bad3d3:focus-visible, .toggle_35a6bad3d3.focus-visible_248bf03845 {\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.toggle_35a6bad3d3:focus:not(.focus-visible_248bf03845) {\n  outline: none;\n}\n.toggle_35a6bad3d3::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: inset-inline-start var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_35a6bad3d3.selected_c81b3d9605 {\n  background-color: var(--primary-color);\n}\n.toggle_35a6bad3d3.selected_c81b3d9605::after {\n  inset-inline-start: 20px;\n}\n.toggle_35a6bad3d3.notSelected_81066dcad2 {\n  background-color: var(--ui-border-color);\n}\n.toggle_35a6bad3d3.notSelected_81066dcad2::after {\n  inset-inline-start: 3px;\n}\n.toggle_35a6bad3d3.disabled_42740af2d3 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_35a6bad3d3.medium_06e81dcab4 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_35a6bad3d3.medium_06e81dcab4::after {\n  --circle-size: 18px;\n}\n.toggle_35a6bad3d3.small_e02144b5b7 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_35a6bad3d3.small_e02144b5b7::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  inset-inline-start: 14px;\n}\n.toggle_35a6bad3d3.small_e02144b5b7.notSelected_81066dcad2::after {\n  inset-inline-start: 2px;\n}\n.toggle_35a6bad3d3.noSpacing_b31a21ddb1 {\n  margin: 0;\n}');export{n as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"es-toolkit";import r from"../Switch/Switch.js";import{MockToggle as o}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,u=void 0===v||v,g=a.isSelected,b=a.onChange,O=void 0===b?s:b,T=a.value,C=a.name,h=a.disabled,N=a["aria-label"],j=a["aria-controls"],x=a.areLabelsHidden,S=void 0!==x&&x,k=a.onOverrideText,w=void 0===k?"On":k,E=a.offOverrideText,G=void 0===E?"Off":E,L=a.size,z=void 0===L?"medium":L,H=a["data-testid"],I=t(i.wrapper),D=t(i.toggleInput);return e.createElement(r,{defaultChecked:u,checked:g,id:c,wrapperClassName:I,onChange:O,value:T,name:C,disabled:h,"aria-label":N,"aria-controls":j,inputClassName:D,ref:n,"data-testid":H||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:S,offOverrideText:G,onOverrideText:w,disabled:h,className:f,selectedClassName:p,size:z}))}));export{n as default};
+import e,{forwardRef as a}from"react";import t from"classnames";import{noop as r}from"es-toolkit";import s from"../Switch/Switch.js";import{MockToggle as o}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../../testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,u=void 0===v||v,g=a.isSelected,b=a.onChange,O=void 0===b?r:b,T=a.value,C=a.name,h=a.disabled,N=a["aria-label"],j=a["aria-controls"],x=a.areLabelsHidden,S=void 0!==x&&x,k=a.onOverrideText,w=void 0===k?"On":k,E=a.offOverrideText,G=void 0===E?"Off":E,L=a.size,z=void 0===L?"medium":L,H=a["data-testid"],I=t(i.wrapper),D=t(i.toggleInput);return e.createElement(s,{defaultChecked:u,checked:g,id:c,wrapperClassName:I,onChange:O,value:T,name:C,disabled:h,"aria-label":N,"aria-controls":j,inputClassName:D,ref:n,"data-testid":H||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:S,offOverrideText:G,onOverrideText:w,disabled:h,className:f,selectedClassName:p,size:z}))}));export{n as default};
 //# sourceMappingURL=Toggle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n /*\n Class name applied when the toggle is selected.\n /\n toggleSelectedClassName?: string;\n /\n If true, the toggle is selected by default.\n /\n isDefaultSelected?: boolean;\n /\n Controls the selected state of the toggle.\n /\n isSelected?: boolean;\n /\n Callback fired when the toggle state changes.\n /\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /\n The value associated with the toggle.\n /\n value?: string;\n /\n The name attribute of the toggle input.\n /\n name?: string;\n /\n If true, disables the toggle.\n /\n disabled?: boolean;\n /\n If true, hides the on/off labels.\n /\n areLabelsHidden?: boolean;\n /\n The text displayed when the toggle is in the \"on\" position.\n /\n onOverrideText?: string;\n /\n The text displayed when the toggle is in the \"off\" position.\n /\n offOverrideText?: string;\n /\n The ARIA label for accessibility.\n /\n \"aria-label\"?: string;\n /\n The ID of the element controlled by the toggle.\n /\n \"aria-controls\"?: string;\n /\n The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-controls\": ariaControls,\n areLabelsHidden = false,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassName = cx(styles.wrapper);\n const inputClassName = cx(styles.toggleInput);\n\n return (\n <Switch\n defaultChecked={isDefaultSelected}\n checked={isSelected}\n id={id}\n wrapperClassName={wrapperClassName}\n onChange={onChange}\n value={value}\n name={name}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n inputClassName={inputClassName}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOGGLE)}\n data-vibe={ComponentVibeId.TOGGLE}\n >\n <MockToggle\n areLabelsHidden={areLabelsHidden}\n offOverrideText={offOverrideText}\n onOverrideText={onOverrideText}\n disabled={disabled}\n className={className}\n selectedClassName={toggleSelectedClassName}\n size={size}\n />\n </Switch>\n );\n }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","selectedClassName"],"mappings":"~~mWAkEMA~~,~~IAAAA~~,EAASC,GACb,SAAAC,EAmBEC,GACE,IAlBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,~~OAAoB~~,~~IAAHD~~,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,~~OAAWC~~,~~IAAHF~~,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACcC,EAASd,EAAvB,cACiBe,EAAYf,EAA7B,iBAAegB,EAAAhB,EACfiB,gBAAAA,~~OAAkB~~,~~IAAHD~~,GAAQA,EAAAE,EAAAlB,EACvBmB,eAAAA,~~OAAiB~~,~~IAAHD~~,EAAG,KAAIA,EAAAE,EAAApB,EACrBqB,gBAAAA,~~OAAkB~~,~~IAAHD~~,EAAG,MAAKA,EAAAE,EAAAtB,EACvBuB,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,SAAQA,EACAE,EAAUxB,EAAzB,eAIIyB,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,~~EAACC~~,~~cAAAC~~,~~EACC~~,~~CAAAC~~,eAAgB5B,EAChB6B,QAAS5B,EACTL,GAAIA,EACJuB,iBAAkBA,EAClBhB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,~~EACE~~,~~aAAAC~~,~~EACG~~,~~gBAAAC~~,EACfc,eAAgBA,EAChB5B,IAAKA,~~EACQ~~,~~cAAAuB~~,GAAcY,EAAUC,EAAuBC,QAAO,YACxDC,EAAgBD,QAE3BP,EAAAC,cAACQ,EAAU,CACTvB,gBAAiBA,EACjBI,gBAAiBA,EACjBF,eAAgBA,EAChBN,SAAUA,EACVV,UAAWA,EACXsC,kBAAmBrC,EACnBmB,KAAMA,IAId"}
1	+ {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n /*\n Class name applied when the toggle is selected.\n /\n toggleSelectedClassName?: string;\n /\n If true, the toggle is selected by default.\n /\n isDefaultSelected?: boolean;\n /\n Controls the selected state of the toggle.\n /\n isSelected?: boolean;\n /\n Callback fired when the toggle state changes.\n /\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /\n The value associated with the toggle.\n /\n value?: string;\n /\n The name attribute of the toggle input.\n /\n name?: string;\n /\n If true, disables the toggle.\n /\n disabled?: boolean;\n /\n If true, hides the on/off labels.\n /\n areLabelsHidden?: boolean;\n /\n The text displayed when the toggle is in the \"on\" position.\n /\n onOverrideText?: string;\n /\n The text displayed when the toggle is in the \"off\" position.\n /\n offOverrideText?: string;\n /\n The ARIA label for accessibility.\n /\n \"aria-label\"?: string;\n /\n The ID of the element controlled by the toggle.\n /\n \"aria-controls\"?: string;\n /\n The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-controls\": ariaControls,\n areLabelsHidden = false,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassName = cx(styles.wrapper);\n const inputClassName = cx(styles.toggleInput);\n\n return (\n <Switch\n defaultChecked={isDefaultSelected}\n checked={isSelected}\n id={id}\n wrapperClassName={wrapperClassName}\n onChange={onChange}\n value={value}\n name={name}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n inputClassName={inputClassName}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOGGLE)}\n data-vibe={ComponentVibeId.TOGGLE}\n >\n <MockToggle\n areLabelsHidden={areLabelsHidden}\n offOverrideText={offOverrideText}\n onOverrideText={onOverrideText}\n disabled={disabled}\n className={className}\n selectedClassName={toggleSelectedClassName}\n size={size}\n />\n </Switch>\n );\n }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","selectedClassName"],"mappings":"gWAkEA,IAAMA,EAASC,GACb,SAAAC,EAmBEC,GACE,IAlBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAiB,IAAAD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAQ,IAAAD,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACcC,EAASd,EAAvB,cACiBe,EAAYf,EAA7B,iBAAegB,EAAAhB,EACfiB,gBAAAA,OAAe,IAAAD,GAAQA,EAAAE,EAAAlB,EACvBmB,eAAAA,OAAc,IAAAD,EAAG,KAAIA,EAAAE,EAAApB,EACrBqB,gBAAAA,OAAe,IAAAD,EAAG,MAAKA,EAAAE,EAAAtB,EACvBuB,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACAE,EAAUxB,EAAzB,eAIIyB,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAAAC,cAACC,EAAM,CACLC,eAAgB5B,EAChB6B,QAAS5B,EACTL,GAAIA,EACJuB,iBAAkBA,EAClBhB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EAAQ,aACNC,EAAS,gBACNC,EACfc,eAAgBA,EAChB5B,IAAKA,EAAG,cACKuB,GAAcY,EAAUC,EAAuBC,QAAO,YACxDC,EAAgBD,QAE3BP,EAAAC,cAACQ,EAAU,CACTvB,gBAAiBA,EACjBI,gBAAiBA,EACjBF,eAAgBA,EAChBN,SAAUA,EACVV,UAAWA,EACXsC,kBAAmBrC,EACnBmB,KAAMA,IAId"}

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_4cfee84615","focus-visible":"focus-visible_df68b5a0a9",wrapper:"wrapper_0bf98f6c02"};!function(e){const t="s_id-4304a18f6620_4_2_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_4cfee84615:focus-visible, .toggleInput_4cfee84615.focus-visible_df68b5a0a9 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_4cfee84615:focus-visible ~ div, .toggleInput_4cfee84615.focus-visible_df68b5a0a9 ~ div {\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.wrapper_0bf98f6c02 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_0faf427cec",wrapper:"wrapper_490add0e30"};!function(e){const t="s_id-4304a18f6620_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_0faf427cec:focus-visible, .toggleInput_0faf427cec.focus-visible_08499307d9 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_0faf427cec:focus-visible ~ div, .toggleInput_0faf427cec.focus-visible_08499307d9 ~ div {\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.wrapper_490add0e30 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/src/components/Toggle/ToggleText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleText.js","sources":["../../../../src/components/Toggle/ToggleText.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./ToggleText.module.scss\";\nimport { Text } from \"@vibe/typography\";\n\nexport interface ToggleTextProps extends VibeComponentProps {\n /*\n The text content inside the toggle.\n /\n children: string;\n /\n If true, applies a disabled style to the text.\n */\n disabled: boolean;\n}\n\nconst ToggleText: FC<ToggleTextProps> = ({ children, disabled }) => (\n <Text element=\"span\" type=\"text2\" className={cx(styles.text, { [styles.disabled]: disabled })}>\n {children}\n </Text>\n);\nexport default ToggleText;\n"],"names":["ToggleText","_ref","children","React","createElement","Text","element","type","className","cx","styles","text","_defineProperty","disabled"],"mappings":"0OAiBA,IAAMA,EAAkC,SAAxBC,GAAA,IAA2BC,EAAQD,EAARC,SAAkB,OAC3DC,EAAAC,cAACC,~~EAAK~~,~~CAAAC~~,QAAQ,OAAOC,KAAK,QAAQC,UAAWC,EAAGC,EAAOC,KAAIC,EAAA,~~CAAA~~,~~EAAKF,~~EAAOG,SADZZ,EAARY,YAEhDX,EACI"}
1	+ {"version":3,"file":"ToggleText.js","sources":["../../../../src/components/Toggle/ToggleText.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./ToggleText.module.scss\";\nimport { Text } from \"@vibe/typography\";\n\nexport interface ToggleTextProps extends VibeComponentProps {\n /*\n The text content inside the toggle.\n /\n children: string;\n /\n If true, applies a disabled style to the text.\n */\n disabled: boolean;\n}\n\nconst ToggleText: FC<ToggleTextProps> = ({ children, disabled }) => (\n <Text element=\"span\" type=\"text2\" className={cx(styles.text, { [styles.disabled]: disabled })}>\n {children}\n </Text>\n);\nexport default ToggleText;\n"],"names":["ToggleText","_ref","children","React","createElement","Text","element","type","className","cx","styles","text","_defineProperty","disabled"],"mappings":"0OAiBA,IAAMA,EAAkC,SAAxBC,GAAA,IAA2BC,EAAQD,EAARC,SAAkB,OAC3DC,EAAAC,cAACC,EAAI,CAACC,QAAQ,OAAOC,KAAK,QAAQC,UAAWC,EAAGC,EAAOC,KAAIC,EAAA,GAAKF,EAAOG,SADZZ,EAARY,YAEhDX,EACI"}

package/dist/src/components/Toggle/ToggleText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={text:"text_87a6dbb213",disabled:"disabled_dcdbffc1f5"};!function(e){const t="s_id-1dee71639eb3_4_2_1";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)}(".text_87a6dbb213 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_dcdbffc1f5 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_3cc0f14916",disabled:"disabled_ddcf1354e4"};!function(e){const t="s_id-1dee71639eb3_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_3cc0f14916 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_ddcf1354e4 {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t,{forwardRef as e}from"react";import s from"classnames";import{getTestId as i}from"../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../tests/constants.js";import a from"./TransitionView.module.scss.js";import o from"../SlideTransition/SlideTransition.js";var m=e((function(e,m){var n=e.activeStep,d=e.direction,c=e.id,l=e["data-testid"],f=e.children;return t.createElement("div",{id:c,className:s(a.slideshow,e.className),"data-testid":l||i(r.TRANSITION_VIEW,c),ref:m},t.createElement(o,{key:n,direction:d},f[n]))}));export{m as default};
+import t,{forwardRef as e}from"react";import i from"classnames";import{getTestId as s}from"../../../testIds.js";import{ComponentDefaultTestId as r}from"../../tests/constants.js";import a from"./TransitionView.module.scss.js";import o from"../SlideTransition/SlideTransition.js";var m=e((function(e,m){var n=e.activeStep,d=e.direction,c=e.id,l=e["data-testid"],f=e.children;return t.createElement("div",{id:c,className:i(a.slideshow,e.className),"data-testid":l||s(r.TRANSITION_VIEW,c),ref:m},t.createElement(o,{key:n,direction:d},f[n]))}));export{m as default};
 //# sourceMappingURL=TransitionView.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TransitionView.js","sources":["../../../../src/components/TransitionView/TransitionView.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type TransitionViewProps } from \"./TransitionView.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TransitionView.module.scss\";\nimport SlideTransition from \"../SlideTransition/SlideTransition\";\n\nconst TransitionView = forwardRef(\n (\n { activeStep, direction, id, className, \"data-testid\": dataTestId, children }: TransitionViewProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <div\n id={id}\n className={cx(styles.slideshow, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TRANSITION_VIEW, id)}\n ref={ref}\n >\n <SlideTransition key={activeStep} direction={direction}>\n {children[activeStep]}\n </SlideTransition>\n </div>\n );\n }\n);\n\nexport default TransitionView;\n"],"names":["TransitionView","forwardRef","_ref","ref","activeStep","direction","id","dataTestId","children","React","createElement","className","cx","styles","slideshow","getTestId","ComponentDefaultTestId","TRANSITION_VIEW","SlideTransition","key"],"mappings":"~~yRAQMA~~,~~IAAAA~~,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAAUF,EAAVE,WAAYC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAA8BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAGnE,OACEC,EAAAC,cAAA,MAAA,CACEJ,GAAIA,EACJK,UAAWC,EAAGC,EAAOC,UANaZ,EAATS,WAMiB,cAC7BJ,GAAcQ,EAAUC,EAAuBC,gBAAiBX,GAC7EH,IAAKA,GAELM,EAAAC,cAACQ,~~EAAgB~~,~~CAAAC~~,IAAKf,EAAYC,UAAWA,GAC1CG,EAASJ,IAIlB"}
1	+ {"version":3,"file":"TransitionView.js","sources":["../../../../src/components/TransitionView/TransitionView.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type TransitionViewProps } from \"./TransitionView.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TransitionView.module.scss\";\nimport SlideTransition from \"../SlideTransition/SlideTransition\";\n\nconst TransitionView = forwardRef(\n (\n { activeStep, direction, id, className, \"data-testid\": dataTestId, children }: TransitionViewProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <div\n id={id}\n className={cx(styles.slideshow, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TRANSITION_VIEW, id)}\n ref={ref}\n >\n <SlideTransition key={activeStep} direction={direction}>\n {children[activeStep]}\n </SlideTransition>\n </div>\n );\n }\n);\n\nexport default TransitionView;\n"],"names":["TransitionView","forwardRef","_ref","ref","activeStep","direction","id","dataTestId","children","React","createElement","className","cx","styles","slideshow","getTestId","ComponentDefaultTestId","TRANSITION_VIEW","SlideTransition","key"],"mappings":"sRAQA,IAAMA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAAUF,EAAVE,WAAYC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAA8BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAGnE,OACEC,EAAAC,cAAA,MAAA,CACEJ,GAAIA,EACJK,UAAWC,EAAGC,EAAOC,UANaZ,EAATS,WAMiB,cAC7BJ,GAAcQ,EAAUC,EAAuBC,gBAAiBX,GAC7EH,IAAKA,GAELM,EAAAC,cAACQ,EAAe,CAACC,IAAKf,EAAYC,UAAWA,GAC1CG,EAASJ,IAIlB"}

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

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_fcb698a1b7"};!function(e){const t="s_id-1d828e3be878_4_2_1";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)}(".slideshow_fcb698a1b7 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_c87cb7ef97"};!function(e){const t="s_id-1d828e3be878_4_2_2";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)}(".slideshow_c87cb7ef97 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
 //# sourceMappingURL=TransitionView.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as t,useState as o,useRef as n,useCallback as i,useMemo as l,useEffect as s}from"react";import u from"classnames";import{VariableSizeGrid as c}from"react-window";import a from"react-virtualized-auto-sizer";import{getNormalizedItems as d,getOnItemsRenderedData as m,isLayoutDirectionScrollbarVisible as f}from"../../services/virtualized-service.js";import v from"../../hooks/usePrevious/index.js";import h from"../../hooks/useThrottledCallback.js";import{getTestId as I,ComponentDefaultTestId as p}from"../../tests/testIds.js";import g from"./VirtualizedGrid.module.scss.js";import{useMergeRef as w}from"../../../shared/dist/hooks/useMergeRef.js";import{NOOP as R}from"../../../shared/dist/utils/function-utils.js";var x=t((function(t,x){var T=t.className,S=t.id,b=t.items,j=void 0===b?[]:b,C=t.itemRenderer,z=t.getRowHeight,N=void 0===z?function(){return 50}:z,M=t.getColumnWidth,k=void 0===M?function(){return 100}:M,E=t.getItemId,V=void 0===E?function(r,e){return r.id}:E,W=t.onScroll,y=t.scrollToId,A=void 0===y?null:y,D=t.onScrollToFinished,G=void 0===D?R:D,H=t.onItemsRendered,O=void 0===H?null:H,U=t.onItemsRenderedThrottleMs,_=void 0===U?200:U,F=t.onSizeUpdate,P=void 0===F?R:F,q=t.onVerticalScrollbarVisiblityChange,B=void 0===q?null:q,L=t.scrollableClassName,Z=t["data-testid"],J=o(0),K=r(J,2),Q=K[0],X=K[1],Y=o(0),$=r(Y,2),rr=$[0],er=$[1],tr=v(A),or=n(null),nr=n(null),ir=n(null),lr=n(0),sr=n({scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),ur=w(x,or),cr=sr.current,ar=i((function(r){var e=N();return e&&!Number.isNaN(e)||console.error("Couldn't get height for item: ",r),e}),[N]),dr=i((function(r,e){var t=V(r,e);return void 0===t&&console.error("Couldn't get id for item: ",r),t}),[V]),mr=l((function(){return d(j,dr,ar)}),[j,dr,ar]),fr=l((function(){return Math.min(j.length,Math.floor(rr/k()))}),[j,rr,k]),vr=l((function(){return fr>0?Math.ceil(j.length/fr):0}),[j,fr]),hr=l((function(){return A%fr}),[A,fr]),Ir=l((function(){return Math.floor(A/fr)}),[A,fr]),pr=i((function(r){var e=r.horizontalScrollDirection,t=r.scrollTop,o=r.scrollUpdateWasRequested;lr.current=t,o||(cr.scrollOffsetInitial=t),W&&W(e,t,o)}),[W,lr,cr]),gr=i((function(r){var e=r.rowIndex*fr+r.columnIndex;return C(j[e],e,r.style)}),[j,C,fr]),wr=i((function(r,e){e===Q&&r===rr||setTimeout((function(){X(e),er(r),P(r,e)}),0)}),[Q,rr,P]),Rr=h((function(r){if(O){var e=m(j,mr,dr,r.visibleRowStartIndex,r.visibleRowStopIndex,Q,lr.current);O(e)}}),{wait:_,trailing:!0},[O,j,mr,dr,Q]);return s((function(){A&&tr!==A&&(ir.current.scrollToItem({align:"center",columnIndex:hr,rowIndex:Ir}),G())}),[A,tr,ir,hr,Ir,G]),s((function(){ir.current&&ir.current.resetAfterIndices({columnIndex:0,rowIndex:0})}),[mr]),s((function(){if(B){var r=f(j,mr,dr,Q);nr.current!==r&&(nr.current=r,B(r))}}),[B,j,mr,Q,dr]),e.createElement("div",{ref:ur,className:u(g.virtualizedGridWrapper,T),id:S,"data-testid":Z||I(p.VIRTUALIZED_GRID,S)},e.createElement(a,null,(function(r){var t=r.height,o=r.width;return wr(o,t),e.createElement(c,{ref:ir,height:t,width:o,columnWidth:k,columnCount:fr,rowHeight:N,rowCount:vr,onScroll:pr,onItemsRendered:Rr,className:L},gr)})))}));export{x as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as t,useState as o,useRef as n,useCallback as i,useMemo as l,useEffect as u}from"react";import s from"classnames";import{VariableSizeGrid as c}from"react-window";import a from"react-virtualized-auto-sizer";import{getNormalizedItems as d,getOnItemsRenderedData as m,isLayoutDirectionScrollbarVisible as f}from"../../services/virtualized-service.js";import v from"../../hooks/usePrevious/index.js";import h from"../../hooks/useThrottledCallback.js";import{getTestId as I,ComponentDefaultTestId as p}from"../../../testIds.js";import g from"./VirtualizedGrid.module.scss.js";import{useMergeRef as w}from"../../../shared/dist/hooks/useMergeRef.js";import{NOOP as R}from"../../../shared/dist/utils/function-utils.js";var x=t((function(t,x){var T=t.className,S=t.id,b=t.items,j=void 0===b?[]:b,C=t.itemRenderer,z=t.getRowHeight,N=void 0===z?function(){return 50}:z,M=t.getColumnWidth,k=void 0===M?function(){return 100}:M,E=t.getItemId,V=void 0===E?function(r,e){return r.id}:E,W=t.onScroll,y=t.scrollToId,A=void 0===y?null:y,D=t.onScrollToFinished,G=void 0===D?R:D,H=t.onItemsRendered,O=void 0===H?null:H,U=t.onItemsRenderedThrottleMs,_=void 0===U?200:U,F=t.onSizeUpdate,P=void 0===F?R:F,q=t.onVerticalScrollbarVisiblityChange,B=void 0===q?null:q,L=t.scrollableClassName,Z=t["data-testid"],J=o(0),K=r(J,2),Q=K[0],X=K[1],Y=o(0),$=r(Y,2),rr=$[0],er=$[1],tr=v(A),or=n(null),nr=n(null),ir=n(null),lr=n(0),ur=n({scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),sr=w(x,or),cr=ur.current,ar=i((function(r){var e=N();return e&&!Number.isNaN(e)||console.error("Couldn't get height for item: ",r),e}),[N]),dr=i((function(r,e){var t=V(r,e);return void 0===t&&console.error("Couldn't get id for item: ",r),t}),[V]),mr=l((function(){return d(j,dr,ar)}),[j,dr,ar]),fr=l((function(){return Math.min(j.length,Math.floor(rr/k()))}),[j,rr,k]),vr=l((function(){return fr>0?Math.ceil(j.length/fr):0}),[j,fr]),hr=l((function(){return A%fr}),[A,fr]),Ir=l((function(){return Math.floor(A/fr)}),[A,fr]),pr=i((function(r){var e=r.horizontalScrollDirection,t=r.scrollTop,o=r.scrollUpdateWasRequested;lr.current=t,o||(cr.scrollOffsetInitial=t),W&&W(e,t,o)}),[W,lr,cr]),gr=i((function(r){var e=r.rowIndex*fr+r.columnIndex;return C(j[e],e,r.style)}),[j,C,fr]),wr=i((function(r,e){e===Q&&r===rr||setTimeout((function(){X(e),er(r),P(r,e)}),0)}),[Q,rr,P]),Rr=h((function(r){if(O){var e=m(j,mr,dr,r.visibleRowStartIndex,r.visibleRowStopIndex,Q,lr.current);O(e)}}),{wait:_,trailing:!0},[O,j,mr,dr,Q]);return u((function(){A&&tr!==A&&(ir.current.scrollToItem({align:"center",columnIndex:hr,rowIndex:Ir}),G())}),[A,tr,ir,hr,Ir,G]),u((function(){ir.current&&ir.current.resetAfterIndices({columnIndex:0,rowIndex:0})}),[mr]),u((function(){if(B){var r=f(j,mr,dr,Q);nr.current!==r&&(nr.current=r,B(r))}}),[B,j,mr,Q,dr]),e.createElement("div",{ref:sr,className:s(g.virtualizedGridWrapper,T),id:S,"data-testid":Z||I(p.VIRTUALIZED_GRID,S)},e.createElement(a,null,(function(r){var t=r.height,o=r.width;return wr(o,t),e.createElement(c,{ref:ir,height:t,width:o,columnWidth:k,columnCount:fr,rowHeight:N,rowCount:vr,onScroll:pr,onItemsRendered:Rr,className:L},gr)})))}));export{x as default};
 //# sourceMappingURL=VirtualizedGrid.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualizedGrid.js","sources":["../../../../src/components/VirtualizedGrid/VirtualizedGrid.tsx"],"sourcesContent":["import React, {\n type CSSProperties,\n type ReactElement,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport cx from \"classnames\";\nimport {\n type GridChildComponentProps,\n type GridOnScrollProps,\n type ScrollDirection,\n VariableSizeGrid as Grid,\n type GridOnItemsRenderedProps\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport {\n getNormalizedItems,\n getOnItemsRenderedData,\n isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { type VirtualizedGridItemType as ItemType } from \"./VirtualizedGrid.types\";\n\nexport interface VirtualizedGridProps extends VibeComponentProps {\n /*\n The list of items to be rendered in the grid.\n /\n items: ItemType[];\n /\n Function that renders each item in the grid.\n /\n itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ReactElement;\n /\n Function that returns the row height.\n /\n getRowHeight: () => number;\n /\n Function that returns the column width.\n /\n getColumnWidth: () => number;\n /\n Function that returns the unique ID of an item.\n /\n getItemId?: (item: ItemType, index: number) => string;\n /\n The index of the item to scroll to.\n /\n scrollToId?: number;\n /\n Callback fired when the grid is scrolled.\n /\n onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n /\n Callback fired when scrolling has finished.\n /\n onScrollToFinished?: () => void;\n /\n Callback fired when items are rendered in the grid.\n /\n onItemsRendered?: ({\n firstItemId,\n secondItemId,\n lastItemId,\n centerItemId,\n firstItemOffsetEnd,\n currentOffsetTop\n }: {\n firstItemId: string;\n secondItemId: string;\n lastItemId: string;\n centerItemId: string;\n firstItemOffsetEnd: number;\n currentOffsetTop: number;\n }) => void;\n /\n The delay (in ms) for throttling the `onItemsRendered` callback.\n /\n onItemsRenderedThrottleMs?: number;\n /\n Callback fired when the grid size is updated.\n /\n onSizeUpdate?: (width: number, height: number) => void;\n /\n Callback fired when the vertical scrollbar visibility changes.\n /\n onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n /\n Class name applied to the scrollable container.\n /\n scrollableClassName?: string;\n}\n\nconst VirtualizedGrid = forwardRef(\n (\n {\n className,\n id,\n items = [],\n itemRenderer,\n getRowHeight = () => 50,\n getColumnWidth = () => 100,\n getItemId = (item: ItemType, _index: number) => item.id,\n onScroll,\n scrollToId = null,\n onScrollToFinished = NOOP,\n onItemsRendered = null,\n onItemsRenderedThrottleMs = 200,\n onSizeUpdate = NOOP,\n onVerticalScrollbarVisiblityChange = null,\n scrollableClassName,\n \"data-testid\": dataTestId\n }: VirtualizedGridProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n // states\n const [gridHeight, setGridHeight] = useState(0);\n const [gridWidth, setGridWidth] = useState(0);\n\n // prevs\n const prevScrollToId = usePrevious(scrollToId);\n\n // Refs\n const componentRef = useRef(null);\n const isVerticalScrollbarVisibleRef = useRef(null);\n const gridRef = useRef(null);\n const scrollTopRef = useRef(0);\n const animationDataRef = useRef({\n scrollOffsetInitial: 0,\n scrollOffsetFinal: 0,\n animationStartTime: 0\n });\n const mergedRef = useMergeRef(ref, componentRef);\n\n const animationData = animationDataRef.current;\n\n // Callbacks\n const heightGetter = useCallback(\n (item: ItemType) => {\n const height = getRowHeight();\n if (!height \|\| Number.isNaN(height)) {\n console.error(\"Couldn't get height for item: \", item);\n }\n return height;\n },\n [getRowHeight]\n );\n\n const idGetter = useCallback(\n (item: ItemType, index: number) => {\n const itemId = getItemId(item, index);\n if (itemId === undefined) {\n console.error(\"Couldn't get id for item: \", item);\n }\n return itemId;\n },\n [getItemId]\n );\n\n // Memos\n // Creates object of itemId => { item, index, height, offsetTop}\n const normalizedItems = useMemo(() => {\n return getNormalizedItems(items, idGetter, heightGetter);\n }, [items, idGetter, heightGetter]);\n\n const calcColumnCount = useMemo(() => {\n return Math.min(items.length, Math.floor(gridWidth / getColumnWidth()));\n }, [items, gridWidth, getColumnWidth]);\n\n const calcRowCount = useMemo(() => {\n return calcColumnCount > 0 ? Math.ceil(items.length / calcColumnCount) : 0;\n }, [items, calcColumnCount]);\n\n const scrollToColumnIndex = useMemo(() => {\n return scrollToId % calcColumnCount;\n }, [scrollToId, calcColumnCount]);\n\n const scrollToRowIndex = useMemo(() => {\n return Math.floor(scrollToId / calcColumnCount);\n }, [scrollToId, calcColumnCount]);\n\n // Callbacks\n const onScrollCB = useCallback(\n ({ horizontalScrollDirection, scrollTop, scrollUpdateWasRequested }: GridOnScrollProps) => {\n scrollTopRef.current = scrollTop;\n if (!scrollUpdateWasRequested) {\n animationData.scrollOffsetInitial = scrollTop;\n }\n onScroll && onScroll(horizontalScrollDirection, scrollTop, scrollUpdateWasRequested);\n },\n [onScroll, scrollTopRef, animationData]\n );\n\n const cellRenderer = useCallback(\n ({ columnIndex, rowIndex, style }: { columnIndex: number; rowIndex: number; style: CSSProperties }) => {\n const index = rowIndex calcColumnCount + columnIndex;\n const item = items[index];\n return itemRenderer(item, index, style);\n },\n [items, itemRenderer, calcColumnCount]\n );\n\n const updateGridSize = useCallback(\n (width: number, height: number) => {\n if (height !== gridHeight \|\| width !== gridWidth) {\n setTimeout(() => {\n setGridHeight(height);\n setGridWidth(width);\n onSizeUpdate(width, height);\n }, 0);\n }\n },\n [gridHeight, gridWidth, onSizeUpdate]\n );\n\n const onItemsRenderedCB = useThrottledCallback(\n ({ visibleRowStartIndex, visibleRowStopIndex }: GridOnItemsRenderedProps) => {\n if (!onItemsRendered) return;\n const data = getOnItemsRenderedData(\n items,\n normalizedItems,\n idGetter,\n visibleRowStartIndex,\n visibleRowStopIndex,\n gridHeight,\n scrollTopRef.current\n );\n onItemsRendered(data);\n },\n { wait: onItemsRenderedThrottleMs, trailing: true },\n [onItemsRendered, items, normalizedItems, idGetter, gridHeight]\n );\n\n // Effects\n useEffect(() => {\n // scroll to specific item\n if (scrollToId && prevScrollToId !== scrollToId) {\n gridRef.current.scrollToItem({\n align: \"center\",\n columnIndex: scrollToColumnIndex,\n rowIndex: scrollToRowIndex\n });\n onScrollToFinished();\n }\n }, [scrollToId, prevScrollToId, gridRef, scrollToColumnIndex, scrollToRowIndex, onScrollToFinished]);\n\n useEffect(() => {\n // recalculate row heights\n if (gridRef.current) {\n gridRef.current.resetAfterIndices({ columnIndex: 0, rowIndex: 0 });\n }\n }, [normalizedItems]);\n\n useEffect(() => {\n // update vertical scrollbar visibility\n if (onVerticalScrollbarVisiblityChange) {\n const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, gridHeight);\n if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n isVerticalScrollbarVisibleRef.current = isVisible;\n onVerticalScrollbarVisiblityChange(isVisible);\n }\n }\n }, [onVerticalScrollbarVisiblityChange, items, normalizedItems, gridHeight, idGetter]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.virtualizedGridWrapper, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.VIRTUALIZED_GRID, id)}\n >\n <AutoSizer>\n {({ height, width }: { height: number; width: number }) => {\n updateGridSize(width, height);\n return (\n <Grid\n ref={gridRef}\n height={height}\n width={width}\n columnWidth={getColumnWidth}\n columnCount={calcColumnCount}\n rowHeight={getRowHeight}\n rowCount={calcRowCount}\n onScroll={onScrollCB}\n onItemsRendered={onItemsRenderedCB}\n className={scrollableClassName}\n >\n {cellRenderer as unknown as React.ComponentType<GridChildComponentProps>}\n </Grid>\n );\n }}\n </AutoSizer>\n </div>\n );\n }\n);\n\nexport default VirtualizedGrid;\n"],"names":["VirtualizedGrid","forwardRef","_ref","ref","className","id","_ref$items","items","itemRenderer","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","item","_index","onScroll","_ref$scrollToId","scrollToId","_ref$onScrollToFinish","onScrollToFinished","NOOP","_ref$onItemsRendered","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","scrollableClassName","dataTestId","_useState","useState","_useState2","_slicedToArray","gridHeight","setGridHeight","_useState3","_useState4","gridWidth","setGridWidth","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","gridRef","scrollTopRef","animationDataRef","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","animationData","current","heightGetter","useCallback","height","Number","isNaN","console","error","idGetter","index","itemId","undefined","normalizedItems","useMemo","getNormalizedItems","calcColumnCount","Math","min","length","floor","calcRowCount","ceil","scrollToColumnIndex","scrollToRowIndex","onScrollCB","_ref2","horizontalScrollDirection","scrollTop","scrollUpdateWasRequested","cellRenderer","_ref3","rowIndex","columnIndex","style","updateGridSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleRowStartIndex","visibleRowStopIndex","wait","trailing","useEffect","scrollToItem","align","resetAfterIndices","isVisible","isLayoutDirectionScrollbarVisible","React","createElement","cx","styles","virtualizedGridWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_GRID","AutoSizer","_ref5","Grid","columnWidth","columnCount","rowHeight","rowCount"],"mappings":"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"}
1	+ {"version":3,"file":"VirtualizedGrid.js","sources":["../../../../src/components/VirtualizedGrid/VirtualizedGrid.tsx"],"sourcesContent":["import React, {\n type CSSProperties,\n type ReactElement,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport cx from \"classnames\";\nimport {\n type GridChildComponentProps,\n type GridOnScrollProps,\n type ScrollDirection,\n VariableSizeGrid as Grid,\n type GridOnItemsRenderedProps\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport {\n getNormalizedItems,\n getOnItemsRenderedData,\n isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { type VirtualizedGridItemType as ItemType } from \"./VirtualizedGrid.types\";\n\nexport interface VirtualizedGridProps extends VibeComponentProps {\n /*\n The list of items to be rendered in the grid.\n /\n items: ItemType[];\n /\n Function that renders each item in the grid.\n /\n itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ReactElement;\n /\n Function that returns the row height.\n /\n getRowHeight: () => number;\n /\n Function that returns the column width.\n /\n getColumnWidth: () => number;\n /\n Function that returns the unique ID of an item.\n /\n getItemId?: (item: ItemType, index: number) => string;\n /\n The index of the item to scroll to.\n /\n scrollToId?: number;\n /\n Callback fired when the grid is scrolled.\n /\n onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n /\n Callback fired when scrolling has finished.\n /\n onScrollToFinished?: () => void;\n /\n Callback fired when items are rendered in the grid.\n /\n onItemsRendered?: ({\n firstItemId,\n secondItemId,\n lastItemId,\n centerItemId,\n firstItemOffsetEnd,\n currentOffsetTop\n }: {\n firstItemId: string;\n secondItemId: string;\n lastItemId: string;\n centerItemId: string;\n firstItemOffsetEnd: number;\n currentOffsetTop: number;\n }) => void;\n /\n The delay (in ms) for throttling the `onItemsRendered` callback.\n /\n onItemsRenderedThrottleMs?: number;\n /\n Callback fired when the grid size is updated.\n /\n onSizeUpdate?: (width: number, height: number) => void;\n /\n Callback fired when the vertical scrollbar visibility changes.\n /\n onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n /\n Class name applied to the scrollable container.\n /\n scrollableClassName?: string;\n}\n\nconst VirtualizedGrid = forwardRef(\n (\n {\n className,\n id,\n items = [],\n itemRenderer,\n getRowHeight = () => 50,\n getColumnWidth = () => 100,\n getItemId = (item: ItemType, _index: number) => item.id,\n onScroll,\n scrollToId = null,\n onScrollToFinished = NOOP,\n onItemsRendered = null,\n onItemsRenderedThrottleMs = 200,\n onSizeUpdate = NOOP,\n onVerticalScrollbarVisiblityChange = null,\n scrollableClassName,\n \"data-testid\": dataTestId\n }: VirtualizedGridProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n // states\n const [gridHeight, setGridHeight] = useState(0);\n const [gridWidth, setGridWidth] = useState(0);\n\n // prevs\n const prevScrollToId = usePrevious(scrollToId);\n\n // Refs\n const componentRef = useRef(null);\n const isVerticalScrollbarVisibleRef = useRef(null);\n const gridRef = useRef(null);\n const scrollTopRef = useRef(0);\n const animationDataRef = useRef({\n scrollOffsetInitial: 0,\n scrollOffsetFinal: 0,\n animationStartTime: 0\n });\n const mergedRef = useMergeRef(ref, componentRef);\n\n const animationData = animationDataRef.current;\n\n // Callbacks\n const heightGetter = useCallback(\n (item: ItemType) => {\n const height = getRowHeight();\n if (!height \|\| Number.isNaN(height)) {\n console.error(\"Couldn't get height for item: \", item);\n }\n return height;\n },\n [getRowHeight]\n );\n\n const idGetter = useCallback(\n (item: ItemType, index: number) => {\n const itemId = getItemId(item, index);\n if (itemId === undefined) {\n console.error(\"Couldn't get id for item: \", item);\n }\n return itemId;\n },\n [getItemId]\n );\n\n // Memos\n // Creates object of itemId => { item, index, height, offsetTop}\n const normalizedItems = useMemo(() => {\n return getNormalizedItems(items, idGetter, heightGetter);\n }, [items, idGetter, heightGetter]);\n\n const calcColumnCount = useMemo(() => {\n return Math.min(items.length, Math.floor(gridWidth / getColumnWidth()));\n }, [items, gridWidth, getColumnWidth]);\n\n const calcRowCount = useMemo(() => {\n return calcColumnCount > 0 ? Math.ceil(items.length / calcColumnCount) : 0;\n }, [items, calcColumnCount]);\n\n const scrollToColumnIndex = useMemo(() => {\n return scrollToId % calcColumnCount;\n }, [scrollToId, calcColumnCount]);\n\n const scrollToRowIndex = useMemo(() => {\n return Math.floor(scrollToId / calcColumnCount);\n }, [scrollToId, calcColumnCount]);\n\n // Callbacks\n const onScrollCB = useCallback(\n ({ horizontalScrollDirection, scrollTop, scrollUpdateWasRequested }: GridOnScrollProps) => {\n scrollTopRef.current = scrollTop;\n if (!scrollUpdateWasRequested) {\n animationData.scrollOffsetInitial = scrollTop;\n }\n onScroll && onScroll(horizontalScrollDirection, scrollTop, scrollUpdateWasRequested);\n },\n [onScroll, scrollTopRef, animationData]\n );\n\n const cellRenderer = useCallback(\n ({ columnIndex, rowIndex, style }: { columnIndex: number; rowIndex: number; style: CSSProperties }) => {\n const index = rowIndex calcColumnCount + columnIndex;\n const item = items[index];\n return itemRenderer(item, index, style);\n },\n [items, itemRenderer, calcColumnCount]\n );\n\n const updateGridSize = useCallback(\n (width: number, height: number) => {\n if (height !== gridHeight \|\| width !== gridWidth) {\n setTimeout(() => {\n setGridHeight(height);\n setGridWidth(width);\n onSizeUpdate(width, height);\n }, 0);\n }\n },\n [gridHeight, gridWidth, onSizeUpdate]\n );\n\n const onItemsRenderedCB = useThrottledCallback(\n ({ visibleRowStartIndex, visibleRowStopIndex }: GridOnItemsRenderedProps) => {\n if (!onItemsRendered) return;\n const data = getOnItemsRenderedData(\n items,\n normalizedItems,\n idGetter,\n visibleRowStartIndex,\n visibleRowStopIndex,\n gridHeight,\n scrollTopRef.current\n );\n onItemsRendered(data);\n },\n { wait: onItemsRenderedThrottleMs, trailing: true },\n [onItemsRendered, items, normalizedItems, idGetter, gridHeight]\n );\n\n // Effects\n useEffect(() => {\n // scroll to specific item\n if (scrollToId && prevScrollToId !== scrollToId) {\n gridRef.current.scrollToItem({\n align: \"center\",\n columnIndex: scrollToColumnIndex,\n rowIndex: scrollToRowIndex\n });\n onScrollToFinished();\n }\n }, [scrollToId, prevScrollToId, gridRef, scrollToColumnIndex, scrollToRowIndex, onScrollToFinished]);\n\n useEffect(() => {\n // recalculate row heights\n if (gridRef.current) {\n gridRef.current.resetAfterIndices({ columnIndex: 0, rowIndex: 0 });\n }\n }, [normalizedItems]);\n\n useEffect(() => {\n // update vertical scrollbar visibility\n if (onVerticalScrollbarVisiblityChange) {\n const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, gridHeight);\n if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n isVerticalScrollbarVisibleRef.current = isVisible;\n onVerticalScrollbarVisiblityChange(isVisible);\n }\n }\n }, [onVerticalScrollbarVisiblityChange, items, normalizedItems, gridHeight, idGetter]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.virtualizedGridWrapper, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.VIRTUALIZED_GRID, id)}\n >\n <AutoSizer>\n {({ height, width }: { height: number; width: number }) => {\n updateGridSize(width, height);\n return (\n <Grid\n ref={gridRef}\n height={height}\n width={width}\n columnWidth={getColumnWidth}\n columnCount={calcColumnCount}\n rowHeight={getRowHeight}\n rowCount={calcRowCount}\n onScroll={onScrollCB}\n onItemsRendered={onItemsRenderedCB}\n className={scrollableClassName}\n >\n {cellRenderer as unknown as React.ComponentType<GridChildComponentProps>}\n </Grid>\n );\n }}\n </AutoSizer>\n </div>\n );\n }\n);\n\nexport default VirtualizedGrid;\n"],"names":["VirtualizedGrid","forwardRef","_ref","ref","className","id","_ref$items","items","itemRenderer","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","item","_index","onScroll","_ref$scrollToId","scrollToId","_ref$onScrollToFinish","onScrollToFinished","NOOP","_ref$onItemsRendered","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","scrollableClassName","dataTestId","_useState","useState","_useState2","_slicedToArray","gridHeight","setGridHeight","_useState3","_useState4","gridWidth","setGridWidth","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","gridRef","scrollTopRef","animationDataRef","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","animationData","current","heightGetter","useCallback","height","Number","isNaN","console","error","idGetter","index","itemId","undefined","normalizedItems","useMemo","getNormalizedItems","calcColumnCount","Math","min","length","floor","calcRowCount","ceil","scrollToColumnIndex","scrollToRowIndex","onScrollCB","_ref2","horizontalScrollDirection","scrollTop","scrollUpdateWasRequested","cellRenderer","_ref3","rowIndex","columnIndex","style","updateGridSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleRowStartIndex","visibleRowStopIndex","wait","trailing","useEffect","scrollToItem","align","resetAfterIndices","isVisible","isLayoutDirectionScrollbarVisible","React","createElement","cx","styles","virtualizedGridWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_GRID","AutoSizer","_ref5","Grid","columnWidth","columnCount","rowHeight","rowCount"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_25006d6786"};!function(e){const t="s_id-03a8eed790d8_4_2_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedGridWrapper_25006d6786 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_562d82c71e"};!function(e){const t="s_id-03a8eed790d8_4_2_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedGridWrapper_562d82c71e {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import i,{forwardRef as r,useState as o,useMemo as n,useRef as l,useCallback as a,useEffect as s}from"react";import{noop as c}from"es-toolkit";import{VariableSizeList as u}from"react-window";import f from"react-virtualized-auto-sizer";import d from"../../hooks/usePrevious/index.js";import m from"../../hooks/useThrottledCallback.js";import{getNormalizedItems as v,getMaxOffset as p,getOnItemsRenderedData as h,isLayoutDirectionScrollbarVisible as I,easeInOutQuint as S}from"../../services/virtualized-service.js";import{getTestId as T}from"../../tests/testIds.js";import{ComponentDefaultTestId as O}from"../../tests/constants.js";import g from"./VirtualizedList.module.scss.js";import{useMergeRef as z}from"../../../shared/dist/hooks/useMergeRef.js";var b=r((function(r,b){var j=r.className,y=r.id,C=r.items,R=void 0===C?[]:C,w=r.itemRenderer,F=void 0===w?function(t,e,i){return t}:w,x=r.getItemSize,L=void 0===x?function(t,e){return t.height}:x,k=r.layout,A=void 0===k?"vertical":k,D=r.onScroll,E=r.overscanCount,M=void 0===E?0:E,N=r.getItemId,U=void 0===N?function(t,e){return t.id}:N,V=r.scrollToId,_=r.scrollDuration,q=void 0===_?200:_,P=r.onScrollToFinished,W=void 0===P?c:P,B=r.onItemsRendered,H=r.onItemsRenderedThrottleMs,Z=void 0===H?200:H,G=r.onSizeUpdate,J=void 0===G?c:G,K=r.onLayoutDirectionScrollbarVisibilityChange,Q=void 0===K?null:K,X=r.virtualListRef,Y=r.scrollableClassName,$=r.role,tt=r["aria-label"],et=r.style,it=r["data-testid"],rt=o(0),ot=t(rt,2),nt=ot[0],lt=ot[1],at=o(0),st=t(at,2),ct=st[0],ut=st[1],ft="horizontal"!==A,dt=n((function(){return ft?nt:ct}),[ft,nt,ct]),mt=d(V),vt=l(null),pt=l(null),ht=l(null),It=l(0),St=l({initialized:!1,scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),Tt=z(b,vt),Ot=z(X,ht),gt=St.current;gt.initialized||(gt.initialized=!0,gt.scrollOffsetInitial=0,gt.scrollOffsetFinal=0,gt.animationStartTime=0);var zt=a((function(t,e){var i=L(t,e);return void 0===i&&console.error("Couldn't get height for item: ",t),i}),[L]),bt=a((function(t,e){var i=U(t,e);return void 0===i&&console.error("Couldn't get id for item: ",t),i}),[U]),jt=n((function(){return v(R,bt,zt)}),[R,bt,zt]),yt=n((function(){return p(dt,jt)}),[dt,jt]),Ct=a((function(t){var e=t.scrollDirection,i=t.scrollOffset,r=t.scrollUpdateWasRequested;It.current=i,r||(gt.scrollOffsetInitial=i),D&&D(e,i,r)}),[D,It,gt]),Rt=a((function(){requestAnimationFrame((function(){var t,e=performance.now()-gt.animationStartTime,i=gt.scrollOffsetFinal-gt.scrollOffsetInitial,r=S(Math.min(1,e/q)),o=Math.min(yt,gt.scrollOffsetInitial+i*r);It.current=o,null===(t=ht.current)||void 0===t||t.scrollTo(o),q>e?Rt():(gt.animationStartTime=void 0,W&&W())}))}),[q,gt,ht,yt,W]),wt=a((function(t){var e,i,r,o,n=t.offsetTop;gt.animationStartTime?gt.scrollOffsetFinal=n:(null!==(null===(i=null===(e=ht.current)||void 0===e?void 0:e.state)||void 0===i?void 0:i.scrollOffset)&&(gt.scrollOffsetInitial=null===(o=null===(r=ht.current)||void 0===r?void 0:r.state)||void 0===o?void 0:o.scrollOffset),gt.scrollOffsetInitial!==n?(gt.scrollOffsetFinal=n,gt.animationStartTime=performance.now(),Rt()):W&&W())}),[gt,Rt,W]),Ft=a((function(t){var e=t.index;return F(R[e],e,t.style)}),[R,F]),xt=a((function(t){return zt(R[t],t)}),[R,zt]),Lt=a((function(t,e){e===nt&&t===ct||setTimeout((function(){lt(e),ut(t),J(t,e)}),0)}),[nt,ct,J]),kt=m((function(t){if(B){var e=h(R,jt,bt,t.visibleStartIndex,t.visibleStopIndex,dt,It.current);B(e)}}),{wait:Z,trailing:!0},[B,R,jt,bt,dt]);return s((function(){if(V&&mt!==V){var t=I(R,jt,bt,dt),e=jt[V];t&&e&&wt(e)}}),[mt,V,wt,jt,R,bt,dt]),s((function(){ht.current&&ht.current.resetAfterIndex(0)}),[jt]),s((function(){if(Q){var t=I(R,jt,bt,dt);pt.current!==t&&(pt.current=t,Q(t))}}),[Q,R,jt,dt,bt]),i.createElement("div",{ref:Tt,className:e(g.virtualizedListWrapper,j),id:y,role:$,"aria-label":tt,"data-testid":it||T(O.VIRTUALIZED_LIST,y),style:et},i.createElement(f,null,(function(t){var e=t.height,r=t.width;return Lt(r,e),i.createElement(u,{ref:Ot,height:e,width:r,itemCount:R.length,itemSize:xt,onScroll:Ct,layout:A,overscanCount:M,onItemsRendered:kt,className:Y},Ft)})))}));export{b as default};
+import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import i,{forwardRef as r,useState as o,useMemo as n,useRef as l,useCallback as a,useEffect as s}from"react";import{noop as c}from"es-toolkit";import{VariableSizeList as u}from"react-window";import f from"react-virtualized-auto-sizer";import d from"../../hooks/usePrevious/index.js";import m from"../../hooks/useThrottledCallback.js";import{getNormalizedItems as v,getMaxOffset as p,getOnItemsRenderedData as h,isLayoutDirectionScrollbarVisible as I,easeInOutQuint as S}from"../../services/virtualized-service.js";import{getTestId as T}from"../../../testIds.js";import{ComponentDefaultTestId as O}from"../../tests/constants.js";import g from"./VirtualizedList.module.scss.js";import{useMergeRef as z}from"../../../shared/dist/hooks/useMergeRef.js";var b=r((function(r,b){var j=r.className,y=r.id,C=r.items,R=void 0===C?[]:C,w=r.itemRenderer,F=void 0===w?function(t,e,i){return t}:w,x=r.getItemSize,L=void 0===x?function(t,e){return t.height}:x,k=r.layout,A=void 0===k?"vertical":k,D=r.onScroll,E=r.overscanCount,M=void 0===E?0:E,N=r.getItemId,U=void 0===N?function(t,e){return t.id}:N,V=r.scrollToId,_=r.scrollDuration,q=void 0===_?200:_,P=r.onScrollToFinished,W=void 0===P?c:P,B=r.onItemsRendered,H=r.onItemsRenderedThrottleMs,Z=void 0===H?200:H,G=r.onSizeUpdate,J=void 0===G?c:G,K=r.onLayoutDirectionScrollbarVisibilityChange,Q=void 0===K?null:K,X=r.virtualListRef,Y=r.scrollableClassName,$=r.role,tt=r["aria-label"],et=r.style,it=r["data-testid"],rt=o(0),ot=t(rt,2),nt=ot[0],lt=ot[1],at=o(0),st=t(at,2),ct=st[0],ut=st[1],ft="horizontal"!==A,dt=n((function(){return ft?nt:ct}),[ft,nt,ct]),mt=d(V),vt=l(null),pt=l(null),ht=l(null),It=l(0),St=l({initialized:!1,scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),Tt=z(b,vt),Ot=z(X,ht),gt=St.current;gt.initialized||(gt.initialized=!0,gt.scrollOffsetInitial=0,gt.scrollOffsetFinal=0,gt.animationStartTime=0);var zt=a((function(t,e){var i=L(t,e);return void 0===i&&console.error("Couldn't get height for item: ",t),i}),[L]),bt=a((function(t,e){var i=U(t,e);return void 0===i&&console.error("Couldn't get id for item: ",t),i}),[U]),jt=n((function(){return v(R,bt,zt)}),[R,bt,zt]),yt=n((function(){return p(dt,jt)}),[dt,jt]),Ct=a((function(t){var e=t.scrollDirection,i=t.scrollOffset,r=t.scrollUpdateWasRequested;It.current=i,r||(gt.scrollOffsetInitial=i),D&&D(e,i,r)}),[D,It,gt]),Rt=a((function(){requestAnimationFrame((function(){var t,e=performance.now()-gt.animationStartTime,i=gt.scrollOffsetFinal-gt.scrollOffsetInitial,r=S(Math.min(1,e/q)),o=Math.min(yt,gt.scrollOffsetInitial+i*r);It.current=o,null===(t=ht.current)||void 0===t||t.scrollTo(o),q>e?Rt():(gt.animationStartTime=void 0,W&&W())}))}),[q,gt,ht,yt,W]),wt=a((function(t){var e,i,r,o,n=t.offsetTop;gt.animationStartTime?gt.scrollOffsetFinal=n:(null!==(null===(i=null===(e=ht.current)||void 0===e?void 0:e.state)||void 0===i?void 0:i.scrollOffset)&&(gt.scrollOffsetInitial=null===(o=null===(r=ht.current)||void 0===r?void 0:r.state)||void 0===o?void 0:o.scrollOffset),gt.scrollOffsetInitial!==n?(gt.scrollOffsetFinal=n,gt.animationStartTime=performance.now(),Rt()):W&&W())}),[gt,Rt,W]),Ft=a((function(t){var e=t.index;return F(R[e],e,t.style)}),[R,F]),xt=a((function(t){return zt(R[t],t)}),[R,zt]),Lt=a((function(t,e){e===nt&&t===ct||setTimeout((function(){lt(e),ut(t),J(t,e)}),0)}),[nt,ct,J]),kt=m((function(t){if(B){var e=h(R,jt,bt,t.visibleStartIndex,t.visibleStopIndex,dt,It.current);B(e)}}),{wait:Z,trailing:!0},[B,R,jt,bt,dt]);return s((function(){if(V&&mt!==V){var t=I(R,jt,bt,dt),e=jt[V];t&&e&&wt(e)}}),[mt,V,wt,jt,R,bt,dt]),s((function(){ht.current&&ht.current.resetAfterIndex(0)}),[jt]),s((function(){if(Q){var t=I(R,jt,bt,dt);pt.current!==t&&(pt.current=t,Q(t))}}),[Q,R,jt,dt,bt]),i.createElement("div",{ref:Tt,className:e(g.virtualizedListWrapper,j),id:y,role:$,"aria-label":tt,"data-testid":it||T(O.VIRTUALIZED_LIST,y),style:et},i.createElement(f,null,(function(t){var e=t.height,r=t.width;return Lt(r,e),i.createElement(u,{ref:Ot,height:e,width:r,itemCount:R.length,itemSize:xt,onScroll:Ct,layout:A,overscanCount:M,onItemsRendered:kt,className:Y},Ft)})))}));export{b as default};
 //# sourceMappingURL=VirtualizedList.js.map