@televet/kibble-ui 4.0.0-beta.99 → 4.0.0

package/dist/chunks/{withTruncation-CR8pGwFg.js → withTruncation-DTEvsQfh.js}

@@ -1,7 +1,7 @@
 import { j as n } from "./jsx-runtime-C5mzlN2N.js";
 import { memo as m, useState as w, useRef as x, useCallback as h, useEffect as g } from "react";
-import { T as k } from "./tooltip.component-XxpjNATA.js";
-import { B as v } from "./box-Ck9I7FYv.js";
+import { B as k } from "./index-9BerxEcw.js";
+import { T as v } from "./tooltip.component-DTfwOaTc.js";
 const N = (i) => {
   const l = m(i);
   function u({
@@ -30,14 +30,14 @@ const N = (i) => {
         };
       }
     }, [o, c]), o ? /* @__PURE__ */ n.jsx(
-      k,
+      v,
       {
         ...d,
         label: d?.label || s?.toLocaleString() || "",
         disabled: !T,
         "data-testid": "kibble-truncated-text-tooltip",
         children: /* @__PURE__ */ n.jsx(
-          v,
+          k,
           {
             ref: e,
             display: "inline-block",
@@ -64,4 +64,4 @@ const N = (i) => {
 export {
   N as w
 };
-//# sourceMappingURL=withTruncation-CR8pGwFg.js.map
+//# sourceMappingURL=withTruncation-DTEvsQfh.js.map

package/dist/chunks/{withTruncation-CR8pGwFg.js.map → withTruncation-DTEvsQfh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withTruncation-CR8pGwFg.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState, memo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tooltip, TooltipProps } from 'components/Tooltip';\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, 'disabled'>;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(Component: React.ComponentType<P>): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight = containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || ''}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            lineClamp={noOfLines}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":";;;;AAWa,MAAAA,IAAiB,CAAgCC,MAAmD;AACzG,QAAAC,IAAoBC,EAAKF,CAAS;AAExC,WAASG,EAAe;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACsC;AACzC,UAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAkB,EAAK,GACnEC,IAAeC,EAAuB,IAAI,GAC1CC,IAAoBD,EAA8B,IAAI,GAEtDE,IAAgBC,EAAY,MAAM;AACtC,UAAIJ,EAAa,SAAS;AACxB,cAAMK,IAAmBL,EAAa,SAAS,SAAS,CAAC,EAAE,gBAAgB,GACrEM,IAAwBN,EAAa,SAAS,gBAAgB;AACpE,QAAAF,EAAqBO,IAAmBC,CAAqB;AAAA,MAAA;AAAA,IAEjE,GAAG,EAAE;AA2BL,WAzBAC,EAAU,MAAM;AACV,UAAAf,KAAaQ,EAAa,SAAS;AACjC,YAAAQ;AAEJ,cAAMC,IAAiB,MAAY;AACjC,iBAAO,aAAaD,CAAS,GACjBA,IAAA,OAAO,WAAWL,GAAe,GAAG;AAAA,QAClD;AAEkB,eAAAD,EAAA,UAAU,IAAI,eAAe,MAAM;AACpC,UAAAO,EAAA;AAAA,QAAA,CAChB,GAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,GACxCG,EAAA,GAEP,MAAY;AACjB,iBAAO,aAAaK,CAAS,GACzBN,EAAkB,WACpBA,EAAkB,QAAQ,WAAW;AAAA,QAEzC;AAAA,MAAA;AAAA,IACF,GACC,CAACV,GAAWW,CAAa,CAAC,GAExBX,IAKHkB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACJ,OAAOA,GAAc,SAASD,GAAU,eAAoB,KAAA;AAAA,QAC5D,UAAU,CAACG;AAAA,QACX,eAAY;AAAA,QAEZ,UAAAa,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAU,gBAAAA,EAAA;AAAA,cAACrB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,gBACZ,WAAWI;AAAA,gBACV,GAAIG;AAAA,gBAEJ,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IACF,IA1BQgB,gBAAAA,EAAA,IAAArB,GAAA,EAAmB,GAAIO,GAAa,UAAAF,EAAS,CAAA;AAAA,EA0BrD;AAIJ,SAAAH,EAAe,cAAc,kBAAkBH,EAAU,eAAeA,EAAU,IAAI,IAC/EE,EAAKC,CAAc;AAC5B;"}
+{"version":3,"file":"withTruncation-DTEvsQfh.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState, memo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tooltip, TooltipProps } from 'components/Tooltip';\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, 'disabled'>;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(Component: React.ComponentType<P>): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight = containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || ''}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            lineClamp={noOfLines}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":";;;;AAWa,MAAAA,IAAiB,CAAgCC,MAAmD;AACzG,QAAAC,IAAoBC,EAAKF,CAAS;AAExC,WAASG,EAAe;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACsC;AACzC,UAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAkB,EAAK,GACnEC,IAAeC,EAAuB,IAAI,GAC1CC,IAAoBD,EAA8B,IAAI,GAEtDE,IAAgBC,EAAY,MAAM;AACtC,UAAIJ,EAAa,SAAS;AACxB,cAAMK,IAAmBL,EAAa,SAAS,SAAS,CAAC,EAAE,gBAAgB,GACrEM,IAAwBN,EAAa,SAAS,gBAAgB;AACpE,QAAAF,EAAqBO,IAAmBC,CAAqB;AAAA,MAAA;AAAA,IAEjE,GAAG,EAAE;AA2BL,WAzBAC,EAAU,MAAM;AACV,UAAAf,KAAaQ,EAAa,SAAS;AACjC,YAAAQ;AAEJ,cAAMC,IAAiB,MAAY;AACjC,iBAAO,aAAaD,CAAS,GACjBA,IAAA,OAAO,WAAWL,GAAe,GAAG;AAAA,QAClD;AAEkB,eAAAD,EAAA,UAAU,IAAI,eAAe,MAAM;AACpC,UAAAO,EAAA;AAAA,QAAA,CAChB,GAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,GACxCG,EAAA,GAEP,MAAY;AACjB,iBAAO,aAAaK,CAAS,GACzBN,EAAkB,WACpBA,EAAkB,QAAQ,WAAW;AAAA,QAEzC;AAAA,MAAA;AAAA,IACF,GACC,CAACV,GAAWW,CAAa,CAAC,GAExBX,IAKHkB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACJ,OAAOA,GAAc,SAASD,GAAU,eAAoB,KAAA;AAAA,QAC5D,UAAU,CAACG;AAAA,QACX,eAAY;AAAA,QAEZ,UAAAa,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAU,gBAAAA,EAAA;AAAA,cAACrB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,gBACZ,WAAWI;AAAA,gBACV,GAAIG;AAAA,gBAEJ,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IACF,IA1BQgB,gBAAAA,EAAA,IAAArB,GAAA,EAAmB,GAAIO,GAAa,UAAAF,EAAS,CAAA;AAAA,EA0BrD;AAIJ,SAAAH,EAAe,cAAc,kBAAkBH,EAAU,eAAeA,EAAU,IAAI,IAC/EE,EAAKC,CAAc;AAC5B;"}

package/dist/chunks/withTruncation-Ddr3jvAO.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),e=require("react"),p=require("./index-BQRnVsAg.js"),w=require("./tooltip.component-CATpCSkf.js"),h=s=>{const l=e.memo(s);function d({truncated:o=!1,noOfLines:f=1,children:c,tooltipProps:x,...m}){const[b,T]=e.useState(!1),t=e.useRef(null),r=e.useRef(null),u=e.useCallback(()=>{if(t.current){const n=t.current?.children[0].scrollHeight||0,a=t.current?.offsetHeight||0;T(n>a)}},[]);return e.useEffect(()=>{if(o&&t.current){let n;const a=()=>{window.clearTimeout(n),n=window.setTimeout(u,100)};return r.current=new ResizeObserver(()=>{a()}),r.current.observe(t.current),u(),()=>{window.clearTimeout(n),r.current&&r.current.disconnect()}}},[o,u]),o?i.jsxRuntimeExports.jsx(w.Tooltip,{...x,label:x?.label||c?.toLocaleString()||"",disabled:!b,"data-testid":"kibble-truncated-text-tooltip",children:i.jsxRuntimeExports.jsx(p.Box,{ref:t,display:"inline-block",position:"relative",className:"TruncatedText__Wrapper","data-testid":"kibble-truncated-text-wrapper",children:i.jsxRuntimeExports.jsx(l,{className:"TruncatedText__TextContent","data-testid":"kibble-truncated-text-content",lineClamp:f,...m,children:c})})}):i.jsxRuntimeExports.jsx(l,{...m,children:c})}return d.displayName=`withTruncation(${s.displayName||s.name}`,e.memo(d)};exports.withTruncation=h;
+//# sourceMappingURL=withTruncation-Ddr3jvAO.js.map

package/dist/chunks/{withTruncation-B6vA2g0w.js.map → withTruncation-Ddr3jvAO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withTruncation-B6vA2g0w.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState, memo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tooltip, TooltipProps } from 'components/Tooltip';\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, 'disabled'>;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(Component: React.ComponentType<P>): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight = containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || ''}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            lineClamp={noOfLines}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":"yJAWaA,EAAiDC,GAAmD,CACzG,MAAAC,EAAoBC,OAAKF,CAAS,EAExC,SAASG,EAAe,CACtB,UAAAC,EAAY,GACZ,UAAAC,EAAY,EACZ,SAAAC,EACA,aAAAC,EACA,GAAGC,CAAA,EACsC,CACzC,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAAA,SAAkB,EAAK,EACnEC,EAAeC,SAAuB,IAAI,EAC1CC,EAAoBD,SAA8B,IAAI,EAEtDE,EAAgBC,EAAAA,YAAY,IAAM,CACtC,GAAIJ,EAAa,QAAS,CACxB,MAAMK,EAAmBL,EAAa,SAAS,SAAS,CAAC,EAAE,cAAgB,EACrEM,EAAwBN,EAAa,SAAS,cAAgB,EACpEF,EAAqBO,EAAmBC,CAAqB,CAAA,CAEjE,EAAG,EAAE,EA2BL,OAzBAC,EAAAA,UAAU,IAAM,CACV,GAAAf,GAAaQ,EAAa,QAAS,CACjC,IAAAQ,EAEJ,MAAMC,EAAiB,IAAY,CACjC,OAAO,aAAaD,CAAS,EACjBA,EAAA,OAAO,WAAWL,EAAe,GAAG,CAClD,EAEkB,OAAAD,EAAA,QAAU,IAAI,eAAe,IAAM,CACpCO,EAAA,CAAA,CAChB,EAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,EACxCG,EAAA,EAEP,IAAY,CACjB,OAAO,aAAaK,CAAS,EACzBN,EAAkB,SACpBA,EAAkB,QAAQ,WAAW,CAEzC,CAAA,CACF,EACC,CAACV,EAAWW,CAAa,CAAC,EAExBX,EAKHkB,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGhB,EACJ,MAAOA,GAAc,OAASD,GAAU,eAAoB,GAAA,GAC5D,SAAU,CAACG,EACX,cAAY,gCAEZ,SAAAa,EAAA,kBAAA,IAACE,EAAA,IAAA,CACC,IAAKZ,EACL,QAAQ,eACR,SAAS,WACT,UAAU,yBACV,cAAY,gCAEZ,SAAAU,EAAA,kBAAA,IAACrB,EAAA,CACC,UAAU,6BACV,cAAY,gCACZ,UAAWI,EACV,GAAIG,EAEJ,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CACF,EA1BQgB,EAAA,kBAAA,IAAArB,EAAA,CAAmB,GAAIO,EAAa,SAAAF,CAAS,CAAA,CA0BrD,CAIJ,OAAAH,EAAe,YAAc,kBAAkBH,EAAU,aAAeA,EAAU,IAAI,GAC/EE,EAAAA,KAAKC,CAAc,CAC5B"}
+{"version":3,"file":"withTruncation-Ddr3jvAO.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState, memo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tooltip, TooltipProps } from 'components/Tooltip';\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, 'disabled'>;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(Component: React.ComponentType<P>): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight = containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || ''}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            lineClamp={noOfLines}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":"2JAWaA,EAAiDC,GAAmD,CACzG,MAAAC,EAAoBC,OAAKF,CAAS,EAExC,SAASG,EAAe,CACtB,UAAAC,EAAY,GACZ,UAAAC,EAAY,EACZ,SAAAC,EACA,aAAAC,EACA,GAAGC,CAAA,EACsC,CACzC,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAAA,SAAkB,EAAK,EACnEC,EAAeC,SAAuB,IAAI,EAC1CC,EAAoBD,SAA8B,IAAI,EAEtDE,EAAgBC,EAAAA,YAAY,IAAM,CACtC,GAAIJ,EAAa,QAAS,CACxB,MAAMK,EAAmBL,EAAa,SAAS,SAAS,CAAC,EAAE,cAAgB,EACrEM,EAAwBN,EAAa,SAAS,cAAgB,EACpEF,EAAqBO,EAAmBC,CAAqB,CAAA,CAEjE,EAAG,EAAE,EA2BL,OAzBAC,EAAAA,UAAU,IAAM,CACV,GAAAf,GAAaQ,EAAa,QAAS,CACjC,IAAAQ,EAEJ,MAAMC,EAAiB,IAAY,CACjC,OAAO,aAAaD,CAAS,EACjBA,EAAA,OAAO,WAAWL,EAAe,GAAG,CAClD,EAEkB,OAAAD,EAAA,QAAU,IAAI,eAAe,IAAM,CACpCO,EAAA,CAAA,CAChB,EAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,EACxCG,EAAA,EAEP,IAAY,CACjB,OAAO,aAAaK,CAAS,EACzBN,EAAkB,SACpBA,EAAkB,QAAQ,WAAW,CAEzC,CAAA,CACF,EACC,CAACV,EAAWW,CAAa,CAAC,EAExBX,EAKHkB,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGhB,EACJ,MAAOA,GAAc,OAASD,GAAU,eAAoB,GAAA,GAC5D,SAAU,CAACG,EACX,cAAY,gCAEZ,SAAAa,EAAA,kBAAA,IAACE,EAAA,IAAA,CACC,IAAKZ,EACL,QAAQ,eACR,SAAS,WACT,UAAU,yBACV,cAAY,gCAEZ,SAAAU,EAAA,kBAAA,IAACrB,EAAA,CACC,UAAU,6BACV,cAAY,gCACZ,UAAWI,EACV,GAAIG,EAEJ,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CACF,EA1BQgB,EAAA,kBAAA,IAAArB,EAAA,CAAmB,GAAIO,EAAa,SAAAF,CAAS,CAAA,CA0BrD,CAIJ,OAAAH,EAAe,YAAc,kBAAkBH,EAAU,aAAeA,EAAU,IAAI,GAC/EE,EAAAA,KAAKC,CAAc,CAC5B"}

package/dist/chunks/{wrap-CNn1kyJX.js → wrap-BzPamGsJ.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("./jsx-runtime-BjDatQAs.js"),s=require("react"),u=require("./config-BFcXpdZo.js"),a=require("./factory-D6tdBUPG.js"),i=s.forwardRef(function(e,t){const{gap:n="0.5rem",justify:l,direction:f,align:m,...o}=e;return r.jsxRuntimeExports.jsx(a.chakra.div,{ref:t,display:"flex",flexWrap:"wrap",justifyContent:l,alignItems:m,flexDirection:f,gap:n,...o,className:a.cx("chakra-wrap",e.className)})});i.displayName="Wrap";const x=u.defineStyle({display:"flex",alignItems:"flex-start"}),p=s.forwardRef(function(e,t){return r.jsxRuntimeExports.jsx(a.chakra.div,{ref:t,css:[x,e.css],...e,className:a.cx("chakra-wrap__listitem",e.className)})});exports.Wrap=i;exports.WrapItem=p;
-//# sourceMappingURL=wrap-CNn1kyJX.js.map
+"use strict";const r=require("./jsx-runtime-BjDatQAs.js"),s=require("react"),u=require("./config-jChwZPSv.js"),a=require("./factory-a2SJjEvR.js"),i=s.forwardRef(function(e,t){const{gap:n="0.5rem",justify:l,direction:f,align:m,...o}=e;return r.jsxRuntimeExports.jsx(a.chakra.div,{ref:t,display:"flex",flexWrap:"wrap",justifyContent:l,alignItems:m,flexDirection:f,gap:n,...o,className:a.cx("chakra-wrap",e.className)})});i.displayName="Wrap";const x=u.defineStyle({display:"flex",alignItems:"flex-start"}),p=s.forwardRef(function(e,t){return r.jsxRuntimeExports.jsx(a.chakra.div,{ref:t,css:[x,e.css],...e,className:a.cx("chakra-wrap__listitem",e.className)})});exports.Wrap=i;exports.WrapItem=p;
+//# sourceMappingURL=wrap-BzPamGsJ.js.map

package/dist/chunks/{wrap-CNn1kyJX.js.map → wrap-BzPamGsJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"wrap-CNn1kyJX.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/wrap/wrap.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { defineStyle } from '../../styled-system/config.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.js';\n\nconst Wrap = forwardRef(\n  function Wrap2(props, ref) {\n    const { gap = \"0.5rem\", justify, direction, align, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        justifyContent: justify,\n        alignItems: align,\n        flexDirection: direction,\n        gap,\n        ...rest,\n        className: cx(\"chakra-wrap\", props.className)\n      }\n    );\n  }\n);\nWrap.displayName = \"Wrap\";\nconst itemStyle = defineStyle({\n  display: \"flex\",\n  alignItems: \"flex-start\"\n});\nconst WrapItem = forwardRef(\n  function WrapItem2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        css: [itemStyle, props.css],\n        ...props,\n        className: cx(\"chakra-wrap__listitem\", props.className)\n      }\n    );\n  }\n);\n\nexport { Wrap, WrapItem };\n"],"names":["Wrap","forwardRef","props","ref","gap","justify","direction","align","rest","jsx","chakra","cx","itemStyle","defineStyle","WrapItem"],"mappings":"kJAQMA,EAAOC,EAAU,WACrB,SAAeC,EAAOC,EAAK,CACzB,KAAM,CAAE,IAAAC,EAAM,SAAU,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAI,EAAKN,EAC/D,OAAuBO,EAAG,kBAAA,IACxBC,EAAAA,OAAO,IACP,CACE,IAAAP,EACA,QAAS,OACT,SAAU,OACV,eAAgBE,EAChB,WAAYE,EACZ,cAAeD,EACf,IAAAF,EACA,GAAGI,EACH,UAAWG,EAAE,GAAC,cAAeT,EAAM,SAAS,CACpD,CACK,CACL,CACA,EACAF,EAAK,YAAc,OACnB,MAAMY,EAAYC,EAAAA,YAAY,CAC5B,QAAS,OACT,WAAY,YACd,CAAC,EACKC,EAAWb,EAAU,WACzB,SAAmBC,EAAOC,EAAK,CAC7B,OAAuBM,EAAG,kBAAA,IACxBC,EAAAA,OAAO,IACP,CACE,IAAAP,EACA,IAAK,CAACS,EAAWV,EAAM,GAAG,EAC1B,GAAGA,EACH,UAAWS,EAAE,GAAC,wBAAyBT,EAAM,SAAS,CAC9D,CACK,CACL,CACA","x_google_ignoreList":[0]}
+{"version":3,"file":"wrap-BzPamGsJ.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/wrap/wrap.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { defineStyle } from '../../styled-system/config.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.js';\n\nconst Wrap = forwardRef(\n  function Wrap2(props, ref) {\n    const { gap = \"0.5rem\", justify, direction, align, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        justifyContent: justify,\n        alignItems: align,\n        flexDirection: direction,\n        gap,\n        ...rest,\n        className: cx(\"chakra-wrap\", props.className)\n      }\n    );\n  }\n);\nWrap.displayName = \"Wrap\";\nconst itemStyle = defineStyle({\n  display: \"flex\",\n  alignItems: \"flex-start\"\n});\nconst WrapItem = forwardRef(\n  function WrapItem2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        css: [itemStyle, props.css],\n        ...props,\n        className: cx(\"chakra-wrap__listitem\", props.className)\n      }\n    );\n  }\n);\n\nexport { Wrap, WrapItem };\n"],"names":["Wrap","forwardRef","props","ref","gap","justify","direction","align","rest","jsx","chakra","cx","itemStyle","defineStyle","WrapItem"],"mappings":"kJAQMA,EAAOC,EAAU,WACrB,SAAeC,EAAOC,EAAK,CACzB,KAAM,CAAE,IAAAC,EAAM,SAAU,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAI,EAAKN,EAC/D,OAAuBO,EAAG,kBAAA,IACxBC,EAAAA,OAAO,IACP,CACE,IAAAP,EACA,QAAS,OACT,SAAU,OACV,eAAgBE,EAChB,WAAYE,EACZ,cAAeD,EACf,IAAAF,EACA,GAAGI,EACH,UAAWG,EAAE,GAAC,cAAeT,EAAM,SAAS,CACpD,CACK,CACL,CACA,EACAF,EAAK,YAAc,OACnB,MAAMY,EAAYC,EAAAA,YAAY,CAC5B,QAAS,OACT,WAAY,YACd,CAAC,EACKC,EAAWb,EAAU,WACzB,SAAmBC,EAAOC,EAAK,CAC7B,OAAuBM,EAAG,kBAAA,IACxBC,EAAAA,OAAO,IACP,CACE,IAAAP,EACA,IAAK,CAACS,EAAWV,EAAM,GAAG,EAC1B,GAAGA,EACH,UAAWS,EAAE,GAAC,wBAAyBT,EAAM,SAAS,CAC9D,CACK,CACL,CACA","x_google_ignoreList":[0]}

package/dist/chunks/{wrap-B8tBNeBY.js → wrap-CRNL4bE6.js}

@@ -1,7 +1,7 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { forwardRef as e } from "react";
-import { d as p } from "./config-DlTdf-Yt.js";
-import { c as r, a as i } from "./factory-Ctbv0Ozn.js";
+import { d as p } from "./config-B3QABP1-.js";
+import { c as r, a as i } from "./factory-BQshv7_b.js";
 const x = e(
   function(a, s) {
     const { gap: c = "0.5rem", justify: n, direction: l, align: o, ...f } = a;
@@ -42,4 +42,4 @@ export {
   x as W,
   N as a
 };
-//# sourceMappingURL=wrap-B8tBNeBY.js.map
+//# sourceMappingURL=wrap-CRNL4bE6.js.map

package/dist/chunks/{wrap-B8tBNeBY.js.map → wrap-CRNL4bE6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"wrap-B8tBNeBY.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/wrap/wrap.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { defineStyle } from '../../styled-system/config.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.js';\n\nconst Wrap = forwardRef(\n  function Wrap2(props, ref) {\n    const { gap = \"0.5rem\", justify, direction, align, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        justifyContent: justify,\n        alignItems: align,\n        flexDirection: direction,\n        gap,\n        ...rest,\n        className: cx(\"chakra-wrap\", props.className)\n      }\n    );\n  }\n);\nWrap.displayName = \"Wrap\";\nconst itemStyle = defineStyle({\n  display: \"flex\",\n  alignItems: \"flex-start\"\n});\nconst WrapItem = forwardRef(\n  function WrapItem2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        css: [itemStyle, props.css],\n        ...props,\n        className: cx(\"chakra-wrap__listitem\", props.className)\n      }\n    );\n  }\n);\n\nexport { Wrap, WrapItem };\n"],"names":["Wrap","forwardRef","props","ref","gap","justify","direction","align","rest","jsx","chakra","cx","itemStyle","defineStyle","WrapItem"],"mappings":";;;;AAQK,MAACA,IAAOC;AAAA,EACX,SAAeC,GAAOC,GAAK;AACzB,UAAM,EAAE,KAAAC,IAAM,UAAU,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAI,IAAKN;AAC/D,WAAuBO,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAP;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgBE;AAAA,QAChB,YAAYE;AAAA,QACZ,eAAeD;AAAA,QACf,KAAAF;AAAA,QACA,GAAGI;AAAA,QACH,WAAWG,EAAG,eAAeT,EAAM,SAAS;AAAA,MACpD;AAAA,IACK;AAAA,EACL;AACA;AACAF,EAAK,cAAc;AACnB,MAAMY,IAAYC,EAAY;AAAA,EAC5B,SAAS;AAAA,EACT,YAAY;AACd,CAAC,GACKC,IAAWb;AAAA,EACf,SAAmBC,GAAOC,GAAK;AAC7B,WAAuBM,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAP;AAAA,QACA,KAAK,CAACS,GAAWV,EAAM,GAAG;AAAA,QAC1B,GAAGA;AAAA,QACH,WAAWS,EAAG,yBAAyBT,EAAM,SAAS;AAAA,MAC9D;AAAA,IACK;AAAA,EACL;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"wrap-CRNL4bE6.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/wrap/wrap.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { defineStyle } from '../../styled-system/config.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.js';\n\nconst Wrap = forwardRef(\n  function Wrap2(props, ref) {\n    const { gap = \"0.5rem\", justify, direction, align, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        justifyContent: justify,\n        alignItems: align,\n        flexDirection: direction,\n        gap,\n        ...rest,\n        className: cx(\"chakra-wrap\", props.className)\n      }\n    );\n  }\n);\nWrap.displayName = \"Wrap\";\nconst itemStyle = defineStyle({\n  display: \"flex\",\n  alignItems: \"flex-start\"\n});\nconst WrapItem = forwardRef(\n  function WrapItem2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        css: [itemStyle, props.css],\n        ...props,\n        className: cx(\"chakra-wrap__listitem\", props.className)\n      }\n    );\n  }\n);\n\nexport { Wrap, WrapItem };\n"],"names":["Wrap","forwardRef","props","ref","gap","justify","direction","align","rest","jsx","chakra","cx","itemStyle","defineStyle","WrapItem"],"mappings":";;;;AAQK,MAACA,IAAOC;AAAA,EACX,SAAeC,GAAOC,GAAK;AACzB,UAAM,EAAE,KAAAC,IAAM,UAAU,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAI,IAAKN;AAC/D,WAAuBO,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAP;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgBE;AAAA,QAChB,YAAYE;AAAA,QACZ,eAAeD;AAAA,QACf,KAAAF;AAAA,QACA,GAAGI;AAAA,QACH,WAAWG,EAAG,eAAeT,EAAM,SAAS;AAAA,MACpD;AAAA,IACK;AAAA,EACL;AACA;AACAF,EAAK,cAAc;AACnB,MAAMY,IAAYC,EAAY;AAAA,EAC5B,SAAS;AAAA,EACT,YAAY;AACd,CAAC,GACKC,IAAWb;AAAA,EACf,SAAmBC,GAAOC,GAAK;AAC7B,WAAuBM,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAP;AAAA,QACA,KAAK,CAACS,GAAWV,EAAM,GAAG;AAAA,QAC1B,GAAGA;AAAA,QACH,WAAWS,EAAG,yBAAyBT,EAAM,SAAS;AAAA,MAC9D;AAAA,IACK;AAAA,EACL;AACA;","x_google_ignoreList":[0]}