@vibe/core 3.2.1-alpha-c7209.0 → 3.3.0

package/dist/components/ModalNew/Modal/Modal.types.d.ts

@@ -12,5 +12,7 @@ export interface ModalProps extends VibeComponentProps {
     onClose?: (event: ModalCloseEvent) => void;
     renderHeaderAction?: ModalTopActionsProps["renderAction"];
     anchorElementRef?: React.RefObject<HTMLElement>;
+    alertModal?: boolean;
     children: React.ReactNode;
+    style?: React.CSSProperties;
 }

package/dist/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.types.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from "../../../Button";
 import React from "react";
 import { VibeComponentProps } from "../../../../types";
-export interface ModalFooterActionProps extends Omit<ButtonProps, "children" | "kind"> {
+export interface ModalFooterActionProps extends Omit<ButtonProps, "children" | "kind" | "size"> {
     text: string;
 }
 export interface ModalFooterBaseProps extends VibeComponentProps {

package/dist/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.d.ts

@@ -4,7 +4,7 @@ import { ModalFooterBaseProps } from "../ModalFooterBase/ModalFooterBase.types";
 export interface ModalFooterWizardProps extends Required<Pick<ModalFooterBaseProps, "primaryButton" | "secondaryButton">>, VibeComponentProps {
     stepCount: number;
     activeStep: number;
-    onDotClick: (e: React.MouseEvent, stepIndex: number) => void;
+    onStepClick: (stepIndex: number) => void;
 }
 declare const ModalFooterWizard: React.ForwardRefExoticComponent<ModalFooterWizardProps & React.RefAttributes<HTMLDivElement>>;
 export default ModalFooterWizard;

package/dist/components/ModalNew/layouts/ModalFooterShadow.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
-declare const ModalFooterShadow: () => React.JSX.Element;
+import { ModalFooterShadowProps } from "./ModalFooterShadow.types";
+declare const ModalFooterShadow: ({ show }: ModalFooterShadowProps) => React.JSX.Element;
 export default ModalFooterShadow;

package/dist/components/ModalNew/layouts/ModalFooterShadow.types.d.ts

@@ -0,0 +1,3 @@
+export interface ModalFooterShadowProps {
+    show: boolean;
+}

package/dist/components/Typography/Typography.types.d.ts

@@ -1,2 +1,2 @@
 export type TypographyColor = "primary" | "secondary" | "onPrimary" | "onInverted" | "fixedLight" | "fixedDark" | "inherit";
-export type TypographyAlign = "start" | "center" | "end";
+export type TypographyAlign = "start" | "center" | "end" | "inherit";

package/dist/components/Typography/TypographyConstants.d.ts

@@ -16,5 +16,6 @@ export declare enum TypographyColor {
 export declare enum TypographyAlign {
     START = "start",
     CENTER = "center",
-    END = "end"
+    END = "end",
+    INHERIT = "inherit"
 }

package/dist/mocked_classnames/components/ModalNew/Modal/Modal.types.d.ts

@@ -12,5 +12,7 @@ export interface ModalProps extends VibeComponentProps {
     onClose?: (event: ModalCloseEvent) => void;
     renderHeaderAction?: ModalTopActionsProps["renderAction"];
     anchorElementRef?: React.RefObject<HTMLElement>;
+    alertModal?: boolean;
     children: React.ReactNode;
+    style?: React.CSSProperties;
 }

package/dist/mocked_classnames/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.types.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from "../../../Button";
 import React from "react";
 import { VibeComponentProps } from "../../../../types";
-export interface ModalFooterActionProps extends Omit<ButtonProps, "children" | "kind"> {
+export interface ModalFooterActionProps extends Omit<ButtonProps, "children" | "kind" | "size"> {
     text: string;
 }
 export interface ModalFooterBaseProps extends VibeComponentProps {

package/dist/mocked_classnames/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.d.ts

@@ -4,7 +4,7 @@ import { ModalFooterBaseProps } from "../ModalFooterBase/ModalFooterBase.types";
 export interface ModalFooterWizardProps extends Required<Pick<ModalFooterBaseProps, "primaryButton" | "secondaryButton">>, VibeComponentProps {
     stepCount: number;
     activeStep: number;
-    onDotClick: (e: React.MouseEvent, stepIndex: number) => void;
+    onStepClick: (stepIndex: number) => void;
 }
 declare const ModalFooterWizard: React.ForwardRefExoticComponent<ModalFooterWizardProps & React.RefAttributes<HTMLDivElement>>;
 export default ModalFooterWizard;

package/dist/mocked_classnames/components/ModalNew/layouts/ModalFooterShadow.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
-declare const ModalFooterShadow: () => React.JSX.Element;
+import { ModalFooterShadowProps } from "./ModalFooterShadow.types";
+declare const ModalFooterShadow: ({ show }: ModalFooterShadowProps) => React.JSX.Element;
 export default ModalFooterShadow;

package/dist/mocked_classnames/components/ModalNew/layouts/ModalFooterShadow.types.d.ts

@@ -0,0 +1,3 @@
+export interface ModalFooterShadowProps {
+    show: boolean;
+}

package/dist/mocked_classnames/components/Typography/Typography.types.d.ts

@@ -1,2 +1,2 @@
 export type TypographyColor = "primary" | "secondary" | "onPrimary" | "onInverted" | "fixedLight" | "fixedDark" | "inherit";
-export type TypographyAlign = "start" | "center" | "end";
+export type TypographyAlign = "start" | "center" | "end" | "inherit";

package/dist/mocked_classnames/components/Typography/TypographyConstants.d.ts

@@ -16,5 +16,6 @@ export declare enum TypographyColor {
 export declare enum TypographyAlign {
     START = "start",
     CENTER = "center",
-    END = "end"
+    END = "end",
+    INHERIT = "inherit"
 }

package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as o,useCallback as n,useEffect as i}from"react";import l from"../TableBody/TableBody.js";import s from"./TableVirtualizedBody.module.scss.js";import{FixedSizeList as a}from"react-window";import{useTable as c}from"../context/TableContext/TableContext.js";import m from"classnames";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../../tests/constants.js";import{RowHeights as f}from"../Table/TableConsts.js";import p from"react-virtualized-auto-sizer";import{useTableRowMenu as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";var b=o((function(b,h){var T=b.items,g=b.rowRenderer,j=b.onScroll,w=b.columns,y=b.headerRenderer,E=b.id,R=b.className,x=b["data-testid"],z=c(),B=z.size,C=z.virtualizedListRef,L=z.onVirtualizedListScroll,_=z.markTableAsVirtualized,O=v().resetHoveredRow,S=!!w&&!!y,V=n((function(e){var t=e.target;O(),L({target:t,currentTarget:t})}),[O,L]);i((function(){var e=C.current;if(e)return e.addEventListener("scroll",V),function(){e.removeEventListener("scroll",V)}}),[V,C]);var A=n((function(e){S||null==j||j(e.scrollDirection,e.scrollOffset,e.scrollUpdateWasRequested)}),[j,S]),D=n((function(e){var o,n=e.index,i=e.style,l=t(i,["width"]);if(S&&0===n)return null;var s=g(T[S?n-1:n]);return r.cloneElement(s,{style:Object.assign(Object.assign({},l),null===(o=s.props)||void 0===o?void 0:o.style),key:n})}),[T,g,S]);return i((function(){S||_()}),[_,S]),r.createElement(l,{className:m(s.tableBody,e({},s.withHeader,S),R),id:E,"data-testid":x||u(d.TABLE_VIRTUALIZED_BODY,E),ref:h},(null==T?void 0:T.length)&&r.createElement(p,null,(function(e){return r.createElement(a,{itemSize:f[B],height:e.height,itemCount:S?T.length+1:T.length,width:e.width,onScroll:A,outerRef:function(e){C.current=e},innerElementType:S?o((function(e,o){var n=e.children,i=t(e,["children"]);return r.createElement("div",Object.assign({ref:o},i),y(w),n)})):void 0},D)})))}));export{b as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as n,useCallback as o,useEffect as i,useMemo as l}from"react";import s from"../TableBody/TableBody.js";import a from"./TableVirtualizedBody.module.scss.js";import{FixedSizeList as c}from"react-window";import{useTable as u}from"../context/TableContext/TableContext.js";import m from"classnames";import{getTestId as d}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{RowHeights as v}from"../Table/TableConsts.js";import p from"react-virtualized-auto-sizer";import{useTableRowMenu as b}from"../context/TableRowMenuContext/TableRowMenuContext.js";var h=n((function(h,T){var g=h.items,j=h.rowRenderer,w=h.onScroll,y=h.columns,E=h.headerRenderer,R=h.id,x=h.className,z=h["data-testid"],B=u(),C=B.size,L=B.virtualizedListRef,_=B.onVirtualizedListScroll,O=B.markTableAsVirtualized,S=b().resetHoveredRow,V=!!y&&!!E,A=o((function(e){var t=e.target;S(),_({target:t,currentTarget:t})}),[S,_]);i((function(){var e=L.current;if(e)return e.addEventListener("scroll",A),function(){e.removeEventListener("scroll",A)}}),[A,L]);var D=o((function(e){V||null==w||w(e.scrollDirection,e.scrollOffset,e.scrollUpdateWasRequested)}),[w,V]),H=o((function(e){var n,o=e.index,i=e.style,l=t(i,["width"]);if(V&&0===o)return null;var s=j(g[V?o-1:o]);return r.cloneElement(s,{style:Object.assign(Object.assign({},l),null===(n=s.props)||void 0===n?void 0:n.style),key:o})}),[g,j,V]);i((function(){V||O()}),[O,V]);var I=l((function(){return V?n((function(e,n){var o=e.children,i=t(e,["children"]);return r.createElement("div",Object.assign({ref:n},i),E(y),o)})):void 0}),[V,E,y]);return r.createElement(s,{className:m(a.tableBody,e({},a.withHeader,V),x),id:R,"data-testid":z||d(f.TABLE_VIRTUALIZED_BODY,R),ref:T},(null==g?void 0:g.length)&&r.createElement(p,null,(function(e){return r.createElement(c,{itemSize:v[C],height:e.height,itemCount:V?g.length+1:g.length,width:e.width,onScroll:D,outerRef:function(e){L.current=e},innerElementType:I},H)})))}));export{h as default};
 //# sourceMappingURL=TableVirtualizedBody.js.map

package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { TableColumn } from \"../Table/Table\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n  extends VibeComponentProps {\n  items: T[];\n  rowRenderer: (item: T) => JSX.Element;\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  columns?: TableColumn[];\n  headerRenderer?: (columns: TableColumn[]) => JSX.Element;\n}\n\nconst TableVirtualizedBody = forwardRef(\n  <T extends TableVirtualizedRow = TableVirtualizedRow>(\n    {\n      items,\n      rowRenderer,\n      onScroll,\n      columns,\n      headerRenderer,\n      id,\n      className,\n      \"data-testid\": dataTestId\n    }: TableVirtualizedBodyProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n    const { resetHoveredRow } = useTableRowMenu();\n    const virtualizedWithHeader = !!columns && !!headerRenderer;\n\n    const handleOuterScroll = useCallback(\n      (e: Event) => {\n        const target = e.target as HTMLDivElement;\n        resetHoveredRow();\n        onVirtualizedListScroll({\n          target,\n          currentTarget: target\n        } as unknown as React.UIEvent<HTMLDivElement>);\n      },\n      [resetHoveredRow, onVirtualizedListScroll]\n    );\n\n    useEffect(() => {\n      const scrollElement = virtualizedListRef.current;\n      if (!scrollElement) return;\n\n      scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n      };\n    }, [handleOuterScroll, virtualizedListRef]);\n\n    const handleVirtualizedVerticalScroll = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        if (virtualizedWithHeader) return;\n        onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, virtualizedWithHeader]\n    );\n\n    const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n      ({ index, style: { width: _width, ...style } }) => {\n        if (virtualizedWithHeader && index === 0) {\n          return null; //placeholder for virtualized with header\n        }\n        const currentIndex = virtualizedWithHeader ? index - 1 : index;\n        const currentItem = items[currentIndex];\n        const element = rowRenderer(currentItem);\n\n        return React.cloneElement(element, {\n          style: { ...style, ...element.props?.style },\n          key: index\n        });\n      },\n      [items, rowRenderer, virtualizedWithHeader]\n    );\n\n    useEffect(() => {\n      if (!virtualizedWithHeader) markTableAsVirtualized();\n    }, [markTableAsVirtualized, virtualizedWithHeader]);\n\n    return (\n      <TableBody\n        className={cx(\n          styles.tableBody,\n          {\n            [styles.withHeader]: virtualizedWithHeader\n          },\n          className\n        )}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        ref={ref}\n      >\n        {items?.length && (\n          <AutoSizer>\n            {({ height, width }: AutoSizerSize) => (\n              <List\n                itemSize={RowHeights[size]}\n                height={height}\n                itemCount={virtualizedWithHeader ? items.length + 1 : items.length}\n                width={width}\n                onScroll={handleVirtualizedVerticalScroll}\n                outerRef={element => {\n                  virtualizedListRef.current = element;\n                }}\n                innerElementType={\n                  virtualizedWithHeader\n                    ? forwardRef(({ children, ...rest }, ref) => (\n                        <div ref={ref} {...rest}>\n                          {headerRenderer(columns)}\n                          {children}\n                        </div>\n                      ))\n                    : undefined\n                }\n              >\n                {itemRenderer}\n              </List>\n            )}\n          </AutoSizer>\n        )}\n      </TableBody>\n    );\n  }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","columns","headerRenderer","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","virtualizedWithHeader","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","createElement","TableBody","cx","styles","tableBody","_defineProperty","withHeader","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef","innerElementType","children","rest","undefined"],"mappings":"6uBAyBMA,IAAAA,EAAuBC,GAC3B,SAAAC,EAWEC,GACE,IAVAC,EAAKF,EAALE,MACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAEP,EAAFO,GACAC,EAASR,EAATQ,UACeC,EAAUT,EAAzB,eAIFU,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,gBACFE,IAA0Bb,KAAaC,EAEvCa,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBN,IACAF,EAAwB,CACtBQ,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACN,EAAiBF,IAGpBU,GAAU,WACR,IAAMC,EAAgBZ,EAAmBa,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,EAAmBN,IAEvB,IAAMgB,EAAkCT,GACtC,SAAAU,GASMZ,GACJd,SAAAA,EATe0B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAAC7B,EAAUc,IAGPgB,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WACf,GAAInB,GAAmC,IAAVkB,EAC3B,OAAO,KAET,IAEMI,EAAUrC,EADID,EADCgB,EAAwBkB,EAAQ,EAAIA,IAIzD,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,GAER,GACD,CAAClC,EAAOC,EAAae,IAOvB,OAJAM,GAAU,WACHN,GAAuBH,GAC9B,GAAG,CAACA,EAAwBG,IAG1BuB,EAACO,cAAAC,EACC,CAAAzC,UAAW0C,EACTC,EAAOC,UAASC,EAEbF,GAAAA,EAAOG,WAAapC,GAEvBV,GAEFD,GAAIA,gBACSE,GAAc8C,EAAUC,EAAuBC,uBAAwBlD,GACpFN,IAAKA,IAEJC,eAAAA,EAAOwD,SACNjB,gBAACkB,EAAS,MACP,SAAAC,GAAgB,OACfnB,EAAAO,cAACa,EACC,CAAAC,SAAUC,EAAWnD,GACrBoD,OAHMJ,EAANI,OAIAC,UAAW/C,EAAwBhB,EAAMwD,OAAS,EAAIxD,EAAMwD,OAC5DQ,MALaN,EAALM,MAMR9D,SAAUyB,EACVsC,SAAU,SAAA3B,GACR3B,EAAmBa,QAAUc,CAC9B,EACD4B,iBACElD,EACInB,GAAW,SAACoC,EAAuBlC,GAAvB,IAAEoE,EAAmBlC,EAAnBkC,SAAaC,EAAI/B,EAAAJ,EAAnB,cAA+B,OACzCM,EAAKO,cAAA,MAAAL,OAAAC,OAAA,CAAA3C,IAAKA,GAASqE,GAChBhE,EAAeD,GACfgE,EAEJ,SACDE,GAGLrC,EAEJ,IAKX"}
+{"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { TableColumn } from \"../Table/Table\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n  extends VibeComponentProps {\n  items: T[];\n  rowRenderer: (item: T) => JSX.Element;\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  columns?: TableColumn[];\n  headerRenderer?: (columns: TableColumn[]) => JSX.Element;\n}\n\nconst TableVirtualizedBody = forwardRef(\n  <T extends TableVirtualizedRow = TableVirtualizedRow>(\n    {\n      items,\n      rowRenderer,\n      onScroll,\n      columns,\n      headerRenderer,\n      id,\n      className,\n      \"data-testid\": dataTestId\n    }: TableVirtualizedBodyProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n    const { resetHoveredRow } = useTableRowMenu();\n    const virtualizedWithHeader = !!columns && !!headerRenderer;\n\n    const handleOuterScroll = useCallback(\n      (e: Event) => {\n        const target = e.target as HTMLDivElement;\n        resetHoveredRow();\n        onVirtualizedListScroll({\n          target,\n          currentTarget: target\n        } as unknown as React.UIEvent<HTMLDivElement>);\n      },\n      [resetHoveredRow, onVirtualizedListScroll]\n    );\n\n    useEffect(() => {\n      const scrollElement = virtualizedListRef.current;\n      if (!scrollElement) return;\n\n      scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n      };\n    }, [handleOuterScroll, virtualizedListRef]);\n\n    const handleVirtualizedVerticalScroll = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        if (virtualizedWithHeader) return;\n        onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, virtualizedWithHeader]\n    );\n\n    const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n      ({ index, style: { width: _width, ...style } }) => {\n        if (virtualizedWithHeader && index === 0) {\n          return null; //placeholder for virtualized with header\n        }\n        const currentIndex = virtualizedWithHeader ? index - 1 : index;\n        const currentItem = items[currentIndex];\n        const element = rowRenderer(currentItem);\n\n        return React.cloneElement(element, {\n          style: { ...style, ...element.props?.style },\n          key: index\n        });\n      },\n      [items, rowRenderer, virtualizedWithHeader]\n    );\n\n    useEffect(() => {\n      if (!virtualizedWithHeader) markTableAsVirtualized();\n    }, [markTableAsVirtualized, virtualizedWithHeader]);\n\n    const memoizedInnerElementType = useMemo(\n      () =>\n        virtualizedWithHeader\n          ? forwardRef(({ children, ...rest }: any, ref: React.Ref<HTMLDivElement>) => (\n              <div ref={ref} {...rest}>\n                {headerRenderer!(columns!)}\n                {children}\n              </div>\n            ))\n          : undefined,\n      [virtualizedWithHeader, headerRenderer, columns]\n    );\n\n    return (\n      <TableBody\n        className={cx(\n          styles.tableBody,\n          {\n            [styles.withHeader]: virtualizedWithHeader\n          },\n          className\n        )}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        ref={ref}\n      >\n        {items?.length && (\n          <AutoSizer>\n            {({ height, width }: AutoSizerSize) => (\n              <List\n                itemSize={RowHeights[size]}\n                height={height}\n                itemCount={virtualizedWithHeader ? items.length + 1 : items.length}\n                width={width}\n                onScroll={handleVirtualizedVerticalScroll}\n                outerRef={element => {\n                  virtualizedListRef.current = element;\n                }}\n                innerElementType={memoizedInnerElementType}\n              >\n                {itemRenderer}\n              </List>\n            )}\n          </AutoSizer>\n        )}\n      </TableBody>\n    );\n  }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","columns","headerRenderer","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","virtualizedWithHeader","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","memoizedInnerElementType","useMemo","children","rest","createElement","undefined","TableBody","cx","styles","tableBody","_defineProperty","withHeader","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef","innerElementType"],"mappings":"0vBAyBMA,IAAAA,EAAuBC,GAC3B,SAAAC,EAWEC,GACE,IAVAC,EAAKF,EAALE,MACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAEP,EAAFO,GACAC,EAASR,EAATQ,UACeC,EAAUT,EAAzB,eAIFU,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,gBACFE,IAA0Bb,KAAaC,EAEvCa,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBN,IACAF,EAAwB,CACtBQ,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACN,EAAiBF,IAGpBU,GAAU,WACR,IAAMC,EAAgBZ,EAAmBa,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,EAAmBN,IAEvB,IAAMgB,EAAkCT,GACtC,SAAAU,GASMZ,GACJd,SAAAA,EATe0B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAAC7B,EAAUc,IAGPgB,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WACf,GAAInB,GAAmC,IAAVkB,EAC3B,OAAO,KAET,IAEMI,EAAUrC,EADID,EADCgB,EAAwBkB,EAAQ,EAAIA,IAIzD,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,GAER,GACD,CAAClC,EAAOC,EAAae,IAGvBM,GAAU,WACHN,GAAuBH,GAC9B,GAAG,CAACA,EAAwBG,IAE5B,IAAM8B,EAA2BC,GAC/B,WAAA,OACE/B,EACInB,GAAW,SAACoC,EAA4BlC,GAA5B,IAAEiD,EAAwBf,EAAxBe,SAAaC,EAAIZ,EAAAJ,EAAnB,cAA+D,OACzEM,EAAKW,cAAA,MAAAT,OAAAC,OAAA,CAAA3C,IAAKA,GAASkD,GAChB7C,EAAgBD,GAChB6C,EAEJ,SACDG,CAAS,GACf,CAACnC,EAAuBZ,EAAgBD,IAG1C,OACEoC,EAACW,cAAAE,EACC,CAAA9C,UAAW+C,EACTC,EAAOC,UAASC,EAEbF,GAAAA,EAAOG,WAAazC,GAEvBV,GAEFD,GAAIA,gBACSE,GAAcmD,EAAUC,EAAuBC,uBAAwBvD,GACpFN,IAAKA,IAEJC,eAAAA,EAAO6D,SACNtB,gBAACuB,EAAS,MACP,SAAAC,GAAgB,OACfxB,EAAAW,cAACc,EACC,CAAAC,SAAUC,EAAWxD,GACrByD,OAHMJ,EAANI,OAIAC,UAAWpD,EAAwBhB,EAAM6D,OAAS,EAAI7D,EAAM6D,OAC5DQ,MALaN,EAALM,MAMRnE,SAAUyB,EACV2C,SAAU,SAAAhC,GACR3B,EAAmBa,QAAUc,CAC9B,EACDiC,iBAAkBzB,GAEjBd,EAEJ,IAKX"}

package/dist/mocked_classnames/src/components/Typography/Typography.js

@@ -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 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};
+import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as i}from"react";import r 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 h=s((function(s,h){var v=s.className,y=s.id,g=s.children,j=s.tooltipProps,u=s["data-testid"],T=void 0===u?a(m.TEXT,y):u,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,I=s.ellipsis,L=void 0===I||I,O=s.maxLines,P=void 0===O?1:O,_=s.withoutTooltip,C=void 0!==_&&_,H=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=i(null),q=l(h,X),z=1===P,A=p(L,P),B=A.class,D=A.style,F=n(X,C,L,j,g,z,R),G="inherit"===k?"alignInherit":k;return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:y,style:D,"data-testid":T,className:r(f.typography,f[E],f[G],B,v),ref:q,role:H},M),g))}));export{h as default};
 //# sourceMappingURL=Typography.js.map

