@vibe/core 3.72.0-alpha-cd688.0 → 3.72.0-alpha-5e660.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/mocked_classnames/src/hooks/useItemsOverflow/useItemsOverflow.js +1 -1
- package/dist/mocked_classnames/src/hooks/useItemsOverflow/useItemsOverflow.js.map +1 -1
- package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js +1 -1
- package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js.map +1 -1
- package/package.json +6 -6
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=i.minVisibleCount,s=void 0===a?0:a,d=n(0),h=r(d,2),v=h[0],g=h[1],m=n(!1),p=r(m,2),b=p[0],R=p[1],y=e([]),C=e(0),M=e(!1),w=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-C.current,e=0,t=0,u=Math.min(f.length,y.current.length),i=0;u>i;i++){var l=y.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}g(Math.max(t,Math.min(s,u)))}else g(f.length)}),[c,f,o,s]),B=t((function(){C.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),j=t((function(){
|
|
1
|
+
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=i.minVisibleCount,s=void 0===a?0:a,d=n(0),h=r(d,2),v=h[0],g=h[1],m=n(!1),p=r(m,2),b=p[0],R=p[1],y=e([]),C=e(0),M=e(!1),w=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-C.current,e=0,t=0,u=Math.min(f.length,y.current.length),i=0;u>i;i++){var l=y.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}g(Math.max(t,Math.min(s,u)))}else g(f.length)}),[c,f,o,s]),B=t((function(){C.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),j=t((function(){if(!c.current||!f.length)return g(f.length),void R(!0);B();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return g(0),y.current=[],void R(!0);y.current=r.map((function(r){return r.getBoundingClientRect().width})),w(),R(!0)}),[c,f,w,B]),x=t((function(){M.current||(M.current=!0,requestAnimationFrame((function(){try{j()}finally{M.current=!1}})))}),[j]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?y.current.length?(B(),w()):x():(g(0),y.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,B,w,x,f]),u((function(){f.length>0?(R(!1),j()):(g(0),y.current=[],R(!0))}),[f,j]),{visibleCount:v,hasMeasured:b}}export{i as default};
|
|
2
2
|
//# sourceMappingURL=useItemsOverflow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useItemsOverflow.js","sources":["../../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container || !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedWidth = deductedWidthRef.current;\n const availableWidth = containerWidth - deductedWidth;\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const
|
|
1
|
+
{"version":3,"file":"useItemsOverflow.js","sources":["../../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container || !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedWidth = deductedWidthRef.current;\n const availableWidth = containerWidth - deductedWidth;\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItemsSync = useCallback(() => {\n const container = containerRef.current;\n if (!container || !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n setHasMeasured(true);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n setHasMeasured(true);\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n measureAndCacheItemsSync();\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [measureAndCacheItemsSync]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n setHasMeasured(false);\n // Use synchronous measurement for initial render to prevent delay\n measureAndCacheItemsSync();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n }\n }, [itemRefs, measureAndCacheItemsSync]);\n\n return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","availableWidth","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"gMAMc,SAAUA,EAAgBC,GAYvC,IAXCC,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBACAC,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAQnBE,EAAwCC,EAAiB,GAAEC,EAAAC,EAAAH,EAAA,GAApDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,EAAYtB,aAAA,EAAAA,EAAcuB,QAChC,GAAKD,GAAcnB,EAASqB,OAA5B,CAcA,IATA,IAEMC,EAFiBH,EAAUI,YACXR,EAAiBK,QAGnCI,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,IAAI5B,EAASqB,OAAQR,EAAcO,QAAQC,QAEvDQ,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,EAAYjB,EAAcO,QAAQS,GAClCE,EAAmBF,EAAI,EAAIC,EAAYhC,EAAMgC,EAEnD,GAAIN,EAAkBO,EAAoBT,EAIxC,MAHAE,GAAmBO,EACnBN,GAIH,CAIDjB,EADmBmB,KAAKK,IAAIP,EAAOE,KAAKC,IAAI1B,EAAiBwB,IAxB5D,MAFClB,EAAgBR,EAASqB,OA4B5B,GAAE,CAACxB,EAAcG,EAAUF,EAAKI,IAE3B+B,EAAuBf,GAAY,WAErCH,EAAiBK,SADfrB,eAAAA,EAAkBqB,SACOrB,EAAiBqB,QAAQc,wBAAwBC,MAEjD,CAE/B,GAAG,CAACpC,IAEEqC,EAA2BlB,GAAY,WAE3C,IADkBrB,EAAauB,UACZpB,EAASqB,OAG1B,OAFAb,EAAgBR,EAASqB,aACzBT,GAAe,GAIjBqB,IAEA,IAAMI,EAAerC,EAASsC,KAAI,SAAAC,GAAG,OAAIA,EAAInB,OAAO,IAAEoB,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,EAAahB,OAIf,OAHAb,EAAgB,GAChBK,EAAcO,QAAU,QACxBR,GAAe,GAIjBC,EAAcO,QAAUiB,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKR,wBAAwBC,SAC9ElB,IACAL,GAAe,EAChB,GAAE,CAACf,EAAcG,EAAUiB,EAA2BgB,IAEjDU,EAAuBzB,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,EAE3BwB,uBAAsB,WACpB,IACER,GACD,CAAS,QACRpB,EAAiBI,SAAU,CAC5B,CACH,IACF,GAAG,CAACgB,IAwCJ,OAtCAS,GAA0B,WACxB,GAAKhD,EAAauB,QAAlB,CAEA,IAAM0B,EAAiB,IAAIC,gBAAe,WACpC/C,EAASqB,OAAS,EAChBR,EAAcO,QAAQC,QACxBY,IACAhB,KAEA0B,KAGFnC,EAAgB,GAChBK,EAAcO,QAAU,GAE5B,IAQA,OANA0B,EAAeE,QAAQnD,EAAauB,UAEhCrB,eAAAA,EAAkBqB,UACpB0B,EAAeE,QAAQjD,EAAiBqB,SAGnC,WAAA,OAAM0B,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,CAACpD,EAAcE,EAAkBkC,EAAsBhB,EAA2B0B,EAAsB3C,IAE3G6C,GAA0B,WACpB7C,EAASqB,OAAS,GACpBT,GAAe,GAEfwB,MAEA5B,EAAgB,GAChBK,EAAcO,QAAU,GACxBR,GAAe,GAEnB,GAAG,CAACZ,EAAUoC,IAEP,CAAE7B,aAAAA,EAAcI,YAAAA,EACzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=i.minVisibleCount,s=void 0===a?0:a,d=n(0),h=r(d,2),v=h[0],g=h[1],m=n(!1),p=r(m,2),b=p[0],R=p[1],y=e([]),C=e(0),M=e(!1),w=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-C.current,e=0,t=0,u=Math.min(f.length,y.current.length),i=0;u>i;i++){var l=y.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}g(Math.max(t,Math.min(s,u)))}else g(f.length)}),[c,f,o,s]),B=t((function(){C.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),j=t((function(){
|
|
1
|
+
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=i.minVisibleCount,s=void 0===a?0:a,d=n(0),h=r(d,2),v=h[0],g=h[1],m=n(!1),p=r(m,2),b=p[0],R=p[1],y=e([]),C=e(0),M=e(!1),w=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-C.current,e=0,t=0,u=Math.min(f.length,y.current.length),i=0;u>i;i++){var l=y.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}g(Math.max(t,Math.min(s,u)))}else g(f.length)}),[c,f,o,s]),B=t((function(){C.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),j=t((function(){if(!c.current||!f.length)return g(f.length),void R(!0);B();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return g(0),y.current=[],void R(!0);y.current=r.map((function(r){return r.getBoundingClientRect().width})),w(),R(!0)}),[c,f,w,B]),x=t((function(){M.current||(M.current=!0,requestAnimationFrame((function(){try{j()}finally{M.current=!1}})))}),[j]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?y.current.length?(B(),w()):x():(g(0),y.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,B,w,x,f]),u((function(){f.length>0?(R(!1),j()):(g(0),y.current=[],R(!0))}),[f,j]),{visibleCount:v,hasMeasured:b}}export{i as default};
|
|
2
2
|
//# sourceMappingURL=useItemsOverflow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container || !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedWidth = deductedWidthRef.current;\n const availableWidth = containerWidth - deductedWidth;\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const
|
|
1
|
+
{"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container || !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedWidth = deductedWidthRef.current;\n const availableWidth = containerWidth - deductedWidth;\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItemsSync = useCallback(() => {\n const container = containerRef.current;\n if (!container || !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n setHasMeasured(true);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n setHasMeasured(true);\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n measureAndCacheItemsSync();\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [measureAndCacheItemsSync]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n setHasMeasured(false);\n // Use synchronous measurement for initial render to prevent delay\n measureAndCacheItemsSync();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n }\n }, [itemRefs, measureAndCacheItemsSync]);\n\n return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","availableWidth","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"gMAMc,SAAUA,EAAgBC,GAYvC,IAXCC,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBACAC,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAQnBE,EAAwCC,EAAiB,GAAEC,EAAAC,EAAAH,EAAA,GAApDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,EAAYtB,aAAA,EAAAA,EAAcuB,QAChC,GAAKD,GAAcnB,EAASqB,OAA5B,CAcA,IATA,IAEMC,EAFiBH,EAAUI,YACXR,EAAiBK,QAGnCI,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,IAAI5B,EAASqB,OAAQR,EAAcO,QAAQC,QAEvDQ,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,EAAYjB,EAAcO,QAAQS,GAClCE,EAAmBF,EAAI,EAAIC,EAAYhC,EAAMgC,EAEnD,GAAIN,EAAkBO,EAAoBT,EAIxC,MAHAE,GAAmBO,EACnBN,GAIH,CAIDjB,EADmBmB,KAAKK,IAAIP,EAAOE,KAAKC,IAAI1B,EAAiBwB,IAxB5D,MAFClB,EAAgBR,EAASqB,OA4B5B,GAAE,CAACxB,EAAcG,EAAUF,EAAKI,IAE3B+B,EAAuBf,GAAY,WAErCH,EAAiBK,SADfrB,eAAAA,EAAkBqB,SACOrB,EAAiBqB,QAAQc,wBAAwBC,MAEjD,CAE/B,GAAG,CAACpC,IAEEqC,EAA2BlB,GAAY,WAE3C,IADkBrB,EAAauB,UACZpB,EAASqB,OAG1B,OAFAb,EAAgBR,EAASqB,aACzBT,GAAe,GAIjBqB,IAEA,IAAMI,EAAerC,EAASsC,KAAI,SAAAC,GAAG,OAAIA,EAAInB,OAAO,IAAEoB,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,EAAahB,OAIf,OAHAb,EAAgB,GAChBK,EAAcO,QAAU,QACxBR,GAAe,GAIjBC,EAAcO,QAAUiB,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKR,wBAAwBC,SAC9ElB,IACAL,GAAe,EAChB,GAAE,CAACf,EAAcG,EAAUiB,EAA2BgB,IAEjDU,EAAuBzB,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,EAE3BwB,uBAAsB,WACpB,IACER,GACD,CAAS,QACRpB,EAAiBI,SAAU,CAC5B,CACH,IACF,GAAG,CAACgB,IAwCJ,OAtCAS,GAA0B,WACxB,GAAKhD,EAAauB,QAAlB,CAEA,IAAM0B,EAAiB,IAAIC,gBAAe,WACpC/C,EAASqB,OAAS,EAChBR,EAAcO,QAAQC,QACxBY,IACAhB,KAEA0B,KAGFnC,EAAgB,GAChBK,EAAcO,QAAU,GAE5B,IAQA,OANA0B,EAAeE,QAAQnD,EAAauB,UAEhCrB,eAAAA,EAAkBqB,UACpB0B,EAAeE,QAAQjD,EAAiBqB,SAGnC,WAAA,OAAM0B,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,CAACpD,EAAcE,EAAkBkC,EAAsBhB,EAA2B0B,EAAsB3C,IAE3G6C,GAA0B,WACpB7C,EAASqB,OAAS,GACpBT,GAAe,GAEfwB,MAEA5B,EAAgB,GAChBK,EAAcO,QAAU,GACxBR,GAAe,GAEnB,GAAG,CAACZ,EAAUoC,IAEP,CAAE7B,aAAAA,EAAcI,YAAAA,EACzB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibe/core",
|
|
3
|
-
"version": "3.72.0-alpha-
|
|
3
|
+
"version": "3.72.0-alpha-5e660.0",
|
|
4
4
|
"description": "Official monday.com UI resources for application development in React.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -94,10 +94,10 @@
|
|
|
94
94
|
},
|
|
95
95
|
"dependencies": {
|
|
96
96
|
"@popperjs/core": "2.11.6",
|
|
97
|
-
"@vibe/button": "3.0.4-alpha-
|
|
98
|
-
"@vibe/icon": "3.0.4-alpha-
|
|
97
|
+
"@vibe/button": "3.0.4-alpha-5e660.0",
|
|
98
|
+
"@vibe/icon": "3.0.4-alpha-5e660.0",
|
|
99
99
|
"@vibe/icons": "1.11.0",
|
|
100
|
-
"@vibe/loader": "3.0.4-alpha-
|
|
100
|
+
"@vibe/loader": "3.0.4-alpha-5e660.0",
|
|
101
101
|
"a11y-dialog": "^7.5.2",
|
|
102
102
|
"body-scroll-lock": "^4.0.0-beta.0",
|
|
103
103
|
"browserslist-config-monday": "1.0.6",
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
"@uiw/codemirror-extensions-langs": "^4.21.25",
|
|
187
187
|
"@uiw/codemirror-theme-github": "^4.21.25",
|
|
188
188
|
"@uiw/react-codemirror": "^4.21.25",
|
|
189
|
-
"@vibe/config": "3.0.3-alpha-
|
|
189
|
+
"@vibe/config": "3.0.3-alpha-5e660.0",
|
|
190
190
|
"@vitejs/plugin-react": "^4.3.1",
|
|
191
191
|
"@vitest/coverage-v8": "^1.6.0",
|
|
192
192
|
"@vitest/ui": "^1.6.0",
|
|
@@ -280,5 +280,5 @@
|
|
|
280
280
|
"browserslist": [
|
|
281
281
|
"extends browserslist-config-monday"
|
|
282
282
|
],
|
|
283
|
-
"gitHead": "
|
|
283
|
+
"gitHead": "934bc0de7f721ce4f8857c607063c30aedf3f272"
|
|
284
284
|
}
|