npm - @vibe/core - Versions diffs - 3.0.0-alpha.1 → 3.0.0-alpha.10 - Mend

@vibe/core 3.0.0-alpha.1 → 3.0.0-alpha.10

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

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

@@ -1,2 +1,2 @@
-var e={title:"title_d224eb3c8c"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-52c2fd8cbf53_3_0_0-alpha_0";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".title_d224eb3c8c {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_40df135e0d"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-alpha_9";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_40df135e0d {\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_4da9feffe3",tipseenWizardWizard:"tipseenWizardWizard_d91528cf9f"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],i="s_id-98eba0c83d1f_3_0_0-alpha_0";if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenWizard_4da9feffe3 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_d91528cf9f {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_41cbc33879",tipseenWizardWizard:"tipseenWizardWizard_3b8db60299"};!function(e){const d="s_id-98eba0c83d1f_3_0_0-alpha_9";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_41cbc33879 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_3b8db60299 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"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 \"../Icon/Icons/components/CloseSmall\";\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\";\n\nexport interface ToastProps extends VibeComponentProps {\n actions?: ToastAction[];\n /** If true, Toast is open (visible) /\n open?: boolean;\n loading?: boolean;\n type?: ToastType;\n /* Possible to override the default icon /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /* If true, won't show the icon /\n hideIcon?: boolean;\n /* The action to display /\n action?: JSX.Element;\n /* If false, won't show the close button /\n closeable?: boolean;\n onClose?: () => void;\n /* The number of milliseconds to wait before\n * automatically closing the Toast\n * (0 or null cancels this behaviour) /\n autoHideDuration?: number;\n children?: ReactElement \| ReactElement[] \| string;\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 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 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 key={`alert-button-${index}`} className={styles.actionButton} {...otherProps}>\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions]);\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 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 >\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","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","toastButtons","index","content","ToastButton","Object","assign","concat","actionButton","classNames","cx","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","useRef","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","element","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, { 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 actions?: ToastAction[];\n /** If true, Toast is open (visible) /\n open?: boolean;\n loading?: boolean;\n type?: ToastType;\n /* Possible to override the default icon /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /* If true, won't show the icon /\n hideIcon?: boolean;\n /* The action to display /\n action?: JSX.Element;\n /* If false, won't show the close button /\n closeable?: boolean;\n onClose?: () => void;\n /* The number of milliseconds to wait before\n * automatically closing the Toast\n * (0 or null cancels this behaviour) /\n autoHideDuration?: number;\n children?: ReactElement \| ReactElement[] \| string;\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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"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_5bb3780cd1",icon:"icon_ee738b95b1",content:"content_ea60083ea5",textContent:"textContent_4907e8c68e",typeNormal:"typeNormal_099a313bc1",typePositive:"typePositive_2666ad1990",typeNegative:"typeNegative_840978bff6",typeWarning:"typeWarning_6f38fcb1cb",closeButton:"closeButton_b75a7fff1e",actionButton:"actionButton_ef2daaf843",actionLink:"actionLink_cb4fc0c030",typeDark:"typeDark_787c527690",enterActive:"enterActive_f959e5de1e","toast-slide-in-elastic":"toast-slide-in-elastic_b3d06923d3",exitActive:"exitActive_48dc94fc1b","toast-slide-out":"toast-slide-out_0a701cc6cc"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-b5cdb4df7bff_3_0_0-alpha_0";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".toast_5bb3780cd1 {\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  right: 0;\n  left: 0;\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  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n}\n\n.icon_ee738b95b1 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n\n.content_ea60083ea5 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n\n.textContent_4907e8c68e {\n  display: inline-flex;\n  flex-grow: 1;\n}\n\n.typeNormal_099a313bc1 {\n  background-color: var(--primary-color);\n}\n\n.typePositive_2666ad1990 {\n  background-color: var(--positive-color);\n}\n\n.typeNegative_840978bff6 {\n  background-color: var(--negative-color);\n}\n\n.typeWarning_6f38fcb1cb {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.typeWarning_6f38fcb1cb .closeButton_b75a7fff1e {\n  color: var(--fixed-dark-color);\n}\n\n.typeWarning_6f38fcb1cb .actionButton_ef2daaf843,\n.typeWarning_6f38fcb1cb .actionLink_cb4fc0c030 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n\n.typeDark_787c527690 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDark_787c527690 .closeButton_b75a7fff1e {\n  color: var(--text-color-on-inverted);\n}\n\n.typeDark_787c527690 .actionButton_ef2daaf843,\n.typeDark_787c527690 .actionLink_cb4fc0c030 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n\n.enterActive_f959e5de1e {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-duration: var(--motion-expressive-long);\n  animation-name: toast-slide-in-elastic_b3d06923d3;\n}\n\n.exitActive_48dc94fc1b {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-duration: var(--motion-productive-long);\n  animation-name: toast-slide-out_0a701cc6cc;\n}\n\n.closeButton_b75a7fff1e {\n  margin-left: var(--spacing-small);\n}\n\n@keyframes toast-slide-in-elastic_b3d06923d3 {\n  0% {\n    transform: translateY(-115px);\n  }\n  33% {\n    transform: translateY(15px);\n  }\n  66% {\n    transform: translateY(-5px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n@keyframes toast-slide-out_0a701cc6cc {\n  0% {\n    transform: translateY(0);\n  }\n  70% {\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(-65px);\n    opacity: 0;\n  }\n}");export{n as default};
+var n={toast:"toast_2d18dcfaad",typeNormal:"typeNormal_987820829b",typePositive:"typePositive_b066f0df71",typeNegative:"typeNegative_d94c552383",typeWarning:"typeWarning_4aa3f567a7",closeButton:"closeButton_6532ba2e0b",actionButton:"actionButton_d4361c34b8",actionLink:"actionLink_02ad221152",typeDark:"typeDark_29c96f6097",icon:"icon_2c421e32fd",withTransition:"withTransition_7fa3da29a5",bounceIn:"bounceIn_ff026fdc38",content:"content_1d4d1a13f4",textContent:"textContent_51167c6f4b",enterActive:"enterActive_82a43298c9",slideIn:"slideIn_9f46591a81",exitActive:"exitActive_723814a106",slideOut:"slideOut_231f5327e5"};!function(n){const a="s_id-72c9912c1efa_3_0_0-alpha_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".toast_2d18dcfaad {\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_2d18dcfaad.typeNormal_987820829b {\n  background-color: var(--primary-color);\n}\n.toast_2d18dcfaad.typePositive_b066f0df71 {\n  background-color: var(--positive-color);\n}\n.toast_2d18dcfaad.typeNegative_d94c552383 {\n  background-color: var(--negative-color);\n}\n.toast_2d18dcfaad.typeWarning_4aa3f567a7 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_2d18dcfaad.typeWarning_4aa3f567a7 .closeButton_6532ba2e0b {\n  color: var(--fixed-dark-color);\n}\n.toast_2d18dcfaad.typeWarning_4aa3f567a7 .actionButton_d4361c34b8,\n.toast_2d18dcfaad.typeWarning_4aa3f567a7 .actionLink_02ad221152 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_2d18dcfaad.typeDark_29c96f6097 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_2d18dcfaad.typeDark_29c96f6097 .closeButton_6532ba2e0b {\n  color: var(--text-color-on-inverted);\n}\n.toast_2d18dcfaad.typeDark_29c96f6097 .actionButton_d4361c34b8,\n.toast_2d18dcfaad.typeDark_29c96f6097 .actionLink_02ad221152 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_2c421e32fd {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_d4361c34b8.withTransition_7fa3da29a5 {\n  opacity: 0;\n  animation: bounceIn_ff026fdc38 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_1d4d1a13f4 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_51167c6f4b {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_82a43298c9 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_9f46591a81;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_723814a106 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_231f5327e5;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_6532ba2e0b {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_9f46591a81 {\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_231f5327e5 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_ff026fdc38 {\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/ToastConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import n from"../Icon/Icons/components/Info.js";import r from"../Icon/Icons/components/Check.js";import t from"../Icon/Icons/components/Alert.js";import I from"../Icon/Icons/components/Warning.js";var e,i;!function(o){o.NORMAL="normal",o.POSITIVE="positive",o.NEGATIVE="negative",o.WARNING="warning",o.DARK="dark"}(e||(e={})),function(o){o.LINK="link",o.BUTTON="button"}(i||(i={}));var s=o(o(o(o(o({},e.NORMAL,n),e.POSITIVE,r),e.NEGATIVE,t),e.WARNING,I),e.DARK,n);export{i as ToastActionType,e as ToastType,s as defaultIconMap};
+import{defineProperty as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../icons/dist/_virtual/_tslib.js";import"react";import"../../../icons/dist/react/AddSmall.js";import t from"../../../icons/dist/react/Alert.js";import o from"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import r from"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import s from"../../../icons/dist/react/Warning.js";var n,e;!function(i){i.NORMAL="normal",i.POSITIVE="positive",i.NEGATIVE="negative",i.WARNING="warning",i.DARK="dark"}(n||(n={})),function(i){i.LINK="link",i.BUTTON="button"}(e||(e={}));var c=i(i(i(i(i({},n.NORMAL,r),n.POSITIVE,o),n.NEGATIVE,t),n.WARNING,s),n.DARK,r);export{e as ToastActionType,n as ToastType,c as defaultIconMap};
 //# sourceMappingURL=ToastConstants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastConstants.js","sources":["../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import ~~Info~~ ~~from \"../Icon/Icons/components/~~Info~~\";\nimport~~ Check ~~from \"../Icon/Icons/components/Check\";\nimport~~ Alert ~~from~~ ~~\"../Icon/Icons/components/Alert\";\nimport~~ ~~Warning~~ from \"~~../Icon~~/~~Icons/components/Warning~~\";\n\n/*\n @deprecated\n /\nexport enum ToastType {\n NORMAL = \"normal\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n WARNING = \"warning\",\n DARK = \"dark\"\n}\n\n/\n @deprecated\n /\nexport enum ToastActionType {\n LINK = \"link\",\n BUTTON = \"button\"\n}\n\nexport const defaultIconMap = {\n [ToastType.NORMAL]: Info,\n [ToastType.POSITIVE]: Check,\n [ToastType.NEGATIVE]: Alert,\n [ToastType.WARNING]: Warning,\n [ToastType.DARK]: Info\n};\n\n/\n @deprecated\n */\nexport type ToastAction = {\n type: ToastActionType;\n content?: string;\n text?: string;\n href?: string;\n};\n"],"names":["ToastType","ToastActionType","defaultIconMap","_defineProperty","NORMAL","Info","POSITIVE","Check","NEGATIVE","Alert","WARNING","Warning","DARK"],"mappings":"~~yRAQYA~~,EAWAC,GAXZ,SAAYD,GACVA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAEYC,EAAcC,EAAAA,EAAAA,EAAAA,EAAAA,KACxBH,EAAUI,OAASC,GACnBL,EAAUM,SAAWC,GACrBP,EAAUQ,SAAWC,GACrBT,EAAUU,QAAUC,GACpBX,EAAUY,KAAOP"}
1	+ {"version":3,"file":"ToastConstants.js","sources":["../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import { Info, Check, Alert, Warning } from \"@vibe/icons\";\n\n/*\n @deprecated\n /\nexport enum ToastType {\n NORMAL = \"normal\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n WARNING = \"warning\",\n DARK = \"dark\"\n}\n\n/\n @deprecated\n /\nexport enum ToastActionType {\n LINK = \"link\",\n BUTTON = \"button\"\n}\n\nexport const defaultIconMap = {\n [ToastType.NORMAL]: Info,\n [ToastType.POSITIVE]: Check,\n [ToastType.NEGATIVE]: Alert,\n [ToastType.WARNING]: Warning,\n [ToastType.DARK]: Info\n};\n\n/\n @deprecated\n */\nexport type ToastAction = {\n type: ToastActionType;\n content?: string;\n text?: string;\n href?: string;\n};\n"],"names":["ToastType","ToastActionType","defaultIconMap","_defineProperty","NORMAL","Info","POSITIVE","Check","NEGATIVE","Alert","WARNING","Warning","DARK"],"mappings":"goCAKYA,EAWAC,GAXZ,SAAYD,GACVA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAEYC,EAAcC,EAAAA,EAAAA,EAAAA,EAAAA,KACxBH,EAAUI,OAASC,GACnBL,EAAUM,SAAWC,GACrBP,EAAUQ,SAAWC,GACrBT,EAAUU,QAAUC,GACpBX,EAAUY,KAAOP"}

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

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_c87c9b610d"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a224471727c9_3_0_0-alpha_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))}(".actionLink_c87c9b610d {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_c87c9b610d:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_3d20f41ed0"};!function(e){const t="s_id-a224471727c9_3_0_0-alpha_9";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_3d20f41ed0 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_3d20f41ed0: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_6777b08d45","focus-visible":"focus-visible_6558b98468",selected:"selected_099a313bc1",notSelected:"notSelected_d932876198",disabled:"disabled_7ab6dfee5c",medium:"medium_b57c079dee",small:"small_f1f059afb7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-49e22e19a989_3_0_0-alpha_0";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.toggle_6777b08d45 {\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_6777b08d45:focus-visible, .toggle_6777b08d45.focus-visible_6558b98468 {\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_6777b08d45:focus:not(.focus-visible_6558b98468) {\n  outline: none;\n}\n.toggle_6777b08d45::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_6777b08d45.selected_099a313bc1 {\n  background-color: var(--primary-color);\n}\n.toggle_6777b08d45.selected_099a313bc1::after {\n  left: 20px;\n}\n.toggle_6777b08d45.notSelected_d932876198 {\n  background-color: var(--ui-border-color);\n}\n.toggle_6777b08d45.notSelected_d932876198::after {\n  left: 3px;\n}\n.toggle_6777b08d45.disabled_7ab6dfee5c {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_6777b08d45.medium_b57c079dee {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_6777b08d45.medium_b57c079dee::after {\n  --circle-size: 18px;\n}\n.toggle_6777b08d45.small_f1f059afb7 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_6777b08d45.small_f1f059afb7::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_6777b08d45.small_f1f059afb7.notSelected_d932876198::after {\n  left: 2px;\n}');export{e as default};
+var e={toggle:"toggle_4cdadce5f4","focus-visible":"focus-visible_1eba8c0d52",selected:"selected_987820829b",notSelected:"notSelected_dec959cb2d",disabled:"disabled_070aea0327",medium:"medium_765e05ec28",small:"small_9600bc93da"};!function(e){const n="s_id-49e22e19a989_3_0_0-alpha_9";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_4cdadce5f4 {\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_4cdadce5f4:focus-visible, .toggle_4cdadce5f4.focus-visible_1eba8c0d52 {\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_4cdadce5f4:focus:not(.focus-visible_1eba8c0d52) {\n  outline: none;\n}\n.toggle_4cdadce5f4::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_4cdadce5f4.selected_987820829b {\n  background-color: var(--primary-color);\n}\n.toggle_4cdadce5f4.selected_987820829b::after {\n  left: 20px;\n}\n.toggle_4cdadce5f4.notSelected_dec959cb2d {\n  background-color: var(--ui-border-color);\n}\n.toggle_4cdadce5f4.notSelected_dec959cb2d::after {\n  left: 3px;\n}\n.toggle_4cdadce5f4.disabled_070aea0327 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_4cdadce5f4.medium_765e05ec28 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_4cdadce5f4.medium_765e05ec28::after {\n  --circle-size: 18px;\n}\n.toggle_4cdadce5f4.small_9600bc93da {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_4cdadce5f4.small_9600bc93da::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_4cdadce5f4.small_9600bc93da.notSelected_dec959cb2d::after {\n  left: 2px;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_534d200c81","focus-visible":"focus-visible_288c64f82e",wrapper:"wrapper_74cc8192c4"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_3_0_0-alpha_0";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".toggleInput_534d200c81:focus-visible ~ div, .toggleInput_534d200c81.focus-visible_288c64f82e ~ 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_74cc8192c4 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_eac0e2a373","focus-visible":"focus-visible_b7ee9466c5",wrapper:"wrapper_18f804ae8e"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0-alpha_9";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_eac0e2a373:focus-visible ~ div, .toggleInput_eac0e2a373.focus-visible_b7ee9466c5 ~ 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_18f804ae8e {\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_1e516db8f6",disabled:"disabled_743a7fc9a2"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1dee71639eb3_3_0_0-alpha_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))}(".text_1e516db8f6 {\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_743a7fc9a2 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_513dfbf82c",disabled:"disabled_d4bb8e5685"};!function(e){const t="s_id-1dee71639eb3_3_0_0-alpha_9";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_513dfbf82c {\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_d4bb8e5685 {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"lodash-es";import a from"classnames";import r,{PureComponent as l,isValidElement as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as u}from"./TooltipConstants.js";import{getStyle as T}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as S}from"../../tests/testIds.js";import f from"../Icon/Icon.js";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},C=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,l),o(d,[{key:"getContainer",value:function(){return document.getElementById("tooltips-container")||document.querySelector("body")}},{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,l=o.className,h=o.style,m=o.title,d=o.image,c=o.icon;return i?(n(i)?e=i():(p(i)||"string"==typeof i&&i)&&(e=i),e?r.createElement("div",{style:h,className:a(g.tooltip,T(g,s(t)),l)},d&&r.createElement("img",{className:g.image,src:d,alt:""}),r.createElement("div",{className:a(g.content)},m&&r.createElement(y,{gap:"xs"},c&&r.createElement(f,{iconSize:"20",icon:c}),r.createElement("div",{className:g.title},m)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.getContainer,i=e.theme,n=e.tip,s=e.arrowClassName,l=e.id,p=e["data-testid"],m=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var d=this.renderTooltipContent,c=Object.assign(Object.assign({},this.props),{position:m,"data-testid":p||w(S.TOOLTIP,l),tooltip:n,content:d,getContainer:t||this.getContainer,tooltipClassName:a(g.arrow,T(g,i),s),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},c,{animationType:"expand"}),o)}}])}();C.positions=c,C.hideShowTriggers=m,C.themes=u,C.animationTypes=d,C.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,containerSelector:"#tooltips-container",tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:C.hideShowTriggers.MOUSE_ENTER,hideTrigger:C.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{C as default};
+import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"lodash-es";import a from"classnames";import r,{PureComponent as l,isValidElement as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as f}from"../../tests/testIds.js";import S from"../Icon/Icon.js";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,l),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,l=o.className,h=o.style,m=o.title,d=o.image,c=o.icon;return i?(n(i)?e=i():(p(i)||"string"==typeof i&&i)&&(e=i),e?r.createElement("div",{style:h,className:a(g.tooltip,u(g,s(t)),l)},d&&r.createElement("img",{className:g.image,src:d,alt:""}),r.createElement("div",{className:a(g.content)},m&&r.createElement(y,{gap:"xs"},c&&r.createElement(S,{iconSize:"20",icon:c}),r.createElement("div",{className:g.title},m)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var m=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||w(f.TOOLTIP,s),tooltip:i,content:m,tooltipClassName:a(g.arrow,u(g,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},d,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=m,v.themes=T,v.animationTypes=d,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
 //# sourceMappingURL=Tooltip.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase, isFunction } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, isValidElement, PureComponent, ReactElement } from \"react\";\nimport { Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { ElementContent } from \"../../types/ElementContent\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport Flex from \"../Flex/Flex\";\nimport { TooltipPositions, TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps \| TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n /\n When true, the tooltip would be rendered on a Dialog without children\n * Use case is currently for rendering Tipseen with floating prop\n /\n forceRenderWithoutChildren: boolean;\n children?: ReactElement \| Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n forceRenderWithoutChildren?: boolean;\n children: ReactElement \| Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n content: ElementContent;\n style?: CSSProperties;\n /* Class name for a tooltip's arrow /\n arrowClassName?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: MoveBy;\n theme?: TooltipTheme;\n getContainer?: () => HTMLElement;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n disableDialogSlide?: boolean;\n animationType?: DialogAnimationType;\n withoutDialog?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n With which delay tooltip is going to be shown\n /\n immediateShowDelay?: number;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /\n Show the Dialog when the children is mounting\n /\n shouldShowOnMount?: boolean;\n hideWhenReferenceHidden?: boolean;\n onTooltipHide?: () => void;\n onTooltipShow?: () => void;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n /\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n /\n position?: TooltipPositions;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n If true, prevents open Tooltip from closing on mouseEnter and closes Tooltip, when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n set the state of the tooltip - open/close - controlled component\n /\n open?: boolean;\n /\n Overwrites z-index of the tooltip\n /\n zIndex?: number;\n /\n The title of the tooltip\n /\n title?: string;\n /\n The image of the tooltip\n /\n image?: string;\n /\n The icon of the tooltip next to the title\n */\n icon?: SubIcon;\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n lastTooltipHideTS: null,\n openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n wasShown: boolean;\n static positions = TooltipPositionsEnum;\n static hideShowTriggers = HideShowEventEnum;\n static themes = TooltipThemeEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n moveBy: { main: 4, secondary: 0 },\n theme: \"dark\",\n position: \"top\",\n hideDelay: 100,\n showDelay: 300,\n disableDialogSlide: true,\n animationType: AnimationTypeEnum.EXPAND,\n withoutDialog: false,\n containerSelector: \"#tooltips-container\",\n tip: true,\n hideWhenReferenceHidden: false,\n modifiers: new Array<Modifier<unknown>>(),\n showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: true,\n referenceWrapperClassName: \"\",\n addKeyboardHideShowTriggersByDefault: true,\n open: false\n };\n constructor(props: TooltipProps) {\n super(props);\n this.renderTooltipContent = this.renderTooltipContent.bind(this);\n this.getShowDelay = this.getShowDelay.bind(this);\n this.onTooltipShow = this.onTooltipShow.bind(this);\n this.onTooltipHide = this.onTooltipHide.bind(this);\n\n this.wasShown = false;\n }\n\n getContainer() {\n return document.getElementById(\"tooltips-container\") \|\| document.querySelector(\"body\");\n }\n\n renderTooltipContent() {\n const { theme, content, className, style, title, image, icon } = this.props;\n if (!content) {\n // don't render empty tooltip\n return null;\n }\n let contentValue;\n if (isFunction(content)) {\n contentValue = content();\n } else if (isValidElement(content)) {\n contentValue = content;\n } else if (typeof content === \"string\" && content) {\n contentValue = content;\n }\n\n if (!contentValue) {\n return null;\n }\n\n return (\n <div style={style} className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}>\n {image && <img className={styles.image} src={image} alt=\"\" />}\n <div className={cx(styles.content)}>\n {title && (\n <Flex gap=\"xs\">\n {icon && <Icon iconSize=\"20\" icon={icon} />}\n <div className={styles.title}>{title}</div>\n </Flex>\n )}\n {contentValue}\n </div>\n </div>\n );\n }\n\n onTooltipShow() {\n if (!this.wasShown) {\n const { onTooltipShow } = this.props;\n globalState.openTooltipsCount++;\n this.wasShown = true;\n onTooltipShow && onTooltipShow();\n }\n }\n\n onTooltipHide() {\n if (this.wasShown) {\n const { onTooltipHide } = this.props;\n globalState.lastTooltipHideTS = Date.now();\n globalState.openTooltipsCount--;\n this.wasShown = false;\n onTooltipHide && onTooltipHide();\n }\n }\n\n getTimeSinceLastTooltip() {\n if (globalState.openTooltipsCount > 0) {\n return 0;\n }\n return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n }\n\n getShowDelay() {\n const { showDelay, immediateShowDelay } = this.props;\n const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n if ((immediateShowDelay === 0 \|\| immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n // showing the tooltip immediately (without animation)\n return {\n showDelay: immediateShowDelay,\n preventAnimation: true\n };\n }\n return {\n showDelay,\n preventAnimation: false\n };\n }\n\n render() {\n const {\n withoutDialog,\n children,\n forceRenderWithoutChildren,\n getContainer,\n theme,\n tip,\n arrowClassName,\n id,\n \"data-testid\": dataTestId,\n position\n } = this.props;\n\n if (!children && !forceRenderWithoutChildren) {\n return null;\n }\n\n if (withoutDialog) {\n return this.renderTooltipContent();\n }\n\n const content = this.renderTooltipContent;\n const dialogProps = {\n ...this.props,\n position: position,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.TOOLTIP, id),\n tooltip: tip,\n content,\n getContainer: getContainer \|\| this.getContainer,\n tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n onDialogDidHide: this.onTooltipHide,\n onDialogDidShow: this.onTooltipShow,\n getDynamicShowDelay: this.getShowDelay\n };\n return (\n <Dialog {...dialogProps} animationType=\"expand\">\n {children}\n </Dialog>\n );\n }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","document","getElementById","querySelector","contentValue","_this$props","this","theme","content","className","style","title","image","icon","isFunction","isValidElement","React","createElement","cx","styles","tooltip","getStyle","camelCase","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","getContainer","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","Object","assign","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","containerSelector","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase, isFunction } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, isValidElement, PureComponent, ReactElement } from \"react\";\nimport { Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { ElementContent } from \"../../types/ElementContent\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport Flex from \"../Flex/Flex\";\nimport { TooltipPositions, TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps \| TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n /\n When true, the tooltip would be rendered on a Dialog without children\n * Use case is currently for rendering Tipseen with floating prop\n /\n forceRenderWithoutChildren: boolean;\n children?: ReactElement \| Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n forceRenderWithoutChildren?: boolean;\n children: ReactElement \| Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n content: ElementContent;\n style?: CSSProperties;\n /* Class name for a tooltip's arrow /\n arrowClassName?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: MoveBy;\n theme?: TooltipTheme;\n getContainer?: () => HTMLElement;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n disableDialogSlide?: boolean;\n animationType?: DialogAnimationType;\n withoutDialog?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n With which delay tooltip is going to be shown\n /\n immediateShowDelay?: number;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /\n Show the Dialog when the children is mounting\n /\n shouldShowOnMount?: boolean;\n hideWhenReferenceHidden?: boolean;\n onTooltipHide?: () => void;\n onTooltipShow?: () => void;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n /\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n /\n position?: TooltipPositions;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n If true, prevents open Tooltip from closing on mouseEnter and closes Tooltip, when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n set the state of the tooltip - open/close - controlled component\n /\n open?: boolean;\n /\n Overwrites z-index of the tooltip\n /\n zIndex?: number;\n /\n The title of the tooltip\n /\n title?: string;\n /\n The image of the tooltip\n /\n image?: string;\n /\n The icon of the tooltip next to the title\n */\n icon?: SubIcon;\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n lastTooltipHideTS: null,\n openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n wasShown: boolean;\n static positions = TooltipPositionsEnum;\n static hideShowTriggers = HideShowEventEnum;\n static themes = TooltipThemeEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n moveBy: { main: 4, secondary: 0 },\n theme: \"dark\",\n position: \"top\",\n hideDelay: 100,\n showDelay: 300,\n disableDialogSlide: true,\n animationType: AnimationTypeEnum.EXPAND,\n withoutDialog: false,\n tip: true,\n hideWhenReferenceHidden: false,\n modifiers: new Array<Modifier<unknown>>(),\n showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: true,\n referenceWrapperClassName: \"\",\n addKeyboardHideShowTriggersByDefault: true,\n open: false\n };\n constructor(props: TooltipProps) {\n super(props);\n this.renderTooltipContent = this.renderTooltipContent.bind(this);\n this.getShowDelay = this.getShowDelay.bind(this);\n this.onTooltipShow = this.onTooltipShow.bind(this);\n this.onTooltipHide = this.onTooltipHide.bind(this);\n\n this.wasShown = false;\n }\n\n renderTooltipContent() {\n const { theme, content, className, style, title, image, icon } = this.props;\n if (!content) {\n // don't render empty tooltip\n return null;\n }\n let contentValue;\n if (isFunction(content)) {\n contentValue = content();\n } else if (isValidElement(content)) {\n contentValue = content;\n } else if (typeof content === \"string\" && content) {\n contentValue = content;\n }\n\n if (!contentValue) {\n return null;\n }\n\n return (\n <div style={style} className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}>\n {image && <img className={styles.image} src={image} alt=\"\" />}\n <div className={cx(styles.content)}>\n {title && (\n <Flex gap=\"xs\">\n {icon && <Icon iconSize=\"20\" icon={icon} />}\n <div className={styles.title}>{title}</div>\n </Flex>\n )}\n {contentValue}\n </div>\n </div>\n );\n }\n\n onTooltipShow() {\n if (!this.wasShown) {\n const { onTooltipShow } = this.props;\n globalState.openTooltipsCount++;\n this.wasShown = true;\n onTooltipShow && onTooltipShow();\n }\n }\n\n onTooltipHide() {\n if (this.wasShown) {\n const { onTooltipHide } = this.props;\n globalState.lastTooltipHideTS = Date.now();\n globalState.openTooltipsCount--;\n this.wasShown = false;\n onTooltipHide && onTooltipHide();\n }\n }\n\n getTimeSinceLastTooltip() {\n if (globalState.openTooltipsCount > 0) {\n return 0;\n }\n return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n }\n\n getShowDelay() {\n const { showDelay, immediateShowDelay } = this.props;\n const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n if ((immediateShowDelay === 0 \|\| immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n // showing the tooltip immediately (without animation)\n return {\n showDelay: immediateShowDelay,\n preventAnimation: true\n };\n }\n return {\n showDelay,\n preventAnimation: false\n };\n }\n\n render() {\n const {\n withoutDialog,\n children,\n forceRenderWithoutChildren,\n theme,\n tip,\n arrowClassName,\n id,\n \"data-testid\": dataTestId,\n position\n } = this.props;\n\n if (!children && !forceRenderWithoutChildren) {\n return null;\n }\n\n if (withoutDialog) {\n return this.renderTooltipContent();\n }\n\n const content = this.renderTooltipContent;\n const dialogProps = {\n ...this.props,\n position: position,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.TOOLTIP, id),\n tooltip: tip,\n content,\n tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n onDialogDidHide: this.onTooltipHide,\n onDialogDidShow: this.onTooltipShow,\n getDynamicShowDelay: this.getShowDelay\n };\n return (\n <Dialog {...dialogProps} animationType=\"expand\">\n {children}\n </Dialog>\n );\n }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","title","image","icon","isFunction","isValidElement","React","createElement","cx","styles","tooltip","getStyle","camelCase","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","Object","assign","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={tooltip:"tooltip_ac83d6e37f",image:"image_4c2cd36f09",title:"title_d52eef0ec0",content:"content_00800b581f",paddingSizeMd:"paddingSizeMd_5eb44d0411",tooltipWhiteLink:"tooltipWhiteLink_0f60729b52",arrow:"arrow_00475b34fb",dark:"dark_787c527690",primary:"primary_3f7c9cb016"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-6c93fa9de83d_3_0_0-alpha_0";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}(".tooltip_ac83d6e37f {\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}\n.tooltip_ac83d6e37f .image_4c2cd36f09 {\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_ac83d6e37f .title_d52eef0ec0 {\n  font: var(--font-text2-bold);\n}\n.tooltip_ac83d6e37f .content_00800b581f {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_ac83d6e37f.paddingSizeMd_5eb44d0411 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_ac83d6e37f a.tooltipWhiteLink_0f60729b52 {\n  color: #fff;\n}\n.arrow_00475b34fb,\n.dark_787c527690,\n.arrow_00475b34fb.dark_787c527690 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_3f7c9cb016,\n.arrow_00475b34fb.primary_3f7c9cb016 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var o={tooltip:"tooltip_485a284b70",image:"image_fe1a9b7d94",title:"title_87c2fcee83",content:"content_556c7c74c1",paddingSizeMd:"paddingSizeMd_6e58292fe5",tooltipWhiteLink:"tooltipWhiteLink_511dd7cf6f",arrow:"arrow_7f85a2a0d6",dark:"dark_29c96f6097",primary:"primary_4bd691045c"};!function(o){const n="s_id-a3b5adff1ad8_3_0_0-alpha_9";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".tooltip_485a284b70 {\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}\n.tooltip_485a284b70 .image_fe1a9b7d94 {\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_485a284b70 .title_87c2fcee83 {\n  font: var(--font-text2-bold);\n}\n.tooltip_485a284b70 .content_556c7c74c1 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_485a284b70.paddingSizeMd_6e58292fe5 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_485a284b70 a.tooltipWhiteLink_511dd7cf6f {\n  color: #fff;\n}\n.arrow_7f85a2a0d6,\n.dark_29c96f6097,\n.arrow_7f85a2a0d6.dark_29c96f6097 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_4bd691045c,\n.arrow_7f85a2a0d6.primary_4bd691045c {\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/Typography/Typography.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as r}from"react";import i from"classnames";import a from"../../hooks/useMergeRef.js";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{useTooltipProps as p,useEllipsisClass as n}from"./TypographyHooks.js";import d from"../Tooltip/Tooltip.js";import{TypographyContext as c}from"./utils/TypographyContext.js";import f from"./Typography.module.scss.js";var v=s((function(s,v){var j=s.className,u=s.id,T=s.children,g=s.tooltipProps,h=s["data-testid"],y=void 0===h?l(m.TEXT,u):h,x=s.element,b=void 0===x?"span":x,w=s.color,E=void 0===w?"primary":w,N=s.align,k=void 0===N?"start":N,L=s.ellipsis,O=void 0===L||L,P=s.maxLines,_=void 0===P?1:P,C=s.withoutTooltip,H=void 0!==C&&C,I=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=r(null),q=a(v,X),z=1===_,A=n(q,O,_),B=A.ref,D=A.class,F=p(X,H,O,g,T,z,R);return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:u,"data-testid":y,className:i(f.typography,f[E],f[k],D,j),ref:B,role:I},M),T))}));export{v as default};
+import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as r}from"react";import i from"classnames";import l from"../../hooks/useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{useEllipsisClass as p,useTooltipProps as n}from"./TypographyHooks.js";import d from"../Tooltip/Tooltip.js";import{TypographyContext as c}from"./utils/TypographyContext.js";import f from"./Typography.module.scss.js";var v=s((function(s,v){var y=s.className,j=s.id,u=s.children,T=s.tooltipProps,g=s["data-testid"],h=void 0===g?a(m.TEXT,j):g,x=s.element,b=void 0===x?"span":x,w=s.color,E=void 0===w?"primary":w,N=s.align,k=void 0===N?"start":N,L=s.ellipsis,O=void 0===L||L,P=s.maxLines,_=void 0===P?1:P,C=s.withoutTooltip,H=void 0!==C&&C,I=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=r(null),q=l(v,X),z=1===_,A=p(O,_),B=A.class,D=A.style,F=n(X,H,O,T,u,z,R);return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:j,style:D,"data-testid":h,className:i(f.typography,f[E],f[k],B,y),ref:q,role:I},M),u))}));export{v as default};
 //# sourceMappingURL=Typography.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 element tag of the text component\n /\n element?: string;\n /\n The textual content\n /\n children: ElementContent;\n color?: TypographyColor;\n align?: TypographyAlign;\n /\n When the text is too long, cut the end of the text and display instead of it three dots (...)\n /\n ellipsis?: boolean;\n /\n Use this prop combined with the boolean ellipsis prop for truncate the text and add an ellipsis after a certain number of lines\n /\n maxLines?: number;\n /\n All props are passed to the tooltip displayed when hovering over the text. By default, the tooltip will display when text contains an ellipsis and will show the full text\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Hide tooltip when hovering the text, by default the tooltip swill display when text contains an ellipsis\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 { ~~ref~~: ~~overrideRef~~, ~~class~~: ~~ellipsisClass~~ } = useEllipsisClass(~~mergedRef,~~ 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 return (\n <Tooltip {...overrideTooltipProps}>\n {React.createElement(\n element,\n {\n id,\n \"data-testid\": dataTestId,\n className: cx(styles.typography, styles[color], styles[align], ellipsisClass, className),\n ref: ~~overrideRef~~,\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","~~overrideRef~~","~~ellipsisClass~~","~~class~~","overrideTooltipProps","useTooltipProps","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBA2CMA,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,~~EAAmDC~~,~~EAAiBJ~~,~~EAAWb,~~EAAUE,~~GAA5EgB~~,~~EAAWF~~,~~EAAhBjC~~,~~IAAyBoC~~,~~EAAaH~~,~~EAApBI~~,~~MACpBC~~,EAAuBC,~~EAC3BX~~,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGF,~~OACEe~~,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAN,GACVE,EAAMC,~~cACL9B~~,~~EAAOgC~~,OAAAC,OAAA,~~CAEL1C~~,GAAAA,~~EACA~~,~~cAAeI~~,EACfL,~~UAAW4C~~,EAAGC,EAAOC,WAAYD,~~EAAOjC~~,~~GAAQiC~~,~~EAAO/B~~,~~GAAQqB~~,~~EAAenC~~,GAC9ED,~~IAAKmC~~,~~EACLb~~,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/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 element tag of the text component\n /\n element?: string;\n /\n The textual content\n /\n children: ElementContent;\n color?: TypographyColor;\n align?: TypographyAlign;\n /\n When the text is too long, cut the end of the text and display instead of it three dots (...)\n /\n ellipsis?: boolean;\n /\n Use this prop combined with the boolean ellipsis prop for truncate the text and add an ellipsis after a certain number of lines\n /\n maxLines?: number;\n /\n All props are passed to the tooltip displayed when hovering over the text. By default, the tooltip will display when text contains an ellipsis and will show the full text\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Hide tooltip when hovering the text, by default the tooltip swill display when text contains an ellipsis\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 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[align], 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","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBA2CMA,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,GAGF,OACEgB,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAN,GACVE,EAAMC,cACL/B,EAEEiC,OAAAC,OAAA,CAAA3C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW6C,EAAGC,EAAOC,WAAYD,EAAOlC,GAAQkC,EAAOhC,GAAQoB,EAAelC,GAC9ED,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}

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

@@ -1,2 +1,2 @@
-var n={typography:"typography_d271cc78d6","focus-visible":"focus-visible_6558b98468",primary:"primary_5405f9f409",secondary:"secondary_a1f40663d8",onPrimary:"onPrimary_1764d62390",onInverted:"onInverted_9454b65055",fixedLight:"fixedLight_1702d050e2",fixedDark:"fixedDark_b75a7fff1e",inherit:"inherit_5a99b021a2",start:"start_7f3f4aaf4e",center:"center_2a9ee0119c",end:"end_7d23dedc86",singleLineEllipsis:"singleLineEllipsis_d17b3a348c",multiLineEllipsis:"multiLineEllipsis_1fb3351a4f"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-911fb9952597_3_0_0-alpha_0";if(e.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".typography_d271cc78d6 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_d271cc78d6 > a:focus-visible, .typography_d271cc78d6 > a.focus-visible_6558b98468 {\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_d271cc78d6 > a:focus:not(.focus-visible_6558b98468) {\n  outline: none;\n}\n.typography_d271cc78d6 > a:hover {\n  text-decoration: underline;\n}\n.typography_d271cc78d6:disabled, .typography_d271cc78d6[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_5405f9f409 {\n  color: var(--primary-text-color);\n}\n.secondary_a1f40663d8 {\n  color: var(--secondary-text-color);\n}\n.onPrimary_1764d62390 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_1764d62390 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_9454b65055 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_9454b65055 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_1702d050e2 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_1702d050e2 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_b75a7fff1e {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_b75a7fff1e a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_5a99b021a2 {\n  color: inherit;\n}\n.inherit_5a99b021a2 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_7f3f4aaf4e {\n  text-align: start;\n}\n.center_2a9ee0119c {\n  text-align: center;\n}\n.end_7d23dedc86 {\n  text-align: end;\n}\n.singleLineEllipsis_d17b3a348c {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_1fb3351a4f {\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};
+var e={typography:"typography_f40d5d77d3","focus-visible":"focus-visible_1eba8c0d52",primary:"primary_e5319cc16d",secondary:"secondary_944b30a977",onPrimary:"onPrimary_40e690205f",onInverted:"onInverted_87b4d470b8",fixedLight:"fixedLight_3d5b891c97",fixedDark:"fixedDark_6532ba2e0b",inherit:"inherit_3d7d8a3899",start:"start_2ea61c1b61",center:"center_6439098945",end:"end_29ce11d0a0",singleLineEllipsis:"singleLineEllipsis_7b76c369f3",multiLineEllipsis:"multiLineEllipsis_c108a33dd9"};!function(e){const n="s_id-911fb9952597_3_0_0-alpha_9";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_f40d5d77d3 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_f40d5d77d3 > a:focus-visible, .typography_f40d5d77d3 > a.focus-visible_1eba8c0d52 {\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_f40d5d77d3 > a:focus:not(.focus-visible_1eba8c0d52) {\n  outline: none;\n}\n.typography_f40d5d77d3 > a:hover {\n  text-decoration: underline;\n}\n.typography_f40d5d77d3:disabled, .typography_f40d5d77d3[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_e5319cc16d {\n  color: var(--primary-text-color);\n}\n.secondary_944b30a977 {\n  color: var(--secondary-text-color);\n}\n.onPrimary_40e690205f {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_40e690205f a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_87b4d470b8 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_87b4d470b8 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_3d5b891c97 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_3d5b891c97 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_6532ba2e0b {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_6532ba2e0b a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_3d7d8a3899 {\n  color: inherit;\n}\n.inherit_3d7d8a3899 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_2ea61c1b61 {\n  text-align: start;\n}\n.center_6439098945 {\n  text-align: center;\n}\n.end_29ce11d0a0 {\n  text-align: end;\n}\n.singleLineEllipsis_7b76c369f3 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_c108a33dd9 {\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};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/src/components/Typography/TypographyHooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"../../hooks/useIsOverflowing/useIsOverflowing.js";import s from"./Typography.module.scss.js";function n(e,n,r){var t;return n&&(t=r>1?s.multiLineEllipsis:s.singleLineEllipsis),{ref:function(s){null==s||s.style.setProperty("--text-clamp-lines",""+r),e.current=s},class:t}}function r(s,n,r,t,i,o,l){var u=e({ref:r?s:null,ignoreHeightOverflow:o,tolerance:l});return!n&&r&&u&&"string"==typeof i?Object.assign(Object.assign({},t),{content:i}):{}}export{n as useEllipsisClass,r as useTooltipProps};
+import{useMemo as e}from"react";import r from"../../hooks/useIsOverflowing/useIsOverflowing.js";import n from"./Typography.module.scss.js";function s(r){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e((function(){var e,t;return r&&(e=s>1?n.multiLineEllipsis:n.singleLineEllipsis,s>1&&(t={"--text-clamp-lines":""+s})),{class:e,style:t}}),[r,s])}function t(e,n,s,t,i,o,l){var c=r({ref:s?e:null,ignoreHeightOverflow:o,tolerance:l});return!n&&s&&c&&"string"==typeof i?Object.assign(Object.assign({},t),{content:i}):{}}export{s as useEllipsisClass,t as useTooltipProps};
 //# sourceMappingURL=TypographyHooks.js.map

package/dist/src/components/Typography/TypographyHooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TypographyHooks.js","sources":["../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(~~ref: MutableRefObject<HTMLElement>,~~ ellipsis: boolean, maxLines: ~~number~~) {\n ~~let ellipsisClass;\n~~ const ~~overrideRef~~ = (~~node: HTMLElement~~) => {\n ~~node?.style.setProperty(\"--text-clamp-lines\",~~ ~~maxLines.toString())~~;\n ~~ref.current~~ = ~~node;\~~n ~~};\n\n~~ // If component contains ellipsis return the fit ellipsis class\n if (ellipsis) {\n ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n }\n\n ~~return~~ { ~~ref~~: ~~overrideRef,~~ class: ellipsisClass };\n}\n\nexport function useTooltipProps(\n ref: MutableRefObject<HTMLElement>,\n withoutTooltip: boolean,\n ellipsis: boolean,\n tooltipProps: Partial<TooltipProps>,\n children: ElementContent,\n ignoreHeightOverflow: boolean,\n overflowTolerance: number\n) {\n const isOverflowing = useIsOverflowing({\n ref: ellipsis ? ref : null,\n ignoreHeightOverflow,\n tolerance: overflowTolerance\n });\n const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing && typeof children === \"string\";\n return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","~~ref","~~ellipsis","maxLines","~~ellipsisClass~~","~~styles~~","~~multiLineEllipsis~~","~~singleLineEllipsis~~","~~node~~","style","~~setProperty~~","~~current~~","class","useTooltipProps","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"~~oHAMgBA~~,EAAiBC,~~EAAoCC~~,~~EAAmBC~~,~~GACtF~~,IAAIC,~~EAWJ~~,~~OAJIF~~,~~IACFE~~,~~EAAgBD~~,EAAW,~~EAAIE~~,EAAOC,kBAAoBD,EAAOE,~~oBAG5D~~,~~CAAEN~~,~~IAVW~~,~~SAACO~~,~~GACnBA~~,~~SAAAA~~,~~EAAMC~~,~~MAAMC~~,~~YAAY~~,~~qBAAsBP~~,~~MAC9CF~~,~~EAAIU~~,~~QAAUH~~,~~GAQWI~~,~~MAAOR~~,~~EACpC~~,CAEgB,~~SAAAS~~,~~EACdZ~~,~~EACAa~~,~~EACAZ~~,~~EACAa~~,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,~~CACrCnB~~,~~IAAKC~~,~~EAAWD~~,EAAM,~~KACtBgB~~,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,~~GAAkBZ~~,~~GAAYiB~~,GAAqC,iBAAbH,EACvDM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}
1	+ {"version":3,"file":"TypographyHooks.js","sources":["../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject, useMemo } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(ellipsis: boolean, maxLines = 1) {\n const result = useMemo(() => {\n let ellipsisClass: string;\n let style: Record<string, string>;\n // If component contains ellipsis return the fit ellipsis class\n if (ellipsis) {\n ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n if (maxLines > 1) {\n // not relevant for single line ellipsis\n style = { \"--text-clamp-lines\": maxLines.toString() };\n }\n }\n\n return { class: ellipsisClass, style };\n }, [ellipsis, maxLines]);\n return result;\n}\n\nexport function useTooltipProps(\n ref: MutableRefObject<HTMLElement>,\n withoutTooltip: boolean,\n ellipsis: boolean,\n tooltipProps: Partial<TooltipProps>,\n children: ElementContent,\n ignoreHeightOverflow: boolean,\n overflowTolerance: number\n) {\n const isOverflowing = useIsOverflowing({\n ref: ellipsis ? ref : null,\n ignoreHeightOverflow,\n tolerance: overflowTolerance\n });\n const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing && typeof children === \"string\";\n return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","ellipsis","maxLines","arguments","length","undefined","useMemo","ellipsisClass","style","styles","multiLineEllipsis","singleLineEllipsis","class","useTooltipProps","ref","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"oJAMgBA,EAAiBC,GAA+B,IAAZC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAe7D,OAdeG,GAAQ,WACrB,IAAIC,EACAC,EAUJ,OARIP,IACFM,EAAgBL,EAAW,EAAIO,EAAOC,kBAAoBD,EAAOE,mBAC7DT,EAAW,IAEbM,EAAQ,CAAE,qBAAsBN,QAI7B,CAAEU,MAAOL,EAAeC,MAAAA,EACjC,GAAG,CAACP,EAAUC,GAEhB,CAEgB,SAAAW,EACdC,EACAC,EACAd,EACAe,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,CACrCP,IAAKb,EAAWa,EAAM,KACtBI,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,GAAkBd,GAAYmB,GAAqC,iBAAbH,EACvDM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_e153d3440c"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],t="s_id-03a8eed790d8_3_0_0-alpha_0";if(d.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper_e153d3440c {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_51309c00ca"};!function(e){const t="s_id-03a8eed790d8_3_0_0-alpha_9";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_51309c00ca {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_e153d3440c"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-9250e4cf6c59_3_0_0-alpha_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))}(".virtualizedListWrapper_e153d3440c {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_51309c00ca"};!function(e){const t="s_id-9250e4cf6c59_3_0_0-alpha_9";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_51309c00ca {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/src/hooks/ssr/useIsMounted.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useEffect as t}from"react";var n=function(){var n=o(!1),e=r(n,2),i=e[0],u=e[1];return t((function(){return u(!0),function(){u(!1)}}),[]),i};export{n as useIsMounted};
2	+ //# sourceMappingURL=useIsMounted.js.map

package/dist/src/hooks/ssr/useIsMounted.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useIsMounted.js","sources":["../../../../src/hooks/ssr/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n// The hook will return true only on client side and not on server side\nexport const useIsMounted = () => {\n const [isMounted, setIsMounted] = useState(false);\n useEffect(() => {\n setIsMounted(true);\n return () => {\n setIsMounted(false);\n };\n }, []);\n return isMounted;\n};\n"],"names":["useIsMounted","_useState","useState","_useState2","_slicedToArray","isMounted","setIsMounted","useEffect"],"mappings":"mIAGaA,EAAe,WAC1B,IAAAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAO9B,OANAI,GAAU,WAER,OADAD,GAAa,GACN,WACLA,GAAa,GAEhB,GAAE,IACID,CACT"}

package/dist/src/hooks/ssr/useIsomorphicLayoutEffect.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useLayoutEffect as r,useEffect as t}from"react";import{isClient as s}from"../../utils/ssr-utils.js";var o=s()?r:t;export{o as default};
2	+ //# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/src/hooks/ssr/useIsomorphicLayoutEffect.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../../../src/hooks/ssr/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\n// In server side rendering, useEffect is used instead of useLayoutEffect to avoid the console warnings\nconst useIsomorphicLayoutEffect = isClient() ? useLayoutEffect : useEffect;\n\nexport default useIsomorphicLayoutEffect;\n"],"names":["useIsomorphicLayoutEffect","isClient","useLayoutEffect","useEffect"],"mappings":"2GAIMA,IAAAA,EAA4BC,IAAaC,EAAkBC"}

package/dist/src/hooks/useClickOutside/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useCallback as e,useRef as t}from"react";import a from"../useEventListener/index.js";function n(n){var r=n.ref,c=n.callback,o=n.ignoreClasses,i=n.eventName,l=void 0===i?"click":i,s=e((function(e){r&&r.current&&!r.current.contains(e.target)&&(o&&e.target instanceof HTMLElement&&e.target.closest(o.join(","))||c(e))}),[r,c]),u=t(document.body);a({eventName:l,ref:u,callback:s,capture:!0}),a({eventName:"touchend",ref:u,callback:s,capture:!0})}export{n as default};
+import{useCallback as e,useRef as t}from"react";import r from"../useEventListener/index.js";import{isClient as n}from"../../utils/ssr-utils.js";function a(a){var c=a.ref,o=a.callback,s=a.ignoreClasses,i=a.eventName,l=void 0===i?"click":i,u=e((function(e){c&&c.current&&!c.current.contains(e.target)&&(s&&e.target instanceof HTMLElement&&e.target.closest(s.join(","))||o(e))}),[c,o,s]),m=t(n()?document.body:null);r({eventName:l,ref:m,callback:u,capture:!0}),r({eventName:"touchend",ref:m,callback:u,capture:!0})}export{a as default};
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/useClickOutside/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, RefObject } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\n\nexport default function useClickOutside({\n ref,\n callback,\n ignoreClasses,\n eventName = \"click\"\n}: {\n ref: RefObject<HTMLElement>;\n callback: GenericEventCallback;\n ignoreClasses?: string[];\n eventName?: keyof HTMLElementEventMap \| string;\n}) {\n const onClickOutsideListener = useCallback(\n (event: MouseEvent) => {\n if (!ref \|\| !ref.current \|\| ref.current.contains(event.target as Node)) {\n return;\n }\n\n const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n return;\n }\n\n callback(event);\n },\n\n [ref, callback]\n );\n\n const documentRef = useRef(document.body);\n\n useEventListener({\n eventName,\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n\n useEventListener({\n eventName: \"touchend\",\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n}\n"],"names":["useClickOutside","_ref","ref","callback","ignoreClasses","_ref$eventName","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","document","body","useEventListener","capture"],"mappings":"~~4FAIwB~~,SAAAA,EAAeC,GAUtC,IATCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,UAAAA,OAAY,IAAHD,EAAG,QAAOA,EAObE,EAAyBC,GAC7B,SAACC,GACMP,GAAQA,EAAIQ,UAAWR,EAAIQ,QAAQC,SAASF,EAAMG,UAI3BR,GAAiBK,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQV,EAAcW,KAAK,OAInEZ,EAASM,~~GACX~~,~~GAEA~~,CAACP,EAAKC,~~IAGFa~~,EAAcC,EAAOC,SAASC,~~MAEpCC~~,EAAiB,~~CACfd~~,UAAAA,EACAJ,IAAKc,EACLb,SAAUI,~~EACVc~~,SAAS,IAGXD,EAAiB,~~CACfd~~,UAAW,WACXJ,IAAKc,EACLb,SAAUI,~~EACVc~~,SAAS,GAEb"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, RefObject } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport default function useClickOutside({\n ref,\n callback,\n ignoreClasses,\n eventName = \"click\"\n}: {\n ref: RefObject<HTMLElement>;\n callback: GenericEventCallback;\n ignoreClasses?: string[];\n eventName?: keyof HTMLElementEventMap \| string;\n}) {\n const onClickOutsideListener = useCallback(\n (event: MouseEvent) => {\n if (!ref \|\| !ref.current \|\| ref.current.contains(event.target as Node)) {\n return;\n }\n\n const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n return;\n }\n\n callback(event);\n },\n\n [ref, callback, ignoreClasses]\n );\n\n const documentRef = useRef(isClient() ? document.body : null);\n\n useEventListener({\n eventName,\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n\n useEventListener({\n eventName: \"touchend\",\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n}\n"],"names":["useClickOutside","_ref","ref","callback","ignoreClasses","_ref$eventName","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","isClient","document","body","useEventListener","capture"],"mappings":"gJAKwB,SAAAA,EAAeC,GAUtC,IATCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,UAAAA,OAAY,IAAHD,EAAG,QAAOA,EAObE,EAAyBC,GAC7B,SAACC,GACMP,GAAQA,EAAIQ,UAAWR,EAAIQ,QAAQC,SAASF,EAAMG,UAI3BR,GAAiBK,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQV,EAAcW,KAAK,OAInEZ,EAASM,GACV,GAED,CAACP,EAAKC,EAAUC,IAGZY,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAExDC,EAAiB,CACff,UAAAA,EACAJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,IAGXD,EAAiB,CACff,UAAW,WACXJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,GAEb"}

package/dist/src/hooks/useKeyEvent/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as e,useCallback as t}from"react";import o from"../useEventListener/index.js";var r;!function(e){e.ALT="altKey",e.META="metaKey",e.CTRL="ctrlKey",e.SHIFT="shiftKey",e.CTRL_OR_META="ctrlOrMetaKey"}(r||(r={}));function i(n){var a=n.keys,c=void 0===a?[]:a,u=n.callback,f=n.modifier,l=n.withoutAnyModifier,d=n.ref,m=n.ignoreDocumentFallback,v=void 0!==m&&m,y=n.capture,s=void 0!==y&&y,p=n.preventDefault,K=void 0!==p&&p,T=n.stopPropagation,k=void 0!==T&&T,M=n.keyEventName,b=void 0===M?"keydown":M,A=e(document.body),E=t((function(e){c.includes(e.key)&&(f&&!function(e,t){return t===r.CTRL_OR_META?e.ctrlKey||e.metaKey:e[t]}(e,f)||l&&!function(e){return!Object.values(i.modifiers).some((function(t){if("ctrlOrMetaKey"!==t)return!!e[t]}))}(e)||(K&&e.preventDefault(),k&&e.stopPropagation(),u(e)))}),[c,f,l,K,k,u]);o({eventName:b,callback:E,ref:d||(v?null:A),capture:s})}i.modifiers=r;export{i as default};
+import{useRef as e,useCallback as t}from"react";import r from"../useEventListener/index.js";import{isClient as o}from"../../utils/ssr-utils.js";var i;!function(e){e.ALT="altKey",e.META="metaKey",e.CTRL="ctrlKey",e.SHIFT="shiftKey",e.CTRL_OR_META="ctrlOrMetaKey"}(i||(i={}));function n(a){var u=a.keys,c=void 0===u?[]:u,l=a.callback,f=a.modifier,s=a.withoutAnyModifier,d=a.ref,m=a.ignoreDocumentFallback,v=void 0!==m&&m,y=a.capture,p=void 0!==y&&y,K=a.preventDefault,T=void 0!==K&&K,k=a.stopPropagation,M=void 0!==k&&k,b=a.keyEventName,A=void 0===b?"keydown":b,E=e(o()?document.body:null),L=t((function(e){c.includes(e.key)&&(f&&!function(e,t){return t===i.CTRL_OR_META?e.ctrlKey||e.metaKey:e[t]}(e,f)||s&&!function(e){return!Object.values(n.modifiers).some((function(t){if("ctrlOrMetaKey"!==t)return!!e[t]}))}(e)||(T&&e.preventDefault(),M&&e.stopPropagation(),l(e)))}),[c,f,s,T,M,l]);r({eventName:A,callback:L,ref:d||(v?null:E),capture:p})}n.modifiers=i;export{n as default};
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/useKeyEvent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n ALT = \"altKey\",\n META = \"metaKey\",\n CTRL = \"ctrlKey\",\n SHIFT = \"shiftKey\",\n CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n if (modifier === Modifier.CTRL_OR_META) {\n return event.ctrlKey \|\| event.metaKey;\n }\n\n return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n if (m !== CTRL_OR_META) {\n return !!event[m];\n }\n });\n};\n\nexport interface UseKeyEventArgs {\n keys: KeyboardEvent[\"key\"][];\n // TODO: [breaking] change to keyboard event\n callback: GenericEventCallback;\n modifier?: Modifier;\n keyEventName?: string;\n withoutAnyModifier?: boolean;\n ref?: RefObject<HTMLElement \| Document>;\n ignoreDocumentFallback?: boolean;\n capture?: boolean;\n preventDefault?: boolean;\n stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n keys = [],\n callback,\n modifier,\n withoutAnyModifier,\n ref,\n ignoreDocumentFallback = false,\n capture = false,\n preventDefault = false,\n stopPropagation = false,\n keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n const documentRef = useRef(document.body);\n const onKeyUpPress = useCallback(\n (event: KeyboardEvent) => {\n const { key } = event;\n if (!keys.includes(key)) {\n return;\n }\n if (modifier && !checkModifierInEvent(event, modifier)) {\n return;\n }\n if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n return;\n }\n\n if (preventDefault) {\n event.preventDefault();\n }\n\n if (stopPropagation) {\n event.stopPropagation();\n }\n\n callback(event);\n },\n [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n );\n\n let listenerRef;\n\n if (ref) {\n listenerRef = ref;\n } else if (ignoreDocumentFallback) {\n listenerRef = null;\n } else {\n listenerRef = documentRef;\n }\n\n useEventListener({\n eventName: keyEventName,\n callback: onKeyUpPress,\n ref: listenerRef,\n capture\n });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"~~4FAIA~~,IAEKA,GAAL,SAAKA,GACHA,EAAA,IAAA,SACAA,EAAA,KAAA,UACAA,EAAA,KAAA,UACAA,EAAA,MAAA,WACAA,EAAA,aAAA,eACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA+Ba,SAAUC,EAAWC,GAWjB,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,SAASC,~~MAC9BC~~,EAAeC,GACnB,SAACC,~~GAEMrB~~,~~EAAKsB~~,SADMD,EAARE,~~OAIJrB~~,IAhDmB,~~SAACmB~~,~~EAAsBnB~~,GAClD,OAAIA,IAAaN,~~EAAS4B~~,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,~~EAAMnB~~,EACf,~~CA0CuByB~~,CAAqBN,~~EAAOnB~~,IAGzCC,IA5C0B,~~SAACkB~~,GACnC,OAAQO,OAAOC,~~OAAOhC~~,~~EAAYiC~~,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAsCiCC,CAA4BZ,~~KAInDX~~,~~GACFW~~,~~EAAMX~~,iBAGJE,~~GACFS~~,~~EAAMT~~,kBAGRX,~~EAASoB~~,IACX,GACA,~~CAACrB~~,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,~~IAaxEiC~~,EAAiB,CACfC,~~UAAWrB~~,EACXb,~~SAAUkB~~,~~EACVf~~,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,~~EAAYiC~~,~~UAAYlC~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n ALT = \"altKey\",\n META = \"metaKey\",\n CTRL = \"ctrlKey\",\n SHIFT = \"shiftKey\",\n CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n if (modifier === Modifier.CTRL_OR_META) {\n return event.ctrlKey \|\| event.metaKey;\n }\n\n return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n if (m !== CTRL_OR_META) {\n return !!event[m];\n }\n });\n};\n\nexport interface UseKeyEventArgs {\n keys: KeyboardEvent[\"key\"][];\n // TODO: [breaking] change to keyboard event\n callback: GenericEventCallback;\n modifier?: Modifier;\n keyEventName?: string;\n withoutAnyModifier?: boolean;\n ref?: RefObject<HTMLElement \| Document>;\n ignoreDocumentFallback?: boolean;\n capture?: boolean;\n preventDefault?: boolean;\n stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n keys = [],\n callback,\n modifier,\n withoutAnyModifier,\n ref,\n ignoreDocumentFallback = false,\n capture = false,\n preventDefault = false,\n stopPropagation = false,\n keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n const documentRef = useRef(isClient() ? document.body : null);\n const onKeyUpPress = useCallback(\n (event: KeyboardEvent) => {\n const { key } = event;\n if (!keys.includes(key)) {\n return;\n }\n if (modifier && !checkModifierInEvent(event, modifier)) {\n return;\n }\n if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n return;\n }\n\n if (preventDefault) {\n event.preventDefault();\n }\n\n if (stopPropagation) {\n event.stopPropagation();\n }\n\n callback(event);\n },\n [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n );\n\n let listenerRef;\n\n if (ref) {\n listenerRef = ref;\n } else if (ignoreDocumentFallback) {\n listenerRef = null;\n } else {\n listenerRef = documentRef;\n }\n\n useEventListener({\n eventName: keyEventName,\n callback: onKeyUpPress,\n ref: listenerRef,\n capture\n });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","isClient","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"gJAKA,IAEKA,GAAL,SAAKA,GACHA,EAAA,IAAA,SACAA,EAAA,KAAA,UACAA,EAAA,KAAA,UACAA,EAAA,MAAA,WACAA,EAAA,aAAA,eACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA+Ba,SAAUC,EAAWC,GAWjB,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAClDC,EAAeC,GACnB,SAACC,GAEMtB,EAAKuB,SADMD,EAARE,OAIJtB,IAhDmB,SAACoB,EAAsBpB,GAClD,OAAIA,IAAaN,EAAS6B,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,EAAMpB,EACf,CA0CuB0B,CAAqBN,EAAOpB,IAGzCC,IA5C0B,SAACmB,GACnC,OAAQO,OAAOC,OAAOjC,EAAYkC,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAsCiCC,CAA4BZ,KAInDZ,GACFY,EAAMZ,iBAGJE,GACFU,EAAMV,kBAGRX,EAASqB,IACX,GACA,CAACtB,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,IAaxEkC,EAAiB,CACfC,UAAWtB,EACXb,SAAUmB,EACVhB,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,EAAYkC,UAAYnC"}

package/dist/src/hooks/useMediaQuery/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useState as a,useLayoutEffect as e}from"react";function o(o){var i=t((function(){return Array.isArray(o)?o:[o]}),[o]),u=a(i.map((function(r){return!!window.matchMedia(r).matches}))),c=r(u,2),f=c[0],m=c[1];return e((function(){var t=i.map((function(r){return window.matchMedia(r)})),a=t.map((function(r,t){var a=function(r){m((function(a){var e=n(a);return e[t]=r.matches,e}))};return r.addEventListener("change",a),[r,a]}));return function(){a.forEach((function(n){var t=r(n,2);t[0].removeEventListener("change",t[1])}))}}),[i,m]),f}export{o as default,o as useMediaQuery};
+import{slicedToArray as r,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useState as a}from"react";import e from"../ssr/useIsomorphicLayoutEffect.js";function o(o){var i=t((function(){return Array.isArray(o)?o:[o]}),[o]),u=a(i.map((function(r){return!!window.matchMedia(r).matches}))),c=r(u,2),f=c[0],s=c[1];return e((function(){var t=i.map((function(r){return window.matchMedia(r)})),a=t.map((function(r,t){var a=function(r){s((function(a){var e=n(a);return e[t]=r.matches,e}))};return r.addEventListener("change",a),[r,a]}));return function(){a.forEach((function(n){var t=r(n,2);t[0].removeEventListener("change",t[1])}))}}),[i,s]),f}export{o as default,o as useMediaQuery};
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/useMediaQuery/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useMediaQuery/index.ts"],"sourcesContent":["import { ~~useLayoutEffect,~~ useState, useMemo } from \"react\";\n\nexport function useMediaQuery(query: string \| string[]) {\n const queries = useMemo(() => {\n return Array.isArray(query) ? query : [query];\n }, [query]);\n\n const [matches, setMatches] = useState(queries.map(query => !!window.matchMedia(query).matches));\n\n ~~useLayoutEffect~~(() => {\n const mediaQueryList = queries.map(query => window.matchMedia(query));\n const updated: [MediaQueryList, (event: MediaQueryListEvent) => void][] = mediaQueryList.map((query, index) => {\n // we save the callback function so when we unmount we could remove the listener\n const callback = (event: MediaQueryListEvent) => {\n setMatches(prevState => {\n const newQueries = [...prevState];\n newQueries[index] = event.matches;\n return newQueries;\n });\n };\n query.addEventListener(\"change\", callback);\n return [query, callback];\n });\n return () => {\n updated.forEach(([query, callback]) => {\n query.removeEventListener(\"change\", callback);\n });\n };\n }, [queries, setMatches]);\n return matches;\n}\nexport default useMediaQuery;\n"],"names":["useMediaQuery","query","queries","useMemo","Array","isArray","_useState","useState","map","window","matchMedia","matches","_useState2","_slicedToArray","setMatches","~~useLayoutEffect~~","mediaQueryList","updated","index","callback","event","prevState","newQueries","_toConsumableArray","addEventListener","forEach","_ref","_ref2","removeEventListener"],"mappings":"~~yKAEM~~,SAAUA,EAAcC,GAC5B,IAAMC,EAAUC,GAAQ,WACtB,OAAOC,MAAMC,QAAQJ,GAASA,EAAQ,CAACA,EACzC,GAAG,CAACA,IAEJK,EAA8BC,EAASL,EAAQM,KAAI,SAAAP,GAAK,QAAMQ,OAAOC,WAAWT,GAAOU,OAAO,KAAEC,EAAAC,EAAAP,EAAA,GAAzFK,EAAOC,EAAA,GAAEE,EAAUF,EAAA,GAsB1B,OApBAG,~~GAAgB~~,~~WACd~~,IAAMC,EAAiBd,EAAQM,KAAI,SAAAP,GAAK,OAAIQ,OAAOC,WAAWT,MACxDgB,EAAoED,EAAeR,KAAI,SAACP,EAAOiB,GAEnG,IAAMC,EAAW,SAACC,GAChBN,GAAW,SAAAO,GACT,IAAMC,EAAUC,EAAOF,GAEvB,OADAC,EAAWJ,GAASE,EAAMT,QACnBW,CACT,KAGF,OADArB,EAAMuB,iBAAiB,SAAUL,GAC1B,CAAClB,EAAOkB,EACjB,IACA,OAAO,WACLF,EAAQQ,SAAQ,SAAAC,GAAsB,IAAAC,EAAAd,EAAAa,EAAA,GAAfC,EAAA,GACfC,oBAAoB,SADKD,EAAA,GAEjC,IAEJ,GAAG,CAACzB,EAASY,IACNH,CACT"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useMediaQuery/index.ts"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\nexport function useMediaQuery(query: string \| string[]) {\n const queries = useMemo(() => {\n return Array.isArray(query) ? query : [query];\n }, [query]);\n\n const [matches, setMatches] = useState(queries.map(query => !!window.matchMedia(query).matches));\n\n useIsomorphicLayoutEffect(() => {\n const mediaQueryList = queries.map(query => window.matchMedia(query));\n const updated: [MediaQueryList, (event: MediaQueryListEvent) => void][] = mediaQueryList.map((query, index) => {\n // we save the callback function so when we unmount we could remove the listener\n const callback = (event: MediaQueryListEvent) => {\n setMatches(prevState => {\n const newQueries = [...prevState];\n newQueries[index] = event.matches;\n return newQueries;\n });\n };\n query.addEventListener(\"change\", callback);\n return [query, callback];\n });\n return () => {\n updated.forEach(([query, callback]) => {\n query.removeEventListener(\"change\", callback);\n });\n };\n }, [queries, setMatches]);\n return matches;\n}\nexport default useMediaQuery;\n"],"names":["useMediaQuery","query","queries","useMemo","Array","isArray","_useState","useState","map","window","matchMedia","matches","_useState2","_slicedToArray","setMatches","useIsomorphicLayoutEffect","mediaQueryList","updated","index","callback","event","prevState","newQueries","_toConsumableArray","addEventListener","forEach","_ref","_ref2","removeEventListener"],"mappings":"uMAGM,SAAUA,EAAcC,GAC5B,IAAMC,EAAUC,GAAQ,WACtB,OAAOC,MAAMC,QAAQJ,GAASA,EAAQ,CAACA,EACzC,GAAG,CAACA,IAEJK,EAA8BC,EAASL,EAAQM,KAAI,SAAAP,GAAK,QAAMQ,OAAOC,WAAWT,GAAOU,OAAO,KAAEC,EAAAC,EAAAP,EAAA,GAAzFK,EAAOC,EAAA,GAAEE,EAAUF,EAAA,GAsB1B,OApBAG,GAA0B,WACxB,IAAMC,EAAiBd,EAAQM,KAAI,SAAAP,GAAK,OAAIQ,OAAOC,WAAWT,MACxDgB,EAAoED,EAAeR,KAAI,SAACP,EAAOiB,GAEnG,IAAMC,EAAW,SAACC,GAChBN,GAAW,SAAAO,GACT,IAAMC,EAAUC,EAAOF,GAEvB,OADAC,EAAWJ,GAASE,EAAMT,QACnBW,CACT,KAGF,OADArB,EAAMuB,iBAAiB,SAAUL,GAC1B,CAAClB,EAAOkB,EACjB,IACA,OAAO,WACLF,EAAQQ,SAAQ,SAAAC,GAAsB,IAAAC,EAAAd,EAAAa,EAAA,GAAfC,EAAA,GACfC,oBAAoB,SADKD,EAAA,GAEjC,IAEJ,GAAG,CAACzB,EAASY,IACNH,CACT"}

package/dist/src/hooks/useMergeRef.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as r,useLayoutEffect as n}from"react";function t(){for(var t=arguments.length,o=Array(t),u=0;t>u;u++)o[u]=arguments[u];var c=r(null);return n((function(){o.forEach((function(r){r&&("function"==typeof r?r(c.current):r.current=c.current)}))}),[o]),c}export{t as default};
+import{useRef as r}from"react";import t from"./ssr/useIsomorphicLayoutEffect.js";function o(){for(var o=arguments.length,n=Array(o),f=0;o>f;f++)n[f]=arguments[f];var u=r(null);return t((function(){n.forEach((function(r){r&&("function"==typeof r?r(u.current):r.current=u.current)}))}),[n]),u}export{o as default};
 //# sourceMappingURL=useMergeRef.js.map