package/dist/mocked_classnames/src/components/Typography/Typography.js.map

@@ -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 { 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"}
+{"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    const overrideAlign = align === \"inherit\" ? \"alignInherit\" : align;\n\n    return (\n      <Tooltip {...overrideTooltipProps}>\n        {React.createElement(\n          element,\n          {\n            id,\n            style: ellipsisStyle,\n            \"data-testid\": dataTestId,\n            className: cx(styles.typography, styles[color], styles[overrideAlign], ellipsisClass, className),\n            ref: mergedRef,\n            role,\n            ...htmlAttributes\n          },\n          children\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","overrideAlign","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"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,GAGIgB,EAA0B,YAAV1B,EAAsB,eAAiBA,EAE7D,OACE2B,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAP,GACVG,EAAMC,cACLhC,EAEEkC,OAAAC,OAAA,CAAA5C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW8C,EAAGC,EAAOC,WAAYD,EAAOnC,GAAQmC,EAAOP,GAAgBN,EAAelC,GACtFD,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}

package/dist/mocked_classnames/src/components/Typography/Typography.module.scss.js

@@ -1,2 +1,2 @@
-var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){const e="s_id-911fb9952597_3_2_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".typography > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography > a:focus-visible, .typography > a.focus-visible {\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 > a:focus:not(.focus-visible) {\n  outline: none;\n}\n.typography > a:hover {\n  text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary {\n  color: var(--primary-text-color);\n}\n.secondary {\n  color: var(--secondary-text-color);\n}\n.onPrimary {\n  color: var(--text-color-on-primary);\n}\n.onPrimary a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted {\n  color: var(--text-color-on-inverted);\n}\n.onInverted a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight {\n  color: var(--fixed-light-color);\n}\n.fixedLight a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark {\n  color: var(--fixed-dark-color);\n}\n.fixedDark a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit {\n  color: inherit;\n}\n.inherit a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start {\n  text-align: start;\n}\n.center {\n  text-align: center;\n}\n.end {\n  text-align: end;\n}\n.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis {\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 n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",alignInherit:"alignInherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){const e="s_id-dbc84f263952_3_2_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".typography > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography > a:focus-visible, .typography > a.focus-visible {\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 > a:focus:not(.focus-visible) {\n  outline: none;\n}\n.typography > a:hover {\n  text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary {\n  color: var(--primary-text-color);\n}\n.secondary {\n  color: var(--secondary-text-color);\n}\n.onPrimary {\n  color: var(--text-color-on-primary);\n}\n.onPrimary a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted {\n  color: var(--text-color-on-inverted);\n}\n.onInverted a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight {\n  color: var(--fixed-light-color);\n}\n.fixedLight a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark {\n  color: var(--fixed-dark-color);\n}\n.fixedDark a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit {\n  color: inherit;\n}\n.inherit a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit {\n  text-align: inherit;\n}\n.start {\n  text-align: start;\n}\n.center {\n  text-align: center;\n}\n.end {\n  text-align: end;\n}\n.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/mocked_classnames/src/components/Typography/TypographyConstants.js

@@ -1,2 +1,2 @@
-var r,n;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.ON_PRIMARY="onPrimary",r.ON_INVERTED="onInverted",r.FIXED_LIGHT="fixedLight",r.FIXED_DARK="fixedDark",r.INHERIT="inherit"}(r||(r={})),function(r){r.START="start",r.CENTER="center",r.END="end"}(n||(n={}));export{n as TypographyAlign,r as TypographyColor};
+var r,n;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.ON_PRIMARY="onPrimary",r.ON_INVERTED="onInverted",r.FIXED_LIGHT="fixedLight",r.FIXED_DARK="fixedDark",r.INHERIT="inherit"}(r||(r={})),function(r){r.START="start",r.CENTER="center",r.END="end",r.INHERIT="inherit"}(n||(n={}));export{n as TypographyAlign,r as TypographyColor};
 //# sourceMappingURL=TypographyConstants.js.map

package/dist/mocked_classnames/src/components/Typography/TypographyConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyConstants.js","sources":["../../../../../src/components/Typography/TypographyConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TypographyColor {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  ON_PRIMARY = \"onPrimary\",\n  ON_INVERTED = \"onInverted\",\n  FIXED_LIGHT = \"fixedLight\",\n  FIXED_DARK = \"fixedDark\",\n  INHERIT = \"inherit\"\n}\n\n/**\n * @deprecated\n */\nexport enum TypographyAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\"\n}\n"],"names":["TypographyColor","TypographyAlign"],"mappings":"IAGYA,EAaAC,GAbZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,KACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
+{"version":3,"file":"TypographyConstants.js","sources":["../../../../../src/components/Typography/TypographyConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TypographyColor {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  ON_PRIMARY = \"onPrimary\",\n  ON_INVERTED = \"onInverted\",\n  FIXED_LIGHT = \"fixedLight\",\n  FIXED_DARK = \"fixedDark\",\n  INHERIT = \"inherit\"\n}\n\n/**\n * @deprecated\n */\nexport enum TypographyAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  INHERIT = \"inherit\"\n}\n"],"names":["TypographyColor","TypographyAlign"],"mappings":"IAGYA,EAaAC,GAbZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as o,useCallback as n,useEffect as i}from"react";import l from"../TableBody/TableBody.js";import s from"./TableVirtualizedBody.module.scss.js";import{FixedSizeList as a}from"react-window";import{useTable as c}from"../context/TableContext/TableContext.js";import m from"classnames";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../../tests/constants.js";import{RowHeights as f}from"../Table/TableConsts.js";import p from"react-virtualized-auto-sizer";import{useTableRowMenu as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";var b=o((function(b,h){var T=b.items,g=b.rowRenderer,j=b.onScroll,w=b.columns,y=b.headerRenderer,E=b.id,R=b.className,x=b["data-testid"],z=c(),B=z.size,C=z.virtualizedListRef,L=z.onVirtualizedListScroll,_=z.markTableAsVirtualized,O=v().resetHoveredRow,S=!!w&&!!y,V=n((function(e){var t=e.target;O(),L({target:t,currentTarget:t})}),[O,L]);i((function(){var e=C.current;if(e)return e.addEventListener("scroll",V),function(){e.removeEventListener("scroll",V)}}),[V,C]);var A=n((function(e){S||null==j||j(e.scrollDirection,e.scrollOffset,e.scrollUpdateWasRequested)}),[j,S]),D=n((function(e){var o,n=e.index,i=e.style,l=t(i,["width"]);if(S&&0===n)return null;var s=g(T[S?n-1:n]);return r.cloneElement(s,{style:Object.assign(Object.assign({},l),null===(o=s.props)||void 0===o?void 0:o.style),key:n})}),[T,g,S]);return i((function(){S||_()}),[_,S]),r.createElement(l,{className:m(s.tableBody,e({},s.withHeader,S),R),id:E,"data-testid":x||u(d.TABLE_VIRTUALIZED_BODY,E),ref:h},(null==T?void 0:T.length)&&r.createElement(p,null,(function(e){return r.createElement(a,{itemSize:f[B],height:e.height,itemCount:S?T.length+1:T.length,width:e.width,onScroll:A,outerRef:function(e){C.current=e},innerElementType:S?o((function(e,o){var n=e.children,i=t(e,["children"]);return r.createElement("div",Object.assign({ref:o},i),y(w),n)})):void 0},D)})))}));export{b as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as n,useCallback as o,useEffect as i,useMemo as l}from"react";import s from"../TableBody/TableBody.js";import a from"./TableVirtualizedBody.module.scss.js";import{FixedSizeList as c}from"react-window";import{useTable as u}from"../context/TableContext/TableContext.js";import m from"classnames";import{getTestId as d}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{RowHeights as v}from"../Table/TableConsts.js";import p from"react-virtualized-auto-sizer";import{useTableRowMenu as b}from"../context/TableRowMenuContext/TableRowMenuContext.js";var h=n((function(h,T){var g=h.items,j=h.rowRenderer,w=h.onScroll,y=h.columns,E=h.headerRenderer,R=h.id,x=h.className,z=h["data-testid"],B=u(),C=B.size,L=B.virtualizedListRef,_=B.onVirtualizedListScroll,O=B.markTableAsVirtualized,S=b().resetHoveredRow,V=!!y&&!!E,A=o((function(e){var t=e.target;S(),_({target:t,currentTarget:t})}),[S,_]);i((function(){var e=L.current;if(e)return e.addEventListener("scroll",A),function(){e.removeEventListener("scroll",A)}}),[A,L]);var D=o((function(e){V||null==w||w(e.scrollDirection,e.scrollOffset,e.scrollUpdateWasRequested)}),[w,V]),H=o((function(e){var n,o=e.index,i=e.style,l=t(i,["width"]);if(V&&0===o)return null;var s=j(g[V?o-1:o]);return r.cloneElement(s,{style:Object.assign(Object.assign({},l),null===(n=s.props)||void 0===n?void 0:n.style),key:o})}),[g,j,V]);i((function(){V||O()}),[O,V]);var I=l((function(){return V?n((function(e,n){var o=e.children,i=t(e,["children"]);return r.createElement("div",Object.assign({ref:n},i),E(y),o)})):void 0}),[V,E,y]);return r.createElement(s,{className:m(a.tableBody,e({},a.withHeader,V),x),id:R,"data-testid":z||d(f.TABLE_VIRTUALIZED_BODY,R),ref:T},(null==g?void 0:g.length)&&r.createElement(p,null,(function(e){return r.createElement(c,{itemSize:v[C],height:e.height,itemCount:V?g.length+1:g.length,width:e.width,onScroll:D,outerRef:function(e){L.current=e},innerElementType:I},H)})))}));export{h as default};
 //# sourceMappingURL=TableVirtualizedBody.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { TableColumn } from \"../Table/Table\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n  extends VibeComponentProps {\n  items: T[];\n  rowRenderer: (item: T) => JSX.Element;\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  columns?: TableColumn[];\n  headerRenderer?: (columns: TableColumn[]) => JSX.Element;\n}\n\nconst TableVirtualizedBody = forwardRef(\n  <T extends TableVirtualizedRow = TableVirtualizedRow>(\n    {\n      items,\n      rowRenderer,\n      onScroll,\n      columns,\n      headerRenderer,\n      id,\n      className,\n      \"data-testid\": dataTestId\n    }: TableVirtualizedBodyProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n    const { resetHoveredRow } = useTableRowMenu();\n    const virtualizedWithHeader = !!columns && !!headerRenderer;\n\n    const handleOuterScroll = useCallback(\n      (e: Event) => {\n        const target = e.target as HTMLDivElement;\n        resetHoveredRow();\n        onVirtualizedListScroll({\n          target,\n          currentTarget: target\n        } as unknown as React.UIEvent<HTMLDivElement>);\n      },\n      [resetHoveredRow, onVirtualizedListScroll]\n    );\n\n    useEffect(() => {\n      const scrollElement = virtualizedListRef.current;\n      if (!scrollElement) return;\n\n      scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n      };\n    }, [handleOuterScroll, virtualizedListRef]);\n\n    const handleVirtualizedVerticalScroll = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        if (virtualizedWithHeader) return;\n        onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, virtualizedWithHeader]\n    );\n\n    const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n      ({ index, style: { width: _width, ...style } }) => {\n        if (virtualizedWithHeader && index === 0) {\n          return null; //placeholder for virtualized with header\n        }\n        const currentIndex = virtualizedWithHeader ? index - 1 : index;\n        const currentItem = items[currentIndex];\n        const element = rowRenderer(currentItem);\n\n        return React.cloneElement(element, {\n          style: { ...style, ...element.props?.style },\n          key: index\n        });\n      },\n      [items, rowRenderer, virtualizedWithHeader]\n    );\n\n    useEffect(() => {\n      if (!virtualizedWithHeader) markTableAsVirtualized();\n    }, [markTableAsVirtualized, virtualizedWithHeader]);\n\n    return (\n      <TableBody\n        className={cx(\n          styles.tableBody,\n          {\n            [styles.withHeader]: virtualizedWithHeader\n          },\n          className\n        )}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        ref={ref}\n      >\n        {items?.length && (\n          <AutoSizer>\n            {({ height, width }: AutoSizerSize) => (\n              <List\n                itemSize={RowHeights[size]}\n                height={height}\n                itemCount={virtualizedWithHeader ? items.length + 1 : items.length}\n                width={width}\n                onScroll={handleVirtualizedVerticalScroll}\n                outerRef={element => {\n                  virtualizedListRef.current = element;\n                }}\n                innerElementType={\n                  virtualizedWithHeader\n                    ? forwardRef(({ children, ...rest }, ref) => (\n                        <div ref={ref} {...rest}>\n                          {headerRenderer(columns)}\n                          {children}\n                        </div>\n                      ))\n                    : undefined\n                }\n              >\n                {itemRenderer}\n              </List>\n            )}\n          </AutoSizer>\n        )}\n      </TableBody>\n    );\n  }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","columns","headerRenderer","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","virtualizedWithHeader","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","createElement","TableBody","cx","styles","tableBody","_defineProperty","withHeader","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef","innerElementType","children","rest","undefined"],"mappings":"6uBAyBMA,IAAAA,EAAuBC,GAC3B,SAAAC,EAWEC,GACE,IAVAC,EAAKF,EAALE,MACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAEP,EAAFO,GACAC,EAASR,EAATQ,UACeC,EAAUT,EAAzB,eAIFU,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,gBACFE,IAA0Bb,KAAaC,EAEvCa,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBN,IACAF,EAAwB,CACtBQ,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACN,EAAiBF,IAGpBU,GAAU,WACR,IAAMC,EAAgBZ,EAAmBa,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,EAAmBN,IAEvB,IAAMgB,EAAkCT,GACtC,SAAAU,GASMZ,GACJd,SAAAA,EATe0B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAAC7B,EAAUc,IAGPgB,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WACf,GAAInB,GAAmC,IAAVkB,EAC3B,OAAO,KAET,IAEMI,EAAUrC,EADID,EADCgB,EAAwBkB,EAAQ,EAAIA,IAIzD,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,GAER,GACD,CAAClC,EAAOC,EAAae,IAOvB,OAJAM,GAAU,WACHN,GAAuBH,GAC9B,GAAG,CAACA,EAAwBG,IAG1BuB,EAACO,cAAAC,EACC,CAAAzC,UAAW0C,EACTC,EAAOC,UAASC,EAEbF,GAAAA,EAAOG,WAAapC,GAEvBV,GAEFD,GAAIA,gBACSE,GAAc8C,EAAUC,EAAuBC,uBAAwBlD,GACpFN,IAAKA,IAEJC,eAAAA,EAAOwD,SACNjB,gBAACkB,EAAS,MACP,SAAAC,GAAgB,OACfnB,EAAAO,cAACa,EACC,CAAAC,SAAUC,EAAWnD,GACrBoD,OAHMJ,EAANI,OAIAC,UAAW/C,EAAwBhB,EAAMwD,OAAS,EAAIxD,EAAMwD,OAC5DQ,MALaN,EAALM,MAMR9D,SAAUyB,EACVsC,SAAU,SAAA3B,GACR3B,EAAmBa,QAAUc,CAC9B,EACD4B,iBACElD,EACInB,GAAW,SAACoC,EAAuBlC,GAAvB,IAAEoE,EAAmBlC,EAAnBkC,SAAaC,EAAI/B,EAAAJ,EAAnB,cAA+B,OACzCM,EAAKO,cAAA,MAAAL,OAAAC,OAAA,CAAA3C,IAAKA,GAASqE,GAChBhE,EAAeD,GACfgE,EAEJ,SACDE,GAGLrC,EAEJ,IAKX"}
+{"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { TableColumn } from \"../Table/Table\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n  extends VibeComponentProps {\n  items: T[];\n  rowRenderer: (item: T) => JSX.Element;\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  columns?: TableColumn[];\n  headerRenderer?: (columns: TableColumn[]) => JSX.Element;\n}\n\nconst TableVirtualizedBody = forwardRef(\n  <T extends TableVirtualizedRow = TableVirtualizedRow>(\n    {\n      items,\n      rowRenderer,\n      onScroll,\n      columns,\n      headerRenderer,\n      id,\n      className,\n      \"data-testid\": dataTestId\n    }: TableVirtualizedBodyProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n    const { resetHoveredRow } = useTableRowMenu();\n    const virtualizedWithHeader = !!columns && !!headerRenderer;\n\n    const handleOuterScroll = useCallback(\n      (e: Event) => {\n        const target = e.target as HTMLDivElement;\n        resetHoveredRow();\n        onVirtualizedListScroll({\n          target,\n          currentTarget: target\n        } as unknown as React.UIEvent<HTMLDivElement>);\n      },\n      [resetHoveredRow, onVirtualizedListScroll]\n    );\n\n    useEffect(() => {\n      const scrollElement = virtualizedListRef.current;\n      if (!scrollElement) return;\n\n      scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n      };\n    }, [handleOuterScroll, virtualizedListRef]);\n\n    const handleVirtualizedVerticalScroll = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        if (virtualizedWithHeader) return;\n        onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, virtualizedWithHeader]\n    );\n\n    const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n      ({ index, style: { width: _width, ...style } }) => {\n        if (virtualizedWithHeader && index === 0) {\n          return null; //placeholder for virtualized with header\n        }\n        const currentIndex = virtualizedWithHeader ? index - 1 : index;\n        const currentItem = items[currentIndex];\n        const element = rowRenderer(currentItem);\n\n        return React.cloneElement(element, {\n          style: { ...style, ...element.props?.style },\n          key: index\n        });\n      },\n      [items, rowRenderer, virtualizedWithHeader]\n    );\n\n    useEffect(() => {\n      if (!virtualizedWithHeader) markTableAsVirtualized();\n    }, [markTableAsVirtualized, virtualizedWithHeader]);\n\n    const memoizedInnerElementType = useMemo(\n      () =>\n        virtualizedWithHeader\n          ? forwardRef(({ children, ...rest }: any, ref: React.Ref<HTMLDivElement>) => (\n              <div ref={ref} {...rest}>\n                {headerRenderer!(columns!)}\n                {children}\n              </div>\n            ))\n          : undefined,\n      [virtualizedWithHeader, headerRenderer, columns]\n    );\n\n    return (\n      <TableBody\n        className={cx(\n          styles.tableBody,\n          {\n            [styles.withHeader]: virtualizedWithHeader\n          },\n          className\n        )}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        ref={ref}\n      >\n        {items?.length && (\n          <AutoSizer>\n            {({ height, width }: AutoSizerSize) => (\n              <List\n                itemSize={RowHeights[size]}\n                height={height}\n                itemCount={virtualizedWithHeader ? items.length + 1 : items.length}\n                width={width}\n                onScroll={handleVirtualizedVerticalScroll}\n                outerRef={element => {\n                  virtualizedListRef.current = element;\n                }}\n                innerElementType={memoizedInnerElementType}\n              >\n                {itemRenderer}\n              </List>\n            )}\n          </AutoSizer>\n        )}\n      </TableBody>\n    );\n  }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","columns","headerRenderer","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","virtualizedWithHeader","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","memoizedInnerElementType","useMemo","children","rest","createElement","undefined","TableBody","cx","styles","tableBody","_defineProperty","withHeader","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef","innerElementType"],"mappings":"0vBAyBMA,IAAAA,EAAuBC,GAC3B,SAAAC,EAWEC,GACE,IAVAC,EAAKF,EAALE,MACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAEP,EAAFO,GACAC,EAASR,EAATQ,UACeC,EAAUT,EAAzB,eAIFU,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,gBACFE,IAA0Bb,KAAaC,EAEvCa,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBN,IACAF,EAAwB,CACtBQ,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACN,EAAiBF,IAGpBU,GAAU,WACR,IAAMC,EAAgBZ,EAAmBa,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,EAAmBN,IAEvB,IAAMgB,EAAkCT,GACtC,SAAAU,GASMZ,GACJd,SAAAA,EATe0B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAAC7B,EAAUc,IAGPgB,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WACf,GAAInB,GAAmC,IAAVkB,EAC3B,OAAO,KAET,IAEMI,EAAUrC,EADID,EADCgB,EAAwBkB,EAAQ,EAAIA,IAIzD,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,GAER,GACD,CAAClC,EAAOC,EAAae,IAGvBM,GAAU,WACHN,GAAuBH,GAC9B,GAAG,CAACA,EAAwBG,IAE5B,IAAM8B,EAA2BC,GAC/B,WAAA,OACE/B,EACInB,GAAW,SAACoC,EAA4BlC,GAA5B,IAAEiD,EAAwBf,EAAxBe,SAAaC,EAAIZ,EAAAJ,EAAnB,cAA+D,OACzEM,EAAKW,cAAA,MAAAT,OAAAC,OAAA,CAAA3C,IAAKA,GAASkD,GAChB7C,EAAgBD,GAChB6C,EAEJ,SACDG,CAAS,GACf,CAACnC,EAAuBZ,EAAgBD,IAG1C,OACEoC,EAACW,cAAAE,EACC,CAAA9C,UAAW+C,EACTC,EAAOC,UAASC,EAEbF,GAAAA,EAAOG,WAAazC,GAEvBV,GAEFD,GAAIA,gBACSE,GAAcmD,EAAUC,EAAuBC,uBAAwBvD,GACpFN,IAAKA,IAEJC,eAAAA,EAAO6D,SACNtB,gBAACuB,EAAS,MACP,SAAAC,GAAgB,OACfxB,EAAAW,cAACc,EACC,CAAAC,SAAUC,EAAWxD,GACrByD,OAHMJ,EAANI,OAIAC,UAAWpD,EAAwBhB,EAAM6D,OAAS,EAAI7D,EAAM6D,OAC5DQ,MALaN,EAALM,MAMRnE,SAAUyB,EACV2C,SAAU,SAAAhC,GACR3B,EAAmBa,QAAUc,CAC9B,EACDiC,iBAAkBzB,GAEjBd,EAEJ,IAKX"}

package/dist/src/components/Typography/Typography.js

@@ -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 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};
+import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as i}from"react";import r 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 h=s((function(s,h){var v=s.className,y=s.id,g=s.children,j=s.tooltipProps,u=s["data-testid"],T=void 0===u?a(m.TEXT,y):u,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,I=s.ellipsis,L=void 0===I||I,O=s.maxLines,P=void 0===O?1:O,_=s.withoutTooltip,C=void 0!==_&&_,H=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=i(null),q=l(h,X),z=1===P,A=p(L,P),B=A.class,D=A.style,F=n(X,C,L,j,g,z,R),G="inherit"===k?"alignInherit":k;return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:y,style:D,"data-testid":T,className:r(f.typography,f[E],f[G],B,v),ref:q,role:H},M),g))}));export{h as default};
 //# sourceMappingURL=Typography.js.map

