npm - @vibe/core - Versions diffs - 3.41.0 → 3.43.0 - Mend

@vibe/core 3.41.0 → 3.43.0

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

Files changed (747) hide show

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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_b043b341cf"};!function(e){const n="s_id-e688002d63b5_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_b043b341cf {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_b043b341cf:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_3689b83db8"};!function(e){const n="s_id-e688002d63b5_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_3689b83db8 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_3689b83db8:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_e6982774a9",dismiss:"dismiss_97cc9a95be"};!function(e){const t="s_id-91df242cd10d_3_40_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_e6982774a9 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_97cc9a95be {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_46308c4fc7",dismiss:"dismiss_c5a576cba2"};!function(e){const t="s_id-91df242cd10d_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_46308c4fc7 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_c5a576cba2 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage_d086c34a41"};!function(e){const t="s_id-5a749fe7aaee_3_40_0";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)}(".tipseenImage_d086c34a41 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_a004455094"};!function(e){const t="s_id-5a749fe7aaee_3_42_0";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)}(".tipseenImage_a004455094 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenImage.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport ~~VibeComponentProps~~ ~~from \"../../../types/~~VibeComponentProps~~\";\nimport~~ ~~VibeComponent~~ from \"../../../types~~/VibeComponent~~\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n /*\n The media content displayed inside the Tipseen.\n */\n children: ReactNode;\n}\n\nconst TipseenMedia: ~~VibeComponent<TipseenMediaProps, HTMLElement>~~ = forwardRef(\n ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const color = useContext(TipseenContext);\n\n const classNames = useMemo(() => {\n return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n }, [color, className]);\n\n return (\n <div\n ref={mergedRef}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"~~4dAmBMA~~,IAAAA,~~EAA8DC~~,~~GAClE~~,SAAAC,EAA4EC,~~GAAO~~,~~IAAhFC~~,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}
1	+ {"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n /*\n The media content displayed inside the Tipseen.\n */\n children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const color = useContext(TipseenContext);\n\n const classNames = useMemo(() => {\n return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n }, [color, className]);\n\n return (\n <div\n ref={mergedRef}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"4dAkBMA,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_13c875ef37",colorInverted:"colorInverted_8fa8281cb7"};!function(e){const n="s_id-71e151b2b729_3_40_0";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_13c875ef37 {\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_8fa8281cb7 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_db0645d2a1",colorInverted:"colorInverted_84ba73b239"};!function(e){const d="s_id-71e151b2b729_3_42_0";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_db0645d2a1 {\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_84ba73b239 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={title:"title_dd61e5e17d"};!function(e){const t="s_id-52c2fd8cbf53_3_40_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_dd61e5e17d {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_8af8de7627"};!function(e){const t="s_id-52c2fd8cbf53_3_42_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_8af8de7627 {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_e585652111",tipseenWizardWizard:"tipseenWizardWizard_5cca5c2471"};!function(e){const i="s_id-98eba0c83d1f_3_40_0";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_e585652111 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_5cca5c2471 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_bdd3a3f876",tipseenWizardWizard:"tipseenWizardWizard_c00444aa28"};!function(e){const d="s_id-98eba0c83d1f_3_42_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_bdd3a3f876 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_c00444aa28 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.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 \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC, ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { ToastType, ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\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: FC<ToastProps> & { types?: typeof ToastTypeEnum; actionTypes?: typeof ToastActionTypeEnum } = ({\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 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 classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\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 ref={ref}\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 ariaLabel={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 withStaticProps(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticProps","_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","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","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { ToastType, ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\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 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 classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\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 ref={ref}\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 ariaLabel={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\ninterface ToastStaticProps {\n types: typeof ToastTypeEnum;\n actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticProps<ToastProps, ToastStaticProps>(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticProps","_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","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","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_ccce46b639",typeNormal:"typeNormal_6c33c1b9c7",typePositive:"typePositive_0e7d474f0f",typeNegative:"typeNegative_70daa9ba36",typeWarning:"typeWarning_54d46053dd",closeButton:"closeButton_2e74a03c12",actionButton:"actionButton_e5bdaa5352",actionLink:"actionLink_479f10c5cc",typeDark:"typeDark_8bdd043564",icon:"icon_594917f33a",withTransition:"withTransition_ad72c40575",bounceIn:"bounceIn_e5416c4623",content:"content_3bfb99cc1e",textContent:"textContent_844ad36c7d",enterActive:"enterActive_38968937ff",slideIn:"slideIn_1fee871a2f",exitActive:"exitActive_e2066e312f",slideOut:"slideOut_d8c4c1328a"};!function(n){const t="s_id-72c9912c1efa_3_40_0";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_ccce46b639 {\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(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\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_ccce46b639.typeNormal_6c33c1b9c7 {\n  background-color: var(--primary-color);\n}\n.toast_ccce46b639.typePositive_0e7d474f0f {\n  background-color: var(--positive-color);\n}\n.toast_ccce46b639.typeNegative_70daa9ba36 {\n  background-color: var(--negative-color);\n}\n.toast_ccce46b639.typeWarning_54d46053dd {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_ccce46b639.typeWarning_54d46053dd .closeButton_2e74a03c12 {\n  color: var(--fixed-dark-color);\n}\n.toast_ccce46b639.typeWarning_54d46053dd .actionButton_e5bdaa5352,\n.toast_ccce46b639.typeWarning_54d46053dd .actionLink_479f10c5cc {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_ccce46b639.typeDark_8bdd043564 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_ccce46b639.typeDark_8bdd043564 .closeButton_2e74a03c12 {\n  color: var(--text-color-on-inverted);\n}\n.toast_ccce46b639.typeDark_8bdd043564 .actionButton_e5bdaa5352,\n.toast_ccce46b639.typeDark_8bdd043564 .actionLink_479f10c5cc {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_594917f33a {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_e5bdaa5352.withTransition_ad72c40575 {\n  opacity: 0;\n  animation: bounceIn_e5416c4623 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_3bfb99cc1e {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_844ad36c7d {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_38968937ff {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_1fee871a2f;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_e2066e312f {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_d8c4c1328a;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_2e74a03c12 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_1fee871a2f {\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_d8c4c1328a {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_e5416c4623 {\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_c4b59f1f1e",typeNormal:"typeNormal_63afce1810",typePositive:"typePositive_0a17fcaec7",typeNegative:"typeNegative_12be58a175",typeWarning:"typeWarning_e90ed6d5ad",closeButton:"closeButton_3f0fa6855e",actionButton:"actionButton_c7feab9a41",actionLink:"actionLink_e4f88b8a67",typeDark:"typeDark_fa25097195",icon:"icon_26eb27209e",withTransition:"withTransition_0f80b6b8c9",bounceIn:"bounceIn_b1dde64b26",content:"content_54ee17fd3d",textContent:"textContent_cdcaa0116b",enterActive:"enterActive_47c7d49005",slideIn:"slideIn_b6f31f6390",exitActive:"exitActive_bcb42bb349",slideOut:"slideOut_277ed67824"};!function(n){const t="s_id-72c9912c1efa_3_42_0";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_c4b59f1f1e {\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(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\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_c4b59f1f1e.typeNormal_63afce1810 {\n  background-color: var(--primary-color);\n}\n.toast_c4b59f1f1e.typePositive_0a17fcaec7 {\n  background-color: var(--positive-color);\n}\n.toast_c4b59f1f1e.typeNegative_12be58a175 {\n  background-color: var(--negative-color);\n}\n.toast_c4b59f1f1e.typeWarning_e90ed6d5ad {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_c4b59f1f1e.typeWarning_e90ed6d5ad .closeButton_3f0fa6855e {\n  color: var(--fixed-dark-color);\n}\n.toast_c4b59f1f1e.typeWarning_e90ed6d5ad .actionButton_c7feab9a41,\n.toast_c4b59f1f1e.typeWarning_e90ed6d5ad .actionLink_e4f88b8a67 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_c4b59f1f1e.typeDark_fa25097195 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_c4b59f1f1e.typeDark_fa25097195 .closeButton_3f0fa6855e {\n  color: var(--text-color-on-inverted);\n}\n.toast_c4b59f1f1e.typeDark_fa25097195 .actionButton_c7feab9a41,\n.toast_c4b59f1f1e.typeDark_fa25097195 .actionLink_e4f88b8a67 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_26eb27209e {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_c7feab9a41.withTransition_0f80b6b8c9 {\n  opacity: 0;\n  animation: bounceIn_b1dde64b26 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_54ee17fd3d {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_cdcaa0116b {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_47c7d49005 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_b6f31f6390;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_bcb42bb349 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_277ed67824;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_3f0fa6855e {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_b6f31f6390 {\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_277ed67824 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_b1dde64b26 {\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/ToastLink/ToastLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_615b48b885"};!function(e){const t="s_id-a224471727c9_3_40_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_615b48b885 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_615b48b885:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_77ffd15575"};!function(e){const t="s_id-a224471727c9_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_77ffd15575 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_77ffd15575:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_4a1d06313e","focus-visible":"focus-visible_560621c3be",selected:"selected_6c33c1b9c7",notSelected:"notSelected_c348ab5d79",disabled:"disabled_7b6de90d64",medium:"medium_87b9521ca9",small:"small_03d83aff9f"};!function(e){const n="s_id-49e22e19a989_3_40_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_4a1d06313e {\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(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_4a1d06313e:focus-visible, .toggle_4a1d06313e.focus-visible_560621c3be {\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_4a1d06313e:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.toggle_4a1d06313e::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: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_4a1d06313e.selected_6c33c1b9c7 {\n  background-color: var(--primary-color);\n}\n.toggle_4a1d06313e.selected_6c33c1b9c7::after {\n  left: 20px;\n}\n.toggle_4a1d06313e.notSelected_c348ab5d79 {\n  background-color: var(--ui-border-color);\n}\n.toggle_4a1d06313e.notSelected_c348ab5d79::after {\n  left: 3px;\n}\n.toggle_4a1d06313e.disabled_7b6de90d64 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_4a1d06313e.medium_87b9521ca9 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_4a1d06313e.medium_87b9521ca9::after {\n  --circle-size: 18px;\n}\n.toggle_4a1d06313e.small_03d83aff9f {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_4a1d06313e.small_03d83aff9f::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_4a1d06313e.small_03d83aff9f.notSelected_c348ab5d79::after {\n  left: 2px;\n}');export{e as default};
+var e={toggle:"toggle_c3b20a3d1f","focus-visible":"focus-visible_c98abb5352",selected:"selected_63afce1810",notSelected:"notSelected_3170c73889",disabled:"disabled_2529d98940",medium:"medium_8d69f46386",small:"small_d2e5696283"};!function(e){const n="s_id-49e22e19a989_3_42_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_c3b20a3d1f {\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(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_c3b20a3d1f:focus-visible, .toggle_c3b20a3d1f.focus-visible_c98abb5352 {\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_c3b20a3d1f:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.toggle_c3b20a3d1f::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: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_c3b20a3d1f.selected_63afce1810 {\n  background-color: var(--primary-color);\n}\n.toggle_c3b20a3d1f.selected_63afce1810::after {\n  left: 20px;\n}\n.toggle_c3b20a3d1f.notSelected_3170c73889 {\n  background-color: var(--ui-border-color);\n}\n.toggle_c3b20a3d1f.notSelected_3170c73889::after {\n  left: 3px;\n}\n.toggle_c3b20a3d1f.disabled_2529d98940 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_c3b20a3d1f.medium_8d69f46386 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_c3b20a3d1f.medium_8d69f46386::after {\n  --circle-size: 18px;\n}\n.toggle_c3b20a3d1f.small_d2e5696283 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_c3b20a3d1f.small_d2e5696283::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_c3b20a3d1f.small_d2e5696283.notSelected_3170c73889::after {\n  left: 2px;\n}');export{e 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"lodash-es";import{Switch as 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,C=a.onChange,b=void 0===C?s:C,O=a.value,T=a.name,h=a.disabled,L=a.ariaLabel,N=a.ariaControls,j=a.areLabelsHidden,x=void 0!==j&&j,S=a.onOverrideText,w=void 0===S?"On":S,E=a.offOverrideText,G=void 0===E?"Off":E,k=a.size,z=void 0===k?"medium":k,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:b,value:O,name:T,disabled:h,ariaLabel:L,ariaControls:N,inputClassName:D,ref:n,"data-testid":H||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:x,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 s}from"lodash-es";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,C=a.onChange,b=void 0===C?s:C,O=a.value,T=a.name,h=a.disabled,L=a.ariaLabel,N=a.ariaControls,j=a.areLabelsHidden,x=void 0!==j&&j,S=a.onOverrideText,w=void 0===S?"On":S,E=a.offOverrideText,G=void 0===E?"Off":E,k=a.size,z=void 0===k?"medium":k,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:b,value:O,name:T,disabled:h,ariaLabel:L,ariaControls:N,inputClassName:D,ref:n,"data-testid":H||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:x,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, { ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport { Switch } from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { ~~VibeComponent,~~ VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { 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 ariaLabel?: string;\n /\n The ID of the element controlled by the toggle.\n /\n ariaControls?: string;\n /\n The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle: ~~VibeComponent<ToggleProps, HTMLInputElement>~~ = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n ariaLabel,\n ariaControls,\n areLabelsHidden = false,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref\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 ariaLabel={ariaLabel}\n ariaControls={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":"~~4WAkEMA~~,IAAAA,~~EAAuDC~~,~~GAC3D~~,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,SACAC,EAASd,EAATc,UACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,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,EAAAC,cAACC,EAAM,CACLC,eAAgB5B,EAChB6B,QAAS5B,EACTL,GAAIA,EACJuB,iBAAkBA,EAClBhB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACdc,eAAgBA,EAChB5B,IAAKA,EAAG,cACKuB,GAAcY,EAAUC,EAAuBC,QACjD,YAAAC,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, { ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { 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 ariaLabel?: string;\n /\n The ID of the element controlled by the toggle.\n /\n ariaControls?: 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 ariaLabel,\n 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 ariaLabel={ariaLabel}\n ariaControls={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":"kWAkEMA,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,SACAC,EAASd,EAATc,UACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,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,EAAAC,cAACC,EAAM,CACLC,eAAgB5B,EAChB6B,QAAS5B,EACTL,GAAIA,EACJuB,iBAAkBA,EAClBhB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACdc,eAAgBA,EAChB5B,IAAKA,EAAG,cACKuB,GAAcY,EAAUC,EAAuBC,QACjD,YAAAC,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_9901c7193a","focus-visible":"focus-visible_cd95282732",wrapper:"wrapper_90d7da216a"};!function(e){const n="s_id-4fb1f14d4bb9_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_9901c7193a:focus-visible ~ div, .toggleInput_9901c7193a.focus-visible_cd95282732 ~ 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\n.wrapper_90d7da216a {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_e8faa0d39c","focus-visible":"focus-visible_438ce442ab",wrapper:"wrapper_df13e5485a"};!function(e){const n="s_id-4fb1f14d4bb9_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_e8faa0d39c:focus-visible ~ div, .toggleInput_e8faa0d39c.focus-visible_438ce442ab ~ 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\n.wrapper_df13e5485a {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={text:"text_2cddd252db",disabled:"disabled_bfb80f2410"};!function(e){const t="s_id-1dee71639eb3_3_40_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_2cddd252db {\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_bfb80f2410 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_bbc0d29670",disabled:"disabled_a2e2916dec"};!function(e){const t="s_id-1dee71639eb3_3_42_0";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_bbc0d29670 {\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_a2e2916dec {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={tooltip:"tooltip_1881d9ed31",image:"image_9201a58f22",title:"title_0f5f4238e6",content:"content_9dfc7ecda6",paddingSizeMd:"paddingSizeMd_24b659c222",tooltipWhiteLink:"tooltipWhiteLink_7737df0083",arrow:"arrow_dd1f6c6f1b",dark:"dark_8bdd043564",primary:"primary_37213e8ced"};!function(o){const d="s_id-0ff838e09a5f_3_40_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=o)}(".tooltip_1881d9ed31 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_1881d9ed31 .image_9201a58f22 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_1881d9ed31 .title_0f5f4238e6 {\n  font: var(--font-text2-bold);\n}\n.tooltip_1881d9ed31 .content_9dfc7ecda6 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_1881d9ed31.paddingSizeMd_24b659c222 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_1881d9ed31 a.tooltipWhiteLink_7737df0083 {\n  color: #fff;\n}\n.arrow_dd1f6c6f1b,\n.dark_8bdd043564,\n.arrow_dd1f6c6f1b.dark_8bdd043564 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_37213e8ced,\n.arrow_dd1f6c6f1b.primary_37213e8ced {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var o={tooltip:"tooltip_29cc262bfd",image:"image_bac220275b",title:"title_0dd8fc375b",content:"content_1041f8a637",paddingSizeMd:"paddingSizeMd_b8dea00c5e",tooltipWhiteLink:"tooltipWhiteLink_4a331e009a",arrow:"arrow_0046fca870",dark:"dark_fa25097195",primary:"primary_74c5a5ae0a"};!function(o){const a="s_id-0ff838e09a5f_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=o)}(".tooltip_29cc262bfd {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_29cc262bfd .image_bac220275b {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_29cc262bfd .title_0dd8fc375b {\n  font: var(--font-text2-bold);\n}\n.tooltip_29cc262bfd .content_1041f8a637 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_29cc262bfd.paddingSizeMd_b8dea00c5e {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_29cc262bfd a.tooltipWhiteLink_4a331e009a {\n  color: #fff;\n}\n.arrow_0046fca870,\n.dark_fa25097195,\n.arrow_0046fca870.dark_fa25097195 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_74c5a5ae0a,\n.arrow_0046fca870.primary_74c5a5ae0a {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_48b45904a5"};!function(e){const t="s_id-1d828e3be878_3_40_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_48b45904a5 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_1be94c0ffb"};!function(e){const t="s_id-1d828e3be878_3_42_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_1be94c0ffb {\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/Typography/Typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport ~~VibeComponentProps~~ ~~from \"../../types/~~VibeComponentProps~~\";\nimport~~ ~~VibeComponent~~ from \"../../types~~/VibeComponent~~\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { ElementContent } from \"../../types\";\nimport { TypographyAlign, TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n /*\n The HTML element tag used for the text component.\n /\n element?: string;\n /\n The content inside the typography component.\n /\n children: ElementContent;\n /\n The text color.\n /\n color?: TypographyColor;\n /\n The text alignment.\n /\n align?: TypographyAlign;\n /\n If true, truncates overflowing text with an ellipsis.\n /\n ellipsis?: boolean;\n /\n The maximum number of lines before truncating with an ellipsis.\n /\n maxLines?: number;\n /\n Props passed to the tooltip displayed when hovering over the text.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n If true, disables the tooltip that appears when text is truncated.\n */\n withoutTooltip?: boolean;\n}\n\nconst Typography: ~~VibeComponent<TypographyProps, HTMLElement>~~ = forwardRef(\n (\n {\n className,\n id,\n children,\n tooltipProps,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n element = \"span\",\n color = \"primary\",\n align = \"start\",\n ellipsis = true,\n maxLines = 1,\n withoutTooltip = false,\n role,\n ...htmlAttributes\n }: TypographyProps,\n ref\n ) => {\n const { overflowTolerance } = useContext(TypographyContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const ignoreHeightOverflow = maxLines === 1;\n const { class: ellipsisClass, style: ellipsisStyle } = useEllipsisClass(ellipsis, maxLines);\n const overrideTooltipProps = useTooltipProps(\n componentRef,\n withoutTooltip,\n ellipsis,\n tooltipProps,\n children,\n ignoreHeightOverflow,\n overflowTolerance\n ) as TooltipProps;\n\n const overrideAlign = align === \"inherit\" ? \"alignInherit\" : align;\n\n return (\n <Tooltip {...overrideTooltipProps}>\n {React.createElement(\n element,\n {\n id,\n style: ellipsisStyle,\n \"data-testid\": dataTestId,\n className: cx(styles.typography, styles[color], styles[overrideAlign], ellipsisClass, className),\n ref: mergedRef,\n role,\n ...htmlAttributes\n },\n children\n )}\n </Tooltip>\n );\n }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","overrideAlign","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"~~8gBAiDMA~~,IAAAA,~~EAA0DC~~,~~GAC9D~~,SACEC,EAeAC,OAdEC,IAAAA,UACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,aAAYC,IACZ,eAAeC,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,KAAMP,GAAGG,EAAAK,IACtEC,QAAAA,OAAU,IAAHD,EAAG,OAAMA,EAAAE,IAChBC,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,IACjBC,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,IACZC,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,IAAAA,KACGC,EAbLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,WAAA,eAAA,cAAA,UAAA,QAAA,QAAA,WAAA,WAAA,iBAAA,SAiBQ0B,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAC7BI,EAAoC,IAAbb,EAC7Bc,EAAuDC,EAAiBjB,EAAUE,GAAnEgB,EAAaF,EAApBG,MAA6BC,EAAaJ,EAApBK,MACxBC,EAAuBC,EAC3BZ,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGIgB,EAA0B,YAAV1B,EAAsB,eAAiBA,EAE7D,OACE2B,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAP,GACVG,EAAMC,cACLhC,EAEEkC,OAAAC,OAAA,CAAA5C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW8C,EAAGC,EAAOC,WAAYD,EAAOnC,GAAQmC,EAAOP,GAAgBN,EAAelC,GACtFD,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}
1	+ {"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { ElementContent } from \"../../types\";\nimport { TypographyAlign, TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n /*\n The HTML element tag used for the text component.\n /\n element?: string;\n /\n The content inside the typography component.\n /\n children: ElementContent;\n /\n The text color.\n /\n color?: TypographyColor;\n /\n The text alignment.\n /\n align?: TypographyAlign;\n /\n If true, truncates overflowing text with an ellipsis.\n /\n ellipsis?: boolean;\n /\n The maximum number of lines before truncating with an ellipsis.\n /\n maxLines?: number;\n /\n Props passed to the tooltip displayed when hovering over the text.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n If true, disables the tooltip that appears when text is truncated.\n */\n withoutTooltip?: boolean;\n}\n\nconst Typography = forwardRef(\n (\n {\n className,\n id,\n children,\n tooltipProps,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n element = \"span\",\n color = \"primary\",\n align = \"start\",\n ellipsis = true,\n maxLines = 1,\n withoutTooltip = false,\n role,\n ...htmlAttributes\n }: TypographyProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const { overflowTolerance } = useContext(TypographyContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const ignoreHeightOverflow = maxLines === 1;\n const { class: ellipsisClass, style: ellipsisStyle } = useEllipsisClass(ellipsis, maxLines);\n const overrideTooltipProps = useTooltipProps(\n componentRef,\n withoutTooltip,\n ellipsis,\n tooltipProps,\n children,\n ignoreHeightOverflow,\n overflowTolerance\n ) as TooltipProps;\n\n const overrideAlign = align === \"inherit\" ? \"alignInherit\" : align;\n\n return (\n <Tooltip {...overrideTooltipProps}>\n {React.createElement(\n element,\n {\n id,\n style: ellipsisStyle,\n \"data-testid\": dataTestId,\n className: cx(styles.typography, styles[color], styles[overrideAlign], ellipsisClass, className),\n ref: mergedRef,\n role,\n ...htmlAttributes\n },\n children\n )}\n </Tooltip>\n );\n }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","overrideAlign","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBAgDMA,IAAAA,EAAaC,GACjB,SACEC,EAeAC,OAdEC,IAAAA,UACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,aAAYC,IACZ,eAAeC,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,KAAMP,GAAGG,EAAAK,IACtEC,QAAAA,OAAU,IAAHD,EAAG,OAAMA,EAAAE,IAChBC,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,IACjBC,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,IACZC,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,IAAAA,KACGC,EAbLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,WAAA,eAAA,cAAA,UAAA,QAAA,QAAA,WAAA,WAAA,iBAAA,SAiBQ0B,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAC7BI,EAAoC,IAAbb,EAC7Bc,EAAuDC,EAAiBjB,EAAUE,GAAnEgB,EAAaF,EAApBG,MAA6BC,EAAaJ,EAApBK,MACxBC,EAAuBC,EAC3BZ,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGIgB,EAA0B,YAAV1B,EAAsB,eAAiBA,EAE7D,OACE2B,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAP,GACVG,EAAMC,cACLhC,EAEEkC,OAAAC,OAAA,CAAA5C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW8C,EAAGC,EAAOC,WAAYD,EAAOnC,GAAQmC,EAAOP,GAAgBN,EAAelC,GACtFD,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_50e60d03b5","focus-visible":"focus-visible_560621c3be",primary:"primary_0e5fc105f2",secondary:"secondary_d722b5050c",negative:"negative_7d22d2a5f8",onPrimary:"onPrimary_1d5cda7805",onInverted:"onInverted_98af83c312",fixedLight:"fixedLight_411d21d0e4",fixedDark:"fixedDark_2e74a03c12",inherit:"inherit_28a7005622",alignInherit:"alignInherit_98fa09f12b",start:"start_5ef831ce8d",center:"center_5d18e25ab2",end:"end_1401371ebb",singleLineEllipsis:"singleLineEllipsis_1dbb06e7e6",multiLineEllipsis:"multiLineEllipsis_dc90085e6d"};!function(e){const n="s_id-1a3a21ac499a_3_40_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_50e60d03b5 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_50e60d03b5 > a:focus-visible, .typography_50e60d03b5 > a.focus-visible_560621c3be {\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.typography_50e60d03b5 > a:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.typography_50e60d03b5 > a:hover {\n  text-decoration: underline;\n}\n.typography_50e60d03b5:disabled, .typography_50e60d03b5[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_0e5fc105f2 {\n  color: var(--primary-text-color);\n}\n.secondary_d722b5050c {\n  color: var(--secondary-text-color);\n}\n.negative_7d22d2a5f8 {\n  color: var(--color-error);\n}\n.onPrimary_1d5cda7805 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_1d5cda7805 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_98af83c312 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_98af83c312 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_411d21d0e4 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_411d21d0e4 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_2e74a03c12 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_2e74a03c12 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_28a7005622 {\n  color: inherit;\n}\n.inherit_28a7005622 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_98fa09f12b {\n  text-align: inherit;\n}\n.start_5ef831ce8d {\n  text-align: start;\n}\n.center_5d18e25ab2 {\n  text-align: center;\n}\n.end_1401371ebb {\n  text-align: end;\n}\n.singleLineEllipsis_1dbb06e7e6 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_dc90085e6d {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var n={typography:"typography_cca9ac3f68","focus-visible":"focus-visible_c98abb5352",primary:"primary_2fba34b628",secondary:"secondary_3f88afbf0b",negative:"negative_a05d31c996",onPrimary:"onPrimary_1793674bf9",onInverted:"onInverted_c56c3255f8",fixedLight:"fixedLight_5aaea4ccb4",fixedDark:"fixedDark_3f0fa6855e",inherit:"inherit_c01ab4c6a4",alignInherit:"alignInherit_0e389d76e9",start:"start_635a9c6b5b",center:"center_92beca634b",end:"end_31123710ba",singleLineEllipsis:"singleLineEllipsis_14e79a0c9a",multiLineEllipsis:"multiLineEllipsis_d612192c19"};!function(n){const e="s_id-1a3a21ac499a_3_42_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".typography_cca9ac3f68 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_cca9ac3f68 > a:focus-visible, .typography_cca9ac3f68 > a.focus-visible_c98abb5352 {\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.typography_cca9ac3f68 > a:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.typography_cca9ac3f68 > a:hover {\n  text-decoration: underline;\n}\n.typography_cca9ac3f68:disabled, .typography_cca9ac3f68[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_2fba34b628 {\n  color: var(--primary-text-color);\n}\n.secondary_3f88afbf0b {\n  color: var(--secondary-text-color);\n}\n.negative_a05d31c996 {\n  color: var(--color-error);\n}\n.onPrimary_1793674bf9 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_1793674bf9 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_c56c3255f8 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_c56c3255f8 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_5aaea4ccb4 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_5aaea4ccb4 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_3f0fa6855e {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_3f0fa6855e a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_c01ab4c6a4 {\n  color: inherit;\n}\n.inherit_c01ab4c6a4 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_0e389d76e9 {\n  text-align: inherit;\n}\n.start_635a9c6b5b {\n  text-align: start;\n}\n.center_92beca634b {\n  text-align: center;\n}\n.end_31123710ba {\n  text-align: end;\n}\n.singleLineEllipsis_14e79a0c9a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_d612192c19 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.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, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport {\n GridChildComponentProps,\n GridOnScrollProps,\n ScrollDirection,\n VariableSizeGrid as Grid,\n 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 from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"src/types/VibeComponentProps\";\nimport { VibeComponent } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { 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) => ItemType \| GridChildComponentProps<ItemType>;\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: VibeComponent<VirtualizedGridProps> = forwardRef(\n (\n {\n className,\n id,\n items = [],\n itemRenderer = (item: ItemType, _index: number, _style: CSSProperties) => item,\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\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 VibeComponent<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","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","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, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport {\n GridChildComponentProps,\n GridOnScrollProps,\n ScrollDirection,\n VariableSizeGrid as Grid,\n 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 from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { 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) => ItemType \| GridChildComponentProps<ItemType>;\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 = (item: ItemType, _index: number, _style: CSSProperties) => item,\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 VibeComponent<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","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","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_daf332d215"};!function(e){const d="s_id-03a8eed790d8_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".virtualizedGridWrapper_daf332d215 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_1820a269c0"};!function(e){const t="s_id-03a8eed790d8_3_42_0";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)}(".virtualizedGridWrapper_1820a269c0 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualizedList.js","sources":["../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n CSSProperties,\n ForwardedRef,\n forwardRef,\n LegacyRef,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport {\n ScrollDirection,\n VariableSizeList as List,\n ListOnItemsRenderedProps,\n ListChildComponentProps,\n VariableSizeList\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n easeInOutQuint,\n getMaxOffset,\n getNormalizedItems,\n getOnItemsRenderedData,\n isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport VibeComponentProps from \"src/types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport { VirtualizedListItem, VirtualizedListLayout, VirtualizedListScrollDirection } from \"./VirtualizedList.types\";\n\nexport interface VirtualizedListProps extends VibeComponentProps {\n /*\n Class name applied to the scrollable container.\n /\n scrollableClassName?: string;\n /\n The orientation of the list.\n /\n layout?: VirtualizedListLayout;\n /\n The list of items to be rendered.\n /\n items: VirtualizedListItem[];\n /\n Function to render each item in the list.\n /\n itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement \| JSX.Element;\n /\n @deprecated - use `getItemSize`.\n /\n getItemHeight?: (item: VirtualizedListItem, index: number) => number;\n /\n Function to get the size (height/width) of each item, based on layout.\n /\n getItemSize?: (item: VirtualizedListItem, index: number) => number;\n /\n Function to get the unique ID of an item.\n /\n getItemId?: (item: VirtualizedListItem, index: number) => string;\n /\n Callback fired when the scroll animation is finished.\n /\n onScrollToFinished?: () => void;\n /\n Number of items to render above and below the visible portion.\n /\n overscanCount?: number;\n /\n The duration of the scroll animation in milliseconds.\n /\n scrollDuration?: number;\n /\n Callback fired when items are rendered.\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 list size changes.\n /\n onSizeUpdate?: (width: number, height: number) => void;\n /\n @deprecated - use `onLayoutDirectionScrollbarVisibilityChange`.\n /\n onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n /\n Callback fired when the vertical or horizontal scrollbar visibility changes.\n /\n onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;\n /\n The ARIA role attribute applied to the list.\n /\n role?: string;\n /\n The ARIA label for the list.\n /\n ariaLabel?: string;\n /\n Custom inline styles applied to the list.\n /\n style?: CSSProperties;\n /\n The ID of the item to scroll to.\n /\n scrollToId?: string;\n /\n Reference to the virtualized list component.\n /\n virtualListRef?: ForwardedRef<HTMLElement>;\n /\n Callback fired when the list is scrolled.\n /\n onScroll?: (\n horizontalScrollDirection: VirtualizedListScrollDirection,\n scrollTop: number,\n scrollUpdateWasRequested: boolean\n ) => void;\n}\n\nconst VirtualizedList: VibeComponent<VirtualizedListProps> = forwardRef(\n (\n {\n className,\n id,\n items = [],\n itemRenderer = (item: VirtualizedListItem, _index: number, _style: CSSProperties) => item as ReactElement,\n getItemHeight = (item: VirtualizedListItem, _index: number) => item.height,\n getItemSize = null, // must be null for backward compatibility\n layout = \"vertical\",\n onScroll,\n overscanCount = 0,\n getItemId = (item: VirtualizedListItem, _index: number) => item.id,\n scrollToId,\n scrollDuration = 200,\n onScrollToFinished = NOOP,\n onItemsRendered,\n onItemsRenderedThrottleMs = 200,\n onSizeUpdate = NOOP,\n onVerticalScrollbarVisiblityChange = null,\n onLayoutDirectionScrollbarVisibilityChange = null,\n virtualListRef,\n scrollableClassName,\n role,\n ariaLabel,\n style,\n \"data-testid\": dataTestId\n }: VirtualizedListProps,\n ref\n ) => {\n // states\n const [listHeight, setListHeight] = useState(0);\n const [listWidth, setListWidth] = useState(0);\n\n const isVerticalList = layout !== \"horizontal\";\n const listSizeByLayout = useMemo(() => {\n return isVerticalList ? listHeight : listWidth;\n }, [isVerticalList, listHeight, listWidth]);\n\n // prevs\n const prevScrollToId = usePrevious(scrollToId);\n\n // Refs\n const componentRef = useRef(null);\n const isVerticalScrollbarVisibleRef = useRef(null);\n const listRef = useRef(null);\n const scrollTopRef = useRef(0);\n const animationDataRef = useRef({\n initialized: false,\n scrollOffsetInitial: 0,\n scrollOffsetFinal: 0,\n animationStartTime: 0\n });\n const mergedRef = useMergeRef(ref, componentRef);\n const mergedListRef = useMergeRef(virtualListRef, listRef);\n\n const animationData = animationDataRef.current;\n if (!animationData.initialized) {\n animationData.initialized = true;\n animationData.scrollOffsetInitial = 0;\n animationData.scrollOffsetFinal = 0;\n animationData.animationStartTime = 0;\n }\n\n // Callbacks\n const sizeGetter = useCallback(\n (item: VirtualizedListItem, index: number) => {\n const getSize = getItemSize \|\| getItemHeight;\n const height = getSize(item, index);\n if (height === undefined) {\n console.error(\"Couldn't get height for item: \", item);\n }\n return height;\n },\n [getItemHeight, getItemSize]\n );\n\n const idGetter = useCallback(\n (item: VirtualizedListItem, 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, size, offsetTop}\n const normalizedItems = useMemo(() => {\n return getNormalizedItems(items, idGetter, sizeGetter);\n }, [items, idGetter, sizeGetter]);\n\n const maxListOffset = useMemo(() => {\n return getMaxOffset(listSizeByLayout, normalizedItems);\n }, [listSizeByLayout, normalizedItems]);\n\n // Callbacks\n const onScrollCB = useCallback(\n ({\n scrollDirection,\n scrollOffset,\n scrollUpdateWasRequested\n }: {\n scrollDirection: ScrollDirection;\n scrollOffset: number;\n scrollUpdateWasRequested: boolean;\n }) => {\n scrollTopRef.current = scrollOffset;\n if (!scrollUpdateWasRequested) {\n animationData.scrollOffsetInitial = scrollOffset;\n }\n onScroll && onScroll(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n },\n [onScroll, scrollTopRef, animationData]\n );\n\n const animateScroll = useCallback(() => {\n requestAnimationFrame(() => {\n const now = performance.now();\n const ellapsed = now - animationData.animationStartTime;\n const scrollDelta = animationData.scrollOffsetFinal - animationData.scrollOffsetInitial;\n const easedTime = easeInOutQuint(Math.min(1, ellapsed / scrollDuration));\n const scrollOffset = animationData.scrollOffsetInitial + scrollDelta easedTime;\n const finalOffsetValue = Math.min(maxListOffset, scrollOffset);\n scrollTopRef.current = finalOffsetValue;\n listRef.current?.scrollTo(finalOffsetValue);\n\n if (ellapsed < scrollDuration) {\n animateScroll();\n } else {\n animationData.animationStartTime = undefined;\n onScrollToFinished && onScrollToFinished();\n }\n });\n }, [scrollDuration, animationData, listRef, maxListOffset, onScrollToFinished]);\n\n const startScrollAnimation = useCallback(\n (item: VirtualizedListItem) => {\n const { offsetTop } = item;\n\n if (animationData.animationStartTime) {\n // animation already in progress\n animationData.scrollOffsetFinal = offsetTop;\n return;\n }\n\n // Update the initial scroll offset with the current scroll position for react 18 batching behavior\n if (listRef.current?.state?.scrollOffset !== null) {\n animationData.scrollOffsetInitial = listRef.current?.state?.scrollOffset;\n }\n\n if (animationData.scrollOffsetInitial === offsetTop) {\n // offset already equals to item offset\n onScrollToFinished && onScrollToFinished();\n return;\n }\n\n animationData.scrollOffsetFinal = offsetTop;\n animationData.animationStartTime = performance.now();\n animateScroll();\n },\n [animationData, animateScroll, onScrollToFinished]\n );\n\n const rowRenderer = useCallback(\n ({ index, style }: { index: number; style: CSSProperties }) => {\n const item = items[index];\n return itemRenderer(item, index, style);\n },\n [items, itemRenderer]\n );\n\n const calcItemSize = useCallback(\n (index: number) => {\n const item = items[index];\n return sizeGetter(item, index);\n },\n [items, sizeGetter]\n );\n\n const updateListSize = useCallback(\n (width: number, height: number) => {\n if (height !== listHeight \|\| width !== listWidth) {\n setTimeout(() => {\n setListHeight(height);\n setListWidth(width);\n onSizeUpdate(width, height);\n }, 0);\n }\n },\n [listHeight, listWidth, onSizeUpdate]\n );\n\n const onItemsRenderedCB = useThrottledCallback(\n ({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {\n if (!onItemsRendered) return;\n const data = getOnItemsRenderedData(\n items,\n normalizedItems,\n idGetter,\n visibleStartIndex,\n visibleStopIndex,\n listSizeByLayout,\n scrollTopRef.current\n );\n onItemsRendered(data);\n },\n { wait: onItemsRenderedThrottleMs, trailing: true },\n [onItemsRendered, items, normalizedItems, idGetter, listSizeByLayout]\n );\n\n // Effects\n useEffect(() => {\n // scroll to specific item\n if (scrollToId && prevScrollToId !== scrollToId) {\n const hasScrollbar = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n const item = normalizedItems[scrollToId as keyof typeof normalizedItems];\n hasScrollbar && item && startScrollAnimation(item);\n }\n }, [prevScrollToId, scrollToId, startScrollAnimation, normalizedItems, items, idGetter, listSizeByLayout]);\n\n useEffect(() => {\n // recalculate row heights\n if (listRef.current) {\n listRef.current.resetAfterIndex(0);\n }\n }, [normalizedItems]);\n\n useEffect(() => {\n // update vertical scrollbar visibility\n const callback = onLayoutDirectionScrollbarVisibilityChange \|\| onVerticalScrollbarVisiblityChange;\n if (callback) {\n const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n isVerticalScrollbarVisibleRef.current = isVisible;\n callback(isVisible);\n }\n }\n }, [\n onLayoutDirectionScrollbarVisibilityChange,\n onVerticalScrollbarVisiblityChange,\n items,\n normalizedItems,\n listSizeByLayout,\n idGetter\n ]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.virtualizedListWrapper, className)}\n id={id}\n role={role}\n aria-label={ariaLabel}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.VIRTUALIZED_LIST, id)}\n style={style}\n >\n <AutoSizer>\n {({ height, width }: { height: number; width: number }) => {\n updateListSize(width, height);\n return (\n <List\n ref={mergedListRef as unknown as LegacyRef<VariableSizeList<unknown>>}\n height={height}\n width={width}\n itemCount={items.length}\n itemSize={calcItemSize}\n onScroll={onScrollCB}\n layout={layout}\n overscanCount={overscanCount}\n onItemsRendered={onItemsRenderedCB}\n className={scrollableClassName}\n >\n {rowRenderer as VibeComponent<ListChildComponentProps>}\n </List>\n );\n }}\n </AutoSizer>\n </div>\n );\n }\n);\n\nexport default VirtualizedList;\n"],"names":["VirtualizedList","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getItemHeight","getItemHeight","height","_ref$getItemSize","getItemSize","_ref$layout","layout","onScroll","_ref$overscanCount","overscanCount","_ref$getItemId","getItemId","scrollToId","_ref$scrollDuration","scrollDuration","_ref$onScrollToFinish","onScrollToFinished","NOOP","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","_ref$onLayoutDirectio","onLayoutDirectionScrollbarVisibilityChange","virtualListRef","scrollableClassName","role","ariaLabel","style","dataTestId","_useState","useState","_useState2","_slicedToArray","listHeight","setListHeight","_useState3","_useState4","listWidth","setListWidth","isVerticalList","listSizeByLayout","useMemo","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","listRef","scrollTopRef","animationDataRef","initialized","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","mergedListRef","animationData","current","sizeGetter","useCallback","index","undefined","console","error","idGetter","itemId","normalizedItems","getNormalizedItems","maxListOffset","getMaxOffset","onScrollCB","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","animateScroll","requestAnimationFrame","ellapsed","performance","now","scrollDelta","easedTime","easeInOutQuint","Math","min","finalOffsetValue","_a","scrollTo","startScrollAnimation","offsetTop","_b","state","_d","_c","rowRenderer","_ref3","calcItemSize","updateListSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","wait","trailing","useEffect","hasScrollbar","isLayoutDirectionScrollbarVisible","resetAfterIndex","callback","isVisible","React","createElement","cx","styles","virtualizedListWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_LIST","AutoSizer","_ref5","List","itemCount","length","itemSize"],"mappings":"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"}
1	+ {"version":3,"file":"VirtualizedList.js","sources":["../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n CSSProperties,\n ForwardedRef,\n forwardRef,\n LegacyRef,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport {\n ScrollDirection,\n VariableSizeList as List,\n ListOnItemsRenderedProps,\n ListChildComponentProps,\n VariableSizeList\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n easeInOutQuint,\n getMaxOffset,\n getNormalizedItems,\n getOnItemsRenderedData,\n isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport { VirtualizedListItem, VirtualizedListLayout, VirtualizedListScrollDirection } from \"./VirtualizedList.types\";\n\nexport interface VirtualizedListProps extends VibeComponentProps {\n /*\n Class name applied to the scrollable container.\n /\n scrollableClassName?: string;\n /\n The orientation of the list.\n /\n layout?: VirtualizedListLayout;\n /\n The list of items to be rendered.\n /\n items: VirtualizedListItem[];\n /\n Function to render each item in the list.\n /\n itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement \| JSX.Element;\n /\n @deprecated - use `getItemSize`.\n /\n getItemHeight?: (item: VirtualizedListItem, index: number) => number;\n /\n Function to get the size (height/width) of each item, based on layout.\n /\n getItemSize?: (item: VirtualizedListItem, index: number) => number;\n /\n Function to get the unique ID of an item.\n /\n getItemId?: (item: VirtualizedListItem, index: number) => string;\n /\n Callback fired when the scroll animation is finished.\n /\n onScrollToFinished?: () => void;\n /\n Number of items to render above and below the visible portion.\n /\n overscanCount?: number;\n /\n The duration of the scroll animation in milliseconds.\n /\n scrollDuration?: number;\n /\n Callback fired when items are rendered.\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 list size changes.\n /\n onSizeUpdate?: (width: number, height: number) => void;\n /\n @deprecated - use `onLayoutDirectionScrollbarVisibilityChange`.\n /\n onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n /\n Callback fired when the vertical or horizontal scrollbar visibility changes.\n /\n onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;\n /\n The ARIA role attribute applied to the list.\n /\n role?: string;\n /\n The ARIA label for the list.\n /\n ariaLabel?: string;\n /\n Custom inline styles applied to the list.\n /\n style?: CSSProperties;\n /\n The ID of the item to scroll to.\n /\n scrollToId?: string;\n /\n Reference to the virtualized list component.\n /\n virtualListRef?: ForwardedRef<HTMLElement>;\n /\n Callback fired when the list is scrolled.\n /\n onScroll?: (\n horizontalScrollDirection: VirtualizedListScrollDirection,\n scrollTop: number,\n scrollUpdateWasRequested: boolean\n ) => void;\n}\n\nconst VirtualizedList = forwardRef(\n (\n {\n className,\n id,\n items = [],\n itemRenderer = (item: VirtualizedListItem, _index: number, _style: CSSProperties) => item as ReactElement,\n getItemHeight = (item: VirtualizedListItem, _index: number) => item.height,\n getItemSize = null, // must be null for backward compatibility\n layout = \"vertical\",\n onScroll,\n overscanCount = 0,\n getItemId = (item: VirtualizedListItem, _index: number) => item.id,\n scrollToId,\n scrollDuration = 200,\n onScrollToFinished = NOOP,\n onItemsRendered,\n onItemsRenderedThrottleMs = 200,\n onSizeUpdate = NOOP,\n onVerticalScrollbarVisiblityChange = null,\n onLayoutDirectionScrollbarVisibilityChange = null,\n virtualListRef,\n scrollableClassName,\n role,\n ariaLabel,\n style,\n \"data-testid\": dataTestId\n }: VirtualizedListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n // states\n const [listHeight, setListHeight] = useState(0);\n const [listWidth, setListWidth] = useState(0);\n\n const isVerticalList = layout !== \"horizontal\";\n const listSizeByLayout = useMemo(() => {\n return isVerticalList ? listHeight : listWidth;\n }, [isVerticalList, listHeight, listWidth]);\n\n // prevs\n const prevScrollToId = usePrevious(scrollToId);\n\n // Refs\n const componentRef = useRef(null);\n const isVerticalScrollbarVisibleRef = useRef(null);\n const listRef = useRef(null);\n const scrollTopRef = useRef(0);\n const animationDataRef = useRef({\n initialized: false,\n scrollOffsetInitial: 0,\n scrollOffsetFinal: 0,\n animationStartTime: 0\n });\n const mergedRef = useMergeRef(ref, componentRef);\n const mergedListRef = useMergeRef(virtualListRef, listRef);\n\n const animationData = animationDataRef.current;\n if (!animationData.initialized) {\n animationData.initialized = true;\n animationData.scrollOffsetInitial = 0;\n animationData.scrollOffsetFinal = 0;\n animationData.animationStartTime = 0;\n }\n\n // Callbacks\n const sizeGetter = useCallback(\n (item: VirtualizedListItem, index: number) => {\n const getSize = getItemSize \|\| getItemHeight;\n const height = getSize(item, index);\n if (height === undefined) {\n console.error(\"Couldn't get height for item: \", item);\n }\n return height;\n },\n [getItemHeight, getItemSize]\n );\n\n const idGetter = useCallback(\n (item: VirtualizedListItem, 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, size, offsetTop}\n const normalizedItems = useMemo(() => {\n return getNormalizedItems(items, idGetter, sizeGetter);\n }, [items, idGetter, sizeGetter]);\n\n const maxListOffset = useMemo(() => {\n return getMaxOffset(listSizeByLayout, normalizedItems);\n }, [listSizeByLayout, normalizedItems]);\n\n // Callbacks\n const onScrollCB = useCallback(\n ({\n scrollDirection,\n scrollOffset,\n scrollUpdateWasRequested\n }: {\n scrollDirection: ScrollDirection;\n scrollOffset: number;\n scrollUpdateWasRequested: boolean;\n }) => {\n scrollTopRef.current = scrollOffset;\n if (!scrollUpdateWasRequested) {\n animationData.scrollOffsetInitial = scrollOffset;\n }\n onScroll && onScroll(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n },\n [onScroll, scrollTopRef, animationData]\n );\n\n const animateScroll = useCallback(() => {\n requestAnimationFrame(() => {\n const now = performance.now();\n const ellapsed = now - animationData.animationStartTime;\n const scrollDelta = animationData.scrollOffsetFinal - animationData.scrollOffsetInitial;\n const easedTime = easeInOutQuint(Math.min(1, ellapsed / scrollDuration));\n const scrollOffset = animationData.scrollOffsetInitial + scrollDelta easedTime;\n const finalOffsetValue = Math.min(maxListOffset, scrollOffset);\n scrollTopRef.current = finalOffsetValue;\n listRef.current?.scrollTo(finalOffsetValue);\n\n if (ellapsed < scrollDuration) {\n animateScroll();\n } else {\n animationData.animationStartTime = undefined;\n onScrollToFinished && onScrollToFinished();\n }\n });\n }, [scrollDuration, animationData, listRef, maxListOffset, onScrollToFinished]);\n\n const startScrollAnimation = useCallback(\n (item: VirtualizedListItem) => {\n const { offsetTop } = item;\n\n if (animationData.animationStartTime) {\n // animation already in progress\n animationData.scrollOffsetFinal = offsetTop;\n return;\n }\n\n // Update the initial scroll offset with the current scroll position for react 18 batching behavior\n if (listRef.current?.state?.scrollOffset !== null) {\n animationData.scrollOffsetInitial = listRef.current?.state?.scrollOffset;\n }\n\n if (animationData.scrollOffsetInitial === offsetTop) {\n // offset already equals to item offset\n onScrollToFinished && onScrollToFinished();\n return;\n }\n\n animationData.scrollOffsetFinal = offsetTop;\n animationData.animationStartTime = performance.now();\n animateScroll();\n },\n [animationData, animateScroll, onScrollToFinished]\n );\n\n const rowRenderer = useCallback(\n ({ index, style }: { index: number; style: CSSProperties }) => {\n const item = items[index];\n return itemRenderer(item, index, style);\n },\n [items, itemRenderer]\n );\n\n const calcItemSize = useCallback(\n (index: number) => {\n const item = items[index];\n return sizeGetter(item, index);\n },\n [items, sizeGetter]\n );\n\n const updateListSize = useCallback(\n (width: number, height: number) => {\n if (height !== listHeight \|\| width !== listWidth) {\n setTimeout(() => {\n setListHeight(height);\n setListWidth(width);\n onSizeUpdate(width, height);\n }, 0);\n }\n },\n [listHeight, listWidth, onSizeUpdate]\n );\n\n const onItemsRenderedCB = useThrottledCallback(\n ({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {\n if (!onItemsRendered) return;\n const data = getOnItemsRenderedData(\n items,\n normalizedItems,\n idGetter,\n visibleStartIndex,\n visibleStopIndex,\n listSizeByLayout,\n scrollTopRef.current\n );\n onItemsRendered(data);\n },\n { wait: onItemsRenderedThrottleMs, trailing: true },\n [onItemsRendered, items, normalizedItems, idGetter, listSizeByLayout]\n );\n\n // Effects\n useEffect(() => {\n // scroll to specific item\n if (scrollToId && prevScrollToId !== scrollToId) {\n const hasScrollbar = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n const item = normalizedItems[scrollToId as keyof typeof normalizedItems];\n hasScrollbar && item && startScrollAnimation(item);\n }\n }, [prevScrollToId, scrollToId, startScrollAnimation, normalizedItems, items, idGetter, listSizeByLayout]);\n\n useEffect(() => {\n // recalculate row heights\n if (listRef.current) {\n listRef.current.resetAfterIndex(0);\n }\n }, [normalizedItems]);\n\n useEffect(() => {\n // update vertical scrollbar visibility\n const callback = onLayoutDirectionScrollbarVisibilityChange \|\| onVerticalScrollbarVisiblityChange;\n if (callback) {\n const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n isVerticalScrollbarVisibleRef.current = isVisible;\n callback(isVisible);\n }\n }\n }, [\n onLayoutDirectionScrollbarVisibilityChange,\n onVerticalScrollbarVisiblityChange,\n items,\n normalizedItems,\n listSizeByLayout,\n idGetter\n ]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.virtualizedListWrapper, className)}\n id={id}\n role={role}\n aria-label={ariaLabel}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.VIRTUALIZED_LIST, id)}\n style={style}\n >\n <AutoSizer>\n {({ height, width }: { height: number; width: number }) => {\n updateListSize(width, height);\n return (\n <List\n ref={mergedListRef as unknown as LegacyRef<VariableSizeList<unknown>>}\n height={height}\n width={width}\n itemCount={items.length}\n itemSize={calcItemSize}\n onScroll={onScrollCB}\n layout={layout}\n overscanCount={overscanCount}\n onItemsRendered={onItemsRenderedCB}\n className={scrollableClassName}\n >\n {rowRenderer as VibeComponent<ListChildComponentProps>}\n </List>\n );\n }}\n </AutoSizer>\n </div>\n );\n }\n);\n\nexport default VirtualizedList;\n"],"names":["VirtualizedList","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getItemHeight","getItemHeight","height","_ref$getItemSize","getItemSize","_ref$layout","layout","onScroll","_ref$overscanCount","overscanCount","_ref$getItemId","getItemId","scrollToId","_ref$scrollDuration","scrollDuration","_ref$onScrollToFinish","onScrollToFinished","NOOP","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","_ref$onLayoutDirectio","onLayoutDirectionScrollbarVisibilityChange","virtualListRef","scrollableClassName","role","ariaLabel","style","dataTestId","_useState","useState","_useState2","_slicedToArray","listHeight","setListHeight","_useState3","_useState4","listWidth","setListWidth","isVerticalList","listSizeByLayout","useMemo","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","listRef","scrollTopRef","animationDataRef","initialized","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","mergedListRef","animationData","current","sizeGetter","useCallback","index","undefined","console","error","idGetter","itemId","normalizedItems","getNormalizedItems","maxListOffset","getMaxOffset","onScrollCB","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","animateScroll","requestAnimationFrame","ellapsed","performance","now","scrollDelta","easedTime","easeInOutQuint","Math","min","finalOffsetValue","_a","scrollTo","startScrollAnimation","offsetTop","_b","state","_d","_c","rowRenderer","_ref3","calcItemSize","updateListSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","wait","trailing","useEffect","hasScrollbar","isLayoutDirectionScrollbarVisible","resetAfterIndex","callback","isVisible","React","createElement","cx","styles","virtualizedListWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_LIST","AutoSizer","_ref5","List","itemCount","length","itemSize"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_daf332d215"};!function(e){const t="s_id-9250e4cf6c59_3_40_0";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)}(".virtualizedListWrapper_daf332d215 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_1820a269c0"};!function(e){const t="s_id-9250e4cf6c59_3_42_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_1820a269c0 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/src/types/withStaticProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withStaticProps.js","sources":["../../../src/types/withStaticProps.ts"],"sourcesContent":["import ~~VibeComponent~~ ~~from~~ ~~\"./VibeComponent\";\nimport~~ ~~React~~ from \"react\";\n\ntype Required<T> = {\n [P in keyof T]-?: T[P];\n};\n\nexport const withStaticProps = <T, P, S>(\n ~~forwarded~~: ~~(VibeComponent~~<~~T, P~~> ~~& Partial<S>)~~ \| ~~(React.FC~~<T> & ~~Partial~~<~~S>),\~~n staticProps: Required<S>\n) => Object.assign(~~forwarded~~, staticProps);\n"],"names":["withStaticProps","~~forwarded~~","staticProps","Object","assign"],"mappings":"~~AAOO~~,IAAMA,EAAkB,SAC7BC,EACAC,~~GAAwB~~,~~OACrBC~~,OAAOC,OAAOH,EAAWC,~~EAAY~~"}
1	+ {"version":3,"file":"withStaticProps.js","sources":["../../../src/types/withStaticProps.ts"],"sourcesContent":["import { ForwardRefExoticComponent, RefAttributes, ComponentType } from \"react\";\n\ntype Required<T> = {\n [P in keyof T]-?: T[P];\n};\n\nexport const withStaticProps = <Props, StaticProps, Ref = HTMLElement>(\n component: ComponentType<Props> \| ForwardRefExoticComponent<Props & RefAttributes<Ref>>,\n staticProps: Required<StaticProps>\n) =>\n Object.assign(component, staticProps) as (\n \| ComponentType<Props>\n \| ForwardRefExoticComponent<Props & RefAttributes<Ref>>\n ) &\n Required<StaticProps>;\n"],"names":["withStaticProps","component","staticProps","Object","assign"],"mappings":"AAMO,IAAMA,EAAkB,SAC7BC,EACAC,GAAkC,OAElCC,OAAOC,OAAOH,EAAWC,EAIF"}