package/dist/src/components/Typography/Typography.js.map

@@ -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 { 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"}
+{"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    const overrideAlign = align === \"inherit\" ? \"alignInherit\" : align;\n\n    return (\n      <Tooltip {...overrideTooltipProps}>\n        {React.createElement(\n          element,\n          {\n            id,\n            style: ellipsisStyle,\n            \"data-testid\": dataTestId,\n            className: cx(styles.typography, styles[color], styles[overrideAlign], ellipsisClass, className),\n            ref: mergedRef,\n            role,\n            ...htmlAttributes\n          },\n          children\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","overrideAlign","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"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,GAGIgB,EAA0B,YAAV1B,EAAsB,eAAiBA,EAE7D,OACE2B,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAP,GACVG,EAAMC,cACLhC,EAEEkC,OAAAC,OAAA,CAAA5C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW8C,EAAGC,EAAOC,WAAYD,EAAOnC,GAAQmC,EAAOP,GAAgBN,EAAelC,GACtFD,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_e5dbd05f32","focus-visible":"focus-visible_014b188f86",primary:"primary_92e5dfeb47",secondary:"secondary_fbf826c95d",onPrimary:"onPrimary_4aeeb06242",onInverted:"onInverted_8debb47f04",fixedLight:"fixedLight_80dfc6aa02",fixedDark:"fixedDark_a3d8782e81",inherit:"inherit_13b0eb9637",start:"start_19f9ad06d1",center:"center_bd70d43310",end:"end_7c768037fa",singleLineEllipsis:"singleLineEllipsis_4f783d1fca",multiLineEllipsis:"multiLineEllipsis_b7fc204487"};!function(e){const n="s_id-911fb9952597_3_2_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_e5dbd05f32 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_e5dbd05f32 > a:focus-visible, .typography_e5dbd05f32 > a.focus-visible_014b188f86 {\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_e5dbd05f32 > a:focus:not(.focus-visible_014b188f86) {\n  outline: none;\n}\n.typography_e5dbd05f32 > a:hover {\n  text-decoration: underline;\n}\n.typography_e5dbd05f32:disabled, .typography_e5dbd05f32[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_92e5dfeb47 {\n  color: var(--primary-text-color);\n}\n.secondary_fbf826c95d {\n  color: var(--secondary-text-color);\n}\n.onPrimary_4aeeb06242 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_4aeeb06242 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_8debb47f04 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_8debb47f04 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_80dfc6aa02 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_80dfc6aa02 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_a3d8782e81 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_a3d8782e81 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_13b0eb9637 {\n  color: inherit;\n}\n.inherit_13b0eb9637 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_19f9ad06d1 {\n  text-align: start;\n}\n.center_bd70d43310 {\n  text-align: center;\n}\n.end_7c768037fa {\n  text-align: end;\n}\n.singleLineEllipsis_4f783d1fca {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_b7fc204487 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={typography:"typography_e5dbd05f32","focus-visible":"focus-visible_014b188f86",primary:"primary_92e5dfeb47",secondary:"secondary_fbf826c95d",onPrimary:"onPrimary_4aeeb06242",onInverted:"onInverted_8debb47f04",fixedLight:"fixedLight_80dfc6aa02",fixedDark:"fixedDark_a3d8782e81",inherit:"inherit_13b0eb9637",alignInherit:"alignInherit_9849d38783",start:"start_19f9ad06d1",center:"center_bd70d43310",end:"end_7c768037fa",singleLineEllipsis:"singleLineEllipsis_4f783d1fca",multiLineEllipsis:"multiLineEllipsis_b7fc204487"};!function(e){const n="s_id-dbc84f263952_3_2_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_e5dbd05f32 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_e5dbd05f32 > a:focus-visible, .typography_e5dbd05f32 > a.focus-visible_014b188f86 {\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_e5dbd05f32 > a:focus:not(.focus-visible_014b188f86) {\n  outline: none;\n}\n.typography_e5dbd05f32 > a:hover {\n  text-decoration: underline;\n}\n.typography_e5dbd05f32:disabled, .typography_e5dbd05f32[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_92e5dfeb47 {\n  color: var(--primary-text-color);\n}\n.secondary_fbf826c95d {\n  color: var(--secondary-text-color);\n}\n.onPrimary_4aeeb06242 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_4aeeb06242 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_8debb47f04 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_8debb47f04 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_80dfc6aa02 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_80dfc6aa02 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_a3d8782e81 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_a3d8782e81 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_13b0eb9637 {\n  color: inherit;\n}\n.inherit_13b0eb9637 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_9849d38783 {\n  text-align: inherit;\n}\n.start_19f9ad06d1 {\n  text-align: start;\n}\n.center_bd70d43310 {\n  text-align: center;\n}\n.end_7c768037fa {\n  text-align: end;\n}\n.singleLineEllipsis_4f783d1fca {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_b7fc204487 {\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/TypographyConstants.js

@@ -1,2 +1,2 @@
-var r,n;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.ON_PRIMARY="onPrimary",r.ON_INVERTED="onInverted",r.FIXED_LIGHT="fixedLight",r.FIXED_DARK="fixedDark",r.INHERIT="inherit"}(r||(r={})),function(r){r.START="start",r.CENTER="center",r.END="end"}(n||(n={}));export{n as TypographyAlign,r as TypographyColor};
+var r,n;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.ON_PRIMARY="onPrimary",r.ON_INVERTED="onInverted",r.FIXED_LIGHT="fixedLight",r.FIXED_DARK="fixedDark",r.INHERIT="inherit"}(r||(r={})),function(r){r.START="start",r.CENTER="center",r.END="end",r.INHERIT="inherit"}(n||(n={}));export{n as TypographyAlign,r as TypographyColor};
 //# sourceMappingURL=TypographyConstants.js.map

package/dist/src/components/Typography/TypographyConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyConstants.js","sources":["../../../../src/components/Typography/TypographyConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TypographyColor {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  ON_PRIMARY = \"onPrimary\",\n  ON_INVERTED = \"onInverted\",\n  FIXED_LIGHT = \"fixedLight\",\n  FIXED_DARK = \"fixedDark\",\n  INHERIT = \"inherit\"\n}\n\n/**\n * @deprecated\n */\nexport enum TypographyAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\"\n}\n"],"names":["TypographyColor","TypographyAlign"],"mappings":"IAGYA,EAaAC,GAbZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,KACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
+{"version":3,"file":"TypographyConstants.js","sources":["../../../../src/components/Typography/TypographyConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TypographyColor {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  ON_PRIMARY = \"onPrimary\",\n  ON_INVERTED = \"onInverted\",\n  FIXED_LIGHT = \"fixedLight\",\n  FIXED_DARK = \"fixedDark\",\n  INHERIT = \"inherit\"\n}\n\n/**\n * @deprecated\n */\nexport enum TypographyAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  INHERIT = \"inherit\"\n}\n"],"names":["TypographyColor","TypographyAlign"],"mappings":"IAGYA,EAaAC,GAbZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.2.1-alpha-c7209.0",
+  "version": "3.3.0",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -96,7 +96,7 @@
     "react-is": "^16.9.0",
     "react-popper": "^2.3.0",
     "react-remove-scroll": "^2.6.0",
-    "react-select": "npm:react-select-module@^3.2.5",
+    "react-select": "npm:react-select-module@^3.2.6",
     "react-transition-group": "^4.4.5",
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.7",
@@ -267,5 +267,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "9aff0d6637822baa8824dad03cd121577aa6566f"
+  "gitHead": "c0b83eddfb61768beb9730224b756d5282bb2f64"
 }