dinocollab-core 2.2.14 → 2.2.16

package/dist/src/components/image-with-fallback.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as r,slicedToArray as t,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,Fragment as n,jsxs as a}from"react/jsx-runtime";import{useState as l,useRef as i,useEffect as u,Fragment as c}from"react";import{useDebounce as s}from"../hooks/debounce.js";var f=["src","fallbackSrc","alt","loading","debounceDelay"],m=function(m){var d=m.src,p=m.fallbackSrc,b=m.alt,y=m.loading,g=m.debounceDelay,h=void 0===g?0:g,j=r(m,f),v=s(d,h),S=s(p,h),k=h>0?v:d,T=h>0?S:p,x=l(!0),D=t(x,2),L=D[0],P=D[1],_=l(null!=k?k:T),A=t(_,2),B=A[0],E=A[1],F=i(null),H=function(){F.current&&(clearTimeout(F.current),F.current=null),F.current=setTimeout(function(){L&&P(!1)},2e3)};u(function(){E(null!=k?k:T),P(!0)},[k,T]);var W,q=L&&y?y:o(n,{});return a(c,{children:[q,o("img",e(e(e({},j),(W={},j.style&&(W.style=j.style),L&&(W.style=e(e({},W.style),{},{height:"0!important",transition:"height 0.2s ease-in-out"})),W)),{},{src:B,alt:b,onLoadStart:function(){return P(!0)},onLoad:function(){P(!1),H()},onError:function(){E(p),P(!1),H()}}))]})};export{m as ImageWithFallback,m as default};
+import{objectWithoutProperties as r,slicedToArray as t,objectSpread2 as n}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useRef as u,useState as l,useEffect as c,Fragment as a}from"react";import{useDebounce as i}from"../hooks/debounce.js";var s=["src","fallbackSrc","alt","loading","debounceDelay"],f=function(f){var m=f.src,d=f.fallbackSrc,p=f.alt,y=f.loading,b=f.debounceDelay,h=void 0===b?0:b,g=r(f,s),v=i(m,h),j=i(d,h),S=h>0?v:m,T=h>0?j:d,k=T?Array.isArray(T)?T:[T]:[],A=u(S?-1:0),x=l(!0),D=t(x,2),L=D[0],P=D[1],_=l(null!=S?S:k[0]),B=t(_,2),E=B[0],H=B[1],W=u(null),q=function(){W.current&&(clearTimeout(W.current),W.current=null),W.current=setTimeout(function(){P(!1)},2e3)};c(function(){return function(){W.current&&clearTimeout(W.current)}},[]),c(function(){A.current=S?-1:0,H(null!=S?S:k[0]),P(!0)},[S,T]);var w,z=y?"function"==typeof y?y(L):L?y:null:null;return e(a,{children:[z,o("img",n(n(n({},g),(w={},g.style&&(w.style=g.style),L&&(w.style=n(n({},w.style),{},{height:"0!important",transition:"height 0.2s ease-in-out"})),w)),{},{src:E,alt:p,onLoadStart:function(){return P(!0)},onLoad:function(){P(!1),q()},onError:function(){var r=A.current+1;r<k.length?(A.current=r,H(k[r])):(P(!1),q())}}))]})};export{f as ImageWithFallback,f as default};
 //# sourceMappingURL=image-with-fallback.js.map

package/dist/src/components/image-with-fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-with-fallback.js","sources":["../../../src/components/image-with-fallback.tsx"],"sourcesContent":["import { Fragment, useEffect, useRef, useState } from 'react'\r\nimport type { CSSProperties, FC, ImgHTMLAttributes, ReactNode } from 'react'\r\nimport { useDebounce } from '../hooks'\r\n\r\nexport interface IImageWithFallbackPropsOwner {\r\n  src?: string\r\n  alt?: string\r\n  fallbackSrc: string\r\n  loading?: ReactNode\r\n  debounceDelay?: number\r\n}\r\n\r\nexport type IImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, keyof IImageWithFallbackPropsOwner>\r\n\r\nexport interface IImageWithFallbackProps extends IImageProps, IImageWithFallbackPropsOwner {}\r\n\r\nexport const ImageWithFallback: FC<IImageWithFallbackProps> = ({ src, fallbackSrc, alt, loading, debounceDelay = 0, ...props }) => {\r\n  const debouncedSrc = useDebounce(src, debounceDelay)\r\n  const debouncedFallbackSrc = useDebounce(fallbackSrc, debounceDelay)\r\n\r\n  const effectiveSrc = debounceDelay > 0 ? debouncedSrc : src\r\n  const effectiveFallbackSrc = debounceDelay > 0 ? debouncedFallbackSrc : fallbackSrc\r\n\r\n  const [isLoading, setLoading] = useState(true)\r\n  const [imgSrc, setImgSrc] = useState(effectiveSrc ?? effectiveFallbackSrc)\r\n\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\r\n  const forceStopLoading = () => {\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current)\r\n      timeoutRef.current = null\r\n    }\r\n    timeoutRef.current = setTimeout(() => {\r\n      if (isLoading) setLoading(false)\r\n    }, 2000)\r\n  }\r\n\r\n  useEffect(() => {\r\n    setImgSrc(effectiveSrc ?? effectiveFallbackSrc)\r\n    setLoading(true)\r\n  }, [effectiveSrc, effectiveFallbackSrc])\r\n\r\n  const loadingElement = isLoading && loading ? loading : <></>\r\n\r\n  const mapStyle = () => {\r\n    const obj: { style?: CSSProperties } = {}\r\n    if (props.style) obj.style = props.style\r\n    if (isLoading) obj.style = { ...obj.style, height: '0!important', transition: 'height 0.2s ease-in-out' }\r\n    return obj\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      {loadingElement}\r\n      <img\r\n        {...props}\r\n        {...mapStyle()}\r\n        src={imgSrc}\r\n        alt={alt}\r\n        onLoadStart={() => setLoading(true)}\r\n        onLoad={() => {\r\n          setLoading(false)\r\n          forceStopLoading()\r\n        }}\r\n        onError={() => {\r\n          setImgSrc(fallbackSrc)\r\n          setLoading(false)\r\n          forceStopLoading()\r\n        }}\r\n      />\r\n    </Fragment>\r\n  )\r\n}\r\nexport default ImageWithFallback\r\n"],"names":["ImageWithFallback","_ref","src","fallbackSrc","alt","loading","_ref$debounceDelay","debounceDelay","props","_objectWithoutProperties","_excluded","debouncedSrc","useDebounce","debouncedFallbackSrc","effectiveSrc","effectiveFallbackSrc","_useState","useState","_useState2","_slicedToArray","isLoading","setLoading","_useState3","_useState4","imgSrc","setImgSrc","timeoutRef","useRef","forceStopLoading","current","clearTimeout","setTimeout","useEffect","obj","loadingElement","_jsx","_jsxs","Fragment","children","_objectSpread","style","height","transition","onLoadStart","onLoad","onError"],"mappings":"qXAgBaA,EAAiD,SAAhCC,GAAoG,IAAjEC,EAAGD,EAAHC,IAAKC,EAAWF,EAAXE,YAAaC,EAAGH,EAAHG,IAAKC,EAAOJ,EAAPI,QAAOC,EAAAL,EAAEM,cAAAA,OAAgB,IAAHD,EAAG,EAACA,EAAKE,EAAKC,EAAAR,EAAAS,GACpHC,EAAeC,EAAYV,EAAKK,GAChCM,EAAuBD,EAAYT,EAAaI,GAEhDO,EAAeP,EAAgB,EAAII,EAAeT,EAClDa,EAAuBR,EAAgB,EAAIM,EAAuBV,EAExEa,EAAgCC,GAAS,GAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAC5BI,EAA4BL,EAASH,QAAAA,EAAgBC,GAAqBQ,EAAAJ,EAAAG,EAAA,GAAnEE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAElBG,EAAaC,EAA6C,MAC1DC,EAAmB,WACnBF,EAAWG,UACbC,aAAaJ,EAAWG,SACxBH,EAAWG,QAAU,MAEvBH,EAAWG,QAAUE,WAAW,WAC1BX,GAAWC,GAAW,EAC3B,EAAE,IACJ,EAEDW,EAAU,WACRP,EAAUX,QAAAA,EAAgBC,GAC1BM,GAAW,EACb,EAAG,CAACP,EAAcC,IAElB,IAGQkB,EAHFC,EAAiBd,GAAaf,EAAUA,EAAU8B,QASxD,OACEC,EAACC,EAAQ,CAAAC,SAAA,CACNJ,EACDC,EAAA,MAAAI,EAAAA,EAAAA,EAAA,CAAA,EACM/B,IAVFyB,EAAiC,CAAE,EACrCzB,EAAMgC,QAAOP,EAAIO,MAAQhC,EAAMgC,OAC/BpB,IAAWa,EAAIO,MAAKD,EAAAA,EAAA,CAAA,EAAQN,EAAIO,OAAK,GAAA,CAAEC,OAAQ,cAAeC,WAAY,6BACvET,IAQW,CAAA,EAAA,CACd/B,IAAKsB,EACLpB,IAAKA,EACLuC,YAAa,WAAF,OAAQtB,GAAW,EAAK,EACnCuB,OAAQ,WACNvB,GAAW,GACXO,GACD,EACDiB,QAAS,WACPpB,EAAUtB,GACVkB,GAAW,GACXO,GACF,OAIR"}
+{"version":3,"file":"image-with-fallback.js","sources":["../../../src/components/image-with-fallback.tsx"],"sourcesContent":["import { Fragment, useEffect, useRef, useState } from 'react'\r\nimport type { CSSProperties, FC, ImgHTMLAttributes, ReactNode } from 'react'\r\nimport { useDebounce } from '../hooks'\r\n\r\nexport interface IImageWithFallbackPropsOwner {\r\n  /** The source URL of the image */\r\n  src?: string\r\n  /** The alt text for the image */\r\n  alt?: string\r\n  /** The fallback source(s) to use if the main image fails to load */\r\n  fallbackSrc?: string | string[]\r\n  /** The loading indicator to display while the image is loading */\r\n  loading?: ReactNode | ((isLoading: boolean) => ReactNode)\r\n  /** The debounce delay in milliseconds */\r\n  debounceDelay?: number\r\n}\r\n\r\nexport type IImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, keyof IImageWithFallbackPropsOwner>\r\n\r\nexport interface IImageWithFallbackProps extends IImageProps, IImageWithFallbackPropsOwner {}\r\n\r\nexport const ImageWithFallback: FC<IImageWithFallbackProps> = ({ src, fallbackSrc, alt, loading, debounceDelay = 0, ...props }) => {\r\n  const debouncedSrc = useDebounce(src, debounceDelay)\r\n  const debouncedFallbackSrc = useDebounce(fallbackSrc, debounceDelay)\r\n\r\n  const effectiveSrc = debounceDelay > 0 ? debouncedSrc : src\r\n  const effectiveFallbackSrc = debounceDelay > 0 ? debouncedFallbackSrc : fallbackSrc\r\n\r\n  // Normalize fallbackSrc to array for uniform iteration\r\n  const fallbackList = effectiveFallbackSrc ? (Array.isArray(effectiveFallbackSrc) ? effectiveFallbackSrc : [effectiveFallbackSrc]) : []\r\n\r\n  // -1 when src is provided (no fallback tried yet); 0 when starting directly from fallbackList[0]\r\n  const fallbackIndexRef = useRef(effectiveSrc ? -1 : 0)\r\n\r\n  const [isLoading, setLoading] = useState(true)\r\n  const [imgSrc, setImgSrc] = useState(effectiveSrc ?? fallbackList[0])\r\n\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\r\n\r\n  // Safety net: force-stop loading after 2s in case onLoad/onError never fires (e.g. broken network)\r\n  const forceStopLoading = () => {\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current)\r\n      timeoutRef.current = null\r\n    }\r\n    timeoutRef.current = setTimeout(() => {\r\n      setLoading(false)\r\n    }, 2000)\r\n  }\r\n\r\n  // Cleanup pending timeout to avoid setState on unmounted component\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\r\n    }\r\n  }, [])\r\n\r\n  // Reset state whenever src or fallbackSrc changes\r\n  useEffect(() => {\r\n    fallbackIndexRef.current = effectiveSrc ? -1 : 0\r\n    setImgSrc(effectiveSrc ?? fallbackList[0])\r\n    setLoading(true)\r\n  }, [effectiveSrc, effectiveFallbackSrc])\r\n\r\n  const loadingElement = loading ? (typeof loading === 'function' ? loading(isLoading) : isLoading ? loading : null) : null\r\n\r\n  const mapStyle = () => {\r\n    const obj: { style?: CSSProperties } = {}\r\n    if (props.style) obj.style = props.style\r\n    if (isLoading) obj.style = { ...obj.style, height: '0!important', transition: 'height 0.2s ease-in-out' }\r\n    return obj\r\n  }\r\n\r\n  // Try next fallback in sequence; stop loading when the list is exhausted\r\n  const handleError = () => {\r\n    const nextIndex = fallbackIndexRef.current + 1\r\n    if (nextIndex < fallbackList.length) {\r\n      fallbackIndexRef.current = nextIndex\r\n      setImgSrc(fallbackList[nextIndex])\r\n    } else {\r\n      setLoading(false)\r\n      forceStopLoading()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      {loadingElement}\r\n      <img\r\n        {...props}\r\n        {...mapStyle()}\r\n        src={imgSrc}\r\n        alt={alt}\r\n        onLoadStart={() => setLoading(true)}\r\n        onLoad={() => {\r\n          setLoading(false)\r\n          forceStopLoading()\r\n        }}\r\n        onError={handleError}\r\n      />\r\n    </Fragment>\r\n  )\r\n}\r\nexport default ImageWithFallback\r\n"],"names":["ImageWithFallback","_ref","src","fallbackSrc","alt","loading","_ref$debounceDelay","debounceDelay","props","_objectWithoutProperties","_excluded","debouncedSrc","useDebounce","debouncedFallbackSrc","effectiveSrc","effectiveFallbackSrc","fallbackList","Array","isArray","fallbackIndexRef","useRef","_useState","useState","_useState2","_slicedToArray","isLoading","setLoading","_useState3","_useState4","imgSrc","setImgSrc","timeoutRef","forceStopLoading","current","clearTimeout","setTimeout","useEffect","obj","loadingElement","_jsxs","Fragment","children","_jsx","_objectSpread","style","height","transition","onLoadStart","onLoad","onError","nextIndex","length"],"mappings":"uWAqBaA,EAAiD,SAAhCC,GAAoG,IAAjEC,EAAGD,EAAHC,IAAKC,EAAWF,EAAXE,YAAaC,EAAGH,EAAHG,IAAKC,EAAOJ,EAAPI,QAAOC,EAAAL,EAAEM,cAAAA,OAAgB,IAAHD,EAAG,EAACA,EAAKE,EAAKC,EAAAR,EAAAS,GACpHC,EAAeC,EAAYV,EAAKK,GAChCM,EAAuBD,EAAYT,EAAaI,GAEhDO,EAAeP,EAAgB,EAAII,EAAeT,EAClDa,EAAuBR,EAAgB,EAAIM,EAAuBV,EAGlEa,EAAeD,EAAwBE,MAAMC,QAAQH,GAAwBA,EAAuB,CAACA,GAAyB,GAG9HI,EAAmBC,EAAON,GAAe,EAAK,GAEpDO,EAAgCC,GAAS,GAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAC5BI,EAA4BL,EAASR,QAAAA,EAAgBE,EAAa,IAAGY,EAAAJ,EAAAG,EAAA,GAA9DE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAElBG,EAAaX,EAA6C,MAG1DY,EAAmB,WACnBD,EAAWE,UACbC,aAAaH,EAAWE,SACxBF,EAAWE,QAAU,MAEvBF,EAAWE,QAAUE,WAAW,WAC9BT,GAAW,EACZ,EAAE,IACJ,EAGDU,EAAU,WACR,OAAO,WACDL,EAAWE,SAASC,aAAaH,EAAWE,QACjD,CACF,EAAE,IAGHG,EAAU,WACRjB,EAAiBc,QAAUnB,GAAe,EAAK,EAC/CgB,EAAUhB,QAAAA,EAAgBE,EAAa,IACvCU,GAAW,EACb,EAAG,CAACZ,EAAcC,IAElB,IAGQsB,EAHFC,EAAiBjC,EAA8B,mBAAZA,EAAyBA,EAAQoB,GAAaA,EAAYpB,EAAU,KAAQ,KAqBrH,OACEkC,EAACC,EAAQ,CAAAC,SAAA,CACNH,EACDI,EAAA,MAAAC,EAAAA,EAAAA,EAAA,CAAA,EACMnC,IAtBF6B,EAAiC,CAAE,EACrC7B,EAAMoC,QAAOP,EAAIO,MAAQpC,EAAMoC,OAC/BnB,IAAWY,EAAIO,MAAKD,EAAAA,EAAA,CAAA,EAAQN,EAAIO,OAAK,GAAA,CAAEC,OAAQ,cAAeC,WAAY,6BACvET,IAoBW,CAAA,EAAA,CACdnC,IAAK2B,EACLzB,IAAKA,EACL2C,YAAa,WAAF,OAAQrB,GAAW,EAAK,EACnCsB,OAAQ,WACNtB,GAAW,GACXM,GACD,EACDiB,QAxBc,WAClB,IAAMC,EAAY/B,EAAiBc,QAAU,EACzCiB,EAAYlC,EAAamC,QAC3BhC,EAAiBc,QAAUiB,EAC3BpB,EAAUd,EAAakC,MAEvBxB,GAAW,GACXM,IAEH,OAmBH"}

package/dist/src/data-surface/helpers.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{QueryParam as r}from"../utils/query-param.js";function i(e,i){if("undefined"!=typeof window)try{var o={mode:e===i?void 0:e};o.mode?r.replacePatch(o):r.replaceDeletes("mode")}catch(e){console.error("Error syncing view mode to URL:",e)}}function o(e){if("undefined"==typeof window)return e;try{var i=r.gets("mode");return i.mode?i.mode:e}catch(r){return console.error("Error getting view mode from URL:",r),e}}function a(e,i){var o,a;if("undefined"!=typeof window)try{if((o=e)===(a=i)||!o&&!a||o&&a&&o.page===a.page&&o.pageSize===a.pageSize)return void r.replaceDeletes("page","pageSize");if(!e)return void r.replaceDeletes("page","pageSize");var n={};void 0!==e.page&&e.page!==(null==i?void 0:i.page)&&(n.page=String(e.page)),void 0!==e.pageSize&&e.pageSize!==(null==i?void 0:i.pageSize)&&(n.pageSize=String(e.pageSize)),0===Object.keys(n).length?r.replaceDeletes("page","pageSize"):r.replacePatch(n)}catch(e){console.error("Error syncing pagination to URL:",e)}}function n(i){if("undefined"==typeof window)return i;try{var o=r.gets("page","pageSize"),a=o.page?parseInt(o.page,10):void 0,n=o.pageSize?parseInt(o.pageSize,10):void 0;return void 0===a&&void 0===n?i:e(e({},i),{},{page:void 0===a||isNaN(a)?null==i?void 0:i.page:a,pageSize:void 0===n||isNaN(n)?null==i?void 0:i.pageSize:n})}catch(e){return console.error("Error getting pagination from URL:",e),i}}export{n as getPaginationFromURL,o as getViewModeFromURL,a as setPaginationToURL,i as setViewModeToURL};
+import{objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{QueryParam as r}from"../utils/query-param.js";function o(e,o){if("undefined"!=typeof window)try{var i={mode:e===o?void 0:e};i.mode?r.replacePatch(i):r.replaceDeletes("mode")}catch(e){console.error("Error syncing view mode to URL:",e)}}function i(e){if("undefined"==typeof window)return e;try{var o=r.gets("mode");return o.mode?o.mode:e}catch(r){return console.error("Error getting view mode from URL:",r),e}}function n(e,o){if("undefined"!=typeof window)try{var i={},n=[];void 0!==(null==e?void 0:e.page)&&e.page!==(null==o?void 0:o.page)?i.page=String(e.page):n.push("page"),void 0!==(null==e?void 0:e.pageSize)&&e.pageSize!==(null==o?void 0:o.pageSize)?i.pageSize=String(e.pageSize):n.push("pageSize"),Object.keys(i).length>0&&r.replacePatch(i),n.length>0&&r.replaceDeletes.apply(r,n)}catch(e){console.error("Error syncing pagination to URL:",e)}}function a(o){if("undefined"==typeof window)return o;try{var i=r.gets("page","pageSize"),n=i.page?parseInt(i.page,10):void 0,a=i.pageSize?parseInt(i.pageSize,10):void 0;return void 0===n&&void 0===a?o:e(e({},o),{},{page:void 0===n||isNaN(n)?null==o?void 0:o.page:n,pageSize:void 0===a||isNaN(a)?null==o?void 0:o.pageSize:a})}catch(e){return console.error("Error getting pagination from URL:",e),o}}export{a as getPaginationFromURL,i as getViewModeFromURL,n as setPaginationToURL,o as setViewModeToURL};
 //# sourceMappingURL=helpers.js.map

package/dist/src/data-surface/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/data-surface/helpers.ts"],"sourcesContent":["import { DataSurfaceViewMode, TPagination } from './types'\r\nimport { QueryParam } from '../utils/query-param'\r\n\r\nexport interface IViewDataQueryParams {\r\n  mode?: DataSurfaceViewMode\r\n}\r\n\r\nexport function setViewModeToURL(mode?: DataSurfaceViewMode, defaultMode?: DataSurfaceViewMode) {\r\n  // If window is undefined (e.g., during SSR), do nothing\r\n  if (typeof window === 'undefined') return\r\n  try {\r\n    const updateParams: IViewDataQueryParams = { mode: mode === defaultMode ? undefined : mode }\r\n\r\n    // Update URL with view mode\r\n    if (updateParams.mode) {\r\n      QueryParam.replacePatch<IViewDataQueryParams>(updateParams)\r\n    } else {\r\n      // If no view mode to update, remove existing mode from URL\r\n      QueryParam.replaceDeletes<IViewDataQueryParams>('mode')\r\n    }\r\n  } catch (error) {\r\n    console.error('Error syncing view mode to URL:', error)\r\n  }\r\n}\r\n\r\nexport function getViewModeFromURL(defaultMode?: DataSurfaceViewMode): DataSurfaceViewMode | undefined {\r\n  // If window is undefined (e.g., during SSR), return defaultViewMode\r\n  if (typeof window === 'undefined') return defaultMode\r\n  try {\r\n    const q = QueryParam.gets<IViewDataQueryParams>('mode')\r\n    return q.mode ? (q.mode as DataSurfaceViewMode) : defaultMode\r\n  } catch (error) {\r\n    console.error('Error getting view mode from URL:', error)\r\n    return defaultMode\r\n  }\r\n}\r\n\r\nexport interface IPaginationQueryParams {\r\n  page?: string\r\n  pageSize?: string\r\n}\r\n\r\n/**\r\n * @en Check if two pagination objects are equal (ignoring hasNext/hasPrev/total).\r\n * @vi Kiem tra xem hai pagination co bang nhau khong (bo qua hasNext/hasPrev/total).\r\n */\r\nfunction isPaginationEqual(pagination1?: TPagination, pagination2?: TPagination): boolean {\r\n  if (pagination1 === pagination2) return true\r\n  if (!pagination1 && !pagination2) return true\r\n  if (!pagination1 || !pagination2) return false\r\n\r\n  return pagination1.page === pagination2.page && pagination1.pageSize === pagination2.pageSize\r\n}\r\n\r\n/**\r\n * @en Synchronize pagination to URL query parameters. If pagination equals defaultPagination, remove from URL to keep it clean.\r\n * @vi Dong bo pagination vao URL query parameters. Neu pagination bang defaultPagination, xoa khoi URL de giu URL sach.\r\n *\r\n * @param pagination - Current pagination to sync\r\n * @param defaultPagination - Default pagination (if current equals this, don't save to URL)\r\n */\r\nexport function setPaginationToURL(pagination?: TPagination, defaultPagination?: TPagination) {\r\n  // If window is undefined (e.g., during SSR), do nothing\r\n  if (typeof window === 'undefined') return\r\n\r\n  try {\r\n    // If pagination equals default, remove from URL\r\n    if (isPaginationEqual(pagination, defaultPagination)) {\r\n      QueryParam.replaceDeletes<IPaginationQueryParams>('page', 'pageSize')\r\n      return\r\n    }\r\n\r\n    // If pagination is empty/undefined, remove from URL\r\n    if (!pagination) {\r\n      QueryParam.replaceDeletes<IPaginationQueryParams>('page', 'pageSize')\r\n      return\r\n    }\r\n\r\n    // Build update params (only include values that differ from default)\r\n    const updateParams: IPaginationQueryParams = {}\r\n\r\n    if (pagination.page !== undefined && pagination.page !== defaultPagination?.page) {\r\n      updateParams.page = String(pagination.page)\r\n    }\r\n\r\n    if (pagination.pageSize !== undefined && pagination.pageSize !== defaultPagination?.pageSize) {\r\n      updateParams.pageSize = String(pagination.pageSize)\r\n    }\r\n\r\n    // If no params to update, remove from URL\r\n    if (Object.keys(updateParams).length === 0) {\r\n      QueryParam.replaceDeletes<IPaginationQueryParams>('page', 'pageSize')\r\n    } else {\r\n      QueryParam.replacePatch<IPaginationQueryParams>(updateParams)\r\n    }\r\n  } catch (error) {\r\n    console.error('Error syncing pagination to URL:', error)\r\n  }\r\n}\r\n\r\n/**\r\n * @en Retrieve pagination from URL query parameters.\r\n * @vi Lay pagination tu URL query parameters.\r\n *\r\n * @param defaultPagination - Default pagination to return if URL has no pagination\r\n * @returns Pagination from URL or defaultPagination\r\n */\r\nexport function getPaginationFromURL(defaultPagination?: TPagination): TPagination | undefined {\r\n  // If window is undefined (e.g., during SSR), return defaultPagination\r\n  if (typeof window === 'undefined') return defaultPagination\r\n\r\n  try {\r\n    const q = QueryParam.gets<IPaginationQueryParams>('page', 'pageSize')\r\n\r\n    // Parse values from URL\r\n    const page = q.page ? parseInt(q.page, 10) : undefined\r\n    const pageSize = q.pageSize ? parseInt(q.pageSize, 10) : undefined\r\n\r\n    // If no pagination in URL, return default\r\n    if (page === undefined && pageSize === undefined) {\r\n      return defaultPagination\r\n    }\r\n\r\n    // Merge with default pagination\r\n    return {\r\n      ...defaultPagination,\r\n      page: page !== undefined && !isNaN(page) ? page : defaultPagination?.page,\r\n      pageSize: pageSize !== undefined && !isNaN(pageSize) ? pageSize : defaultPagination?.pageSize\r\n    }\r\n  } catch (error) {\r\n    console.error('Error getting pagination from URL:', error)\r\n    return defaultPagination\r\n  }\r\n}\r\n"],"names":["setViewModeToURL","mode","defaultMode","window","updateParams","undefined","QueryParam","replacePatch","replaceDeletes","error","console","getViewModeFromURL","q","gets","setPaginationToURL","pagination","defaultPagination","pagination1","pagination2","page","pageSize","String","Object","keys","length","getPaginationFromURL","parseInt","_objectSpread","isNaN"],"mappings":"iIAOgB,SAAAA,EAAiBC,EAA4BC,GAE3D,GAAsB,oBAAXC,OACX,IACE,IAAMC,EAAqC,CAAEH,KAAMA,IAASC,OAAcG,EAAYJ,GAGlFG,EAAaH,KACfK,EAAWC,aAAmCH,GAG9CE,EAAWE,eAAqC,OAEnD,CAAC,MAAOC,GACPC,QAAQD,MAAM,kCAAmCA,EAClD,CACH,CAEM,SAAUE,EAAmBT,GAEjC,GAAsB,oBAAXC,OAAwB,OAAOD,EAC1C,IACE,IAAMU,EAAIN,EAAWO,KAA2B,QAChD,OAAOD,EAAEX,KAAQW,EAAEX,KAA+BC,CACnD,CAAC,MAAOO,GAEP,OADAC,QAAQD,MAAM,oCAAqCA,GAC5CP,CACR,CACH,CA0BgB,SAAAY,EAAmBC,EAA0BC,GAf7D,IAA2BC,EAA2BC,EAiBpD,GAAsB,oBAAXf,OAEX,IAEE,IArBuBc,EAqBDF,MArB4BG,EAqBhBF,KAnB/BC,IAAgBC,GAChBD,GAAgBC,GAEdD,EAAYE,OAASD,EAAYC,MAAQF,EAAYG,WAAaF,EAAYE,SAkBjF,YADAd,EAAWE,eAAuC,OAAQ,YAK5D,IAAKO,EAEH,YADAT,EAAWE,eAAuC,OAAQ,YAK5D,IAAMJ,EAAuC,CAAE,OAEvBC,IAApBU,EAAWI,MAAsBJ,EAAWI,QAASH,eAAAA,EAAmBG,QAC1Ef,EAAae,KAAOE,OAAON,EAAWI,YAGZd,IAAxBU,EAAWK,UAA0BL,EAAWK,YAAaJ,eAAAA,EAAmBI,YAClFhB,EAAagB,SAAWC,OAAON,EAAWK,WAIH,IAArCE,OAAOC,KAAKnB,GAAcoB,OAC5BlB,EAAWE,eAAuC,OAAQ,YAE1DF,EAAWC,aAAqCH,EAEnD,CAAC,MAAOK,GACPC,QAAQD,MAAM,mCAAoCA,EACnD,CACH,CASM,SAAUgB,EAAqBT,GAEnC,GAAsB,oBAAXb,OAAwB,OAAOa,EAE1C,IACE,IAAMJ,EAAIN,EAAWO,KAA6B,OAAQ,YAGpDM,EAAOP,EAAEO,KAAOO,SAASd,EAAEO,KAAM,SAAMd,EACvCe,EAAWR,EAAEQ,SAAWM,SAASd,EAAEQ,SAAU,SAAMf,EAGzD,YAAaA,IAATc,QAAmCd,IAAbe,EACjBJ,EAITW,EAAAA,EAAA,CAAA,EACKX,GAAiB,CAAA,EAAA,CACpBG,UAAed,IAATc,GAAuBS,MAAMT,GAAeH,aAAAA,EAAAA,EAAmBG,KAA1BA,EAC3CC,cAAuBf,IAAbe,GAA2BQ,MAAMR,GAAuBJ,aAAiB,EAAjBA,EAAmBI,SAA9BA,GAE1D,CAAC,MAAOX,GAEP,OADAC,QAAQD,MAAM,qCAAsCA,GAC7CO,CACR,CACH"}
+{"version":3,"file":"helpers.js","sources":["../../../src/data-surface/helpers.ts"],"sourcesContent":["import { QueryParam } from '../utils/query-param'\r\nimport { DataSurfaceViewMode, TPagination } from './types'\r\n\r\nexport interface IViewDataQueryParams {\r\n  mode?: DataSurfaceViewMode\r\n}\r\n\r\nexport function setViewModeToURL(mode?: DataSurfaceViewMode, defaultMode?: DataSurfaceViewMode) {\r\n  // If window is undefined (e.g., during SSR), do nothing\r\n  if (typeof window === 'undefined') return\r\n  try {\r\n    const updateParams: IViewDataQueryParams = { mode: mode === defaultMode ? undefined : mode }\r\n\r\n    // Update URL with view mode\r\n    if (updateParams.mode) {\r\n      QueryParam.replacePatch<IViewDataQueryParams>(updateParams)\r\n    } else {\r\n      // If no view mode to update, remove existing mode from URL\r\n      QueryParam.replaceDeletes<IViewDataQueryParams>('mode')\r\n    }\r\n  } catch (error) {\r\n    console.error('Error syncing view mode to URL:', error)\r\n  }\r\n}\r\n\r\nexport function getViewModeFromURL(defaultMode?: DataSurfaceViewMode): DataSurfaceViewMode | undefined {\r\n  // If window is undefined (e.g., during SSR), return defaultViewMode\r\n  if (typeof window === 'undefined') return defaultMode\r\n  try {\r\n    const q = QueryParam.gets<IViewDataQueryParams>('mode')\r\n    return q.mode ? (q.mode as DataSurfaceViewMode) : defaultMode\r\n  } catch (error) {\r\n    console.error('Error getting view mode from URL:', error)\r\n    return defaultMode\r\n  }\r\n}\r\n\r\nexport interface IPaginationQueryParams {\r\n  page?: string\r\n  pageSize?: string\r\n}\r\n\r\n/**\r\n * @en Synchronize pagination to URL query parameters. Each field is handled independently:\r\n *     if it differs from default → add to URL; if same or undefined → remove from URL.\r\n * @vi Dong bo pagination vao URL query parameters. Tung field duoc xu ly doc lap:\r\n *     neu khac default → them vao URL; neu bang hoac undefined → xoa khoi URL.\r\n *\r\n * @param pagination - Current pagination to sync\r\n * @param defaultPagination - Default pagination values used as baseline\r\n */\r\nexport function setPaginationToURL(pagination?: TPagination, defaultPagination?: TPagination) {\r\n  if (typeof window === 'undefined') return\r\n\r\n  try {\r\n    const patchParams: IPaginationQueryParams = {}\r\n    const deleteKeys: (keyof IPaginationQueryParams)[] = []\r\n\r\n    // page: differs from default → add to URL; same or missing → remove\r\n    if (pagination?.page !== undefined && pagination.page !== defaultPagination?.page) {\r\n      patchParams.page = String(pagination.page)\r\n    } else {\r\n      deleteKeys.push('page')\r\n    }\r\n\r\n    // pageSize: differs from default → add to URL; same or missing → remove\r\n    if (pagination?.pageSize !== undefined && pagination.pageSize !== defaultPagination?.pageSize) {\r\n      patchParams.pageSize = String(pagination.pageSize)\r\n    } else {\r\n      deleteKeys.push('pageSize')\r\n    }\r\n\r\n    if (Object.keys(patchParams).length > 0) QueryParam.replacePatch<IPaginationQueryParams>(patchParams)\r\n    if (deleteKeys.length > 0) QueryParam.replaceDeletes<IPaginationQueryParams>(...deleteKeys)\r\n  } catch (error) {\r\n    console.error('Error syncing pagination to URL:', error)\r\n  }\r\n}\r\n\r\n/**\r\n * @en Retrieve pagination from URL query parameters.\r\n * @vi Lay pagination tu URL query parameters.\r\n *\r\n * @param defaultPagination - Default pagination to return if URL has no pagination\r\n * @returns Pagination from URL or defaultPagination\r\n */\r\nexport function getPaginationFromURL(defaultPagination?: TPagination): TPagination | undefined {\r\n  // If window is undefined (e.g., during SSR), return defaultPagination\r\n  if (typeof window === 'undefined') return defaultPagination\r\n\r\n  try {\r\n    const q = QueryParam.gets<IPaginationQueryParams>('page', 'pageSize')\r\n\r\n    // Parse values from URL\r\n    const page = q.page ? parseInt(q.page, 10) : undefined\r\n    const pageSize = q.pageSize ? parseInt(q.pageSize, 10) : undefined\r\n\r\n    // If no pagination in URL, return default\r\n    if (page === undefined && pageSize === undefined) {\r\n      return defaultPagination\r\n    }\r\n\r\n    // Merge with default pagination\r\n    return {\r\n      ...defaultPagination,\r\n      page: page !== undefined && !isNaN(page) ? page : defaultPagination?.page,\r\n      pageSize: pageSize !== undefined && !isNaN(pageSize) ? pageSize : defaultPagination?.pageSize\r\n    }\r\n  } catch (error) {\r\n    console.error('Error getting pagination from URL:', error)\r\n    return defaultPagination\r\n  }\r\n}\r\n"],"names":["setViewModeToURL","mode","defaultMode","window","updateParams","undefined","QueryParam","replacePatch","replaceDeletes","error","console","getViewModeFromURL","q","gets","setPaginationToURL","pagination","defaultPagination","patchParams","deleteKeys","page","String","push","pageSize","Object","keys","length","apply","getPaginationFromURL","parseInt","_objectSpread","isNaN"],"mappings":"iIAOgB,SAAAA,EAAiBC,EAA4BC,GAE3D,GAAsB,oBAAXC,OACX,IACE,IAAMC,EAAqC,CAAEH,KAAMA,IAASC,OAAcG,EAAYJ,GAGlFG,EAAaH,KACfK,EAAWC,aAAmCH,GAG9CE,EAAWE,eAAqC,OAEnD,CAAC,MAAOC,GACPC,QAAQD,MAAM,kCAAmCA,EAClD,CACH,CAEM,SAAUE,EAAmBT,GAEjC,GAAsB,oBAAXC,OAAwB,OAAOD,EAC1C,IACE,IAAMU,EAAIN,EAAWO,KAA2B,QAChD,OAAOD,EAAEX,KAAQW,EAAEX,KAA+BC,CACnD,CAAC,MAAOO,GAEP,OADAC,QAAQD,MAAM,oCAAqCA,GAC5CP,CACR,CACH,CAgBgB,SAAAY,EAAmBC,EAA0BC,GAC3D,GAAsB,oBAAXb,OAEX,IACE,IAAMc,EAAsC,CAAE,EACxCC,EAA+C,QAG5Bb,KAArBU,eAAAA,EAAYI,OAAsBJ,EAAWI,QAASH,aAAAA,EAAAA,EAAmBG,MAC3EF,EAAYE,KAAOC,OAAOL,EAAWI,MAErCD,EAAWG,KAAK,aAIWhB,KAAzBU,eAAAA,EAAYO,WAA0BP,EAAWO,YAAaN,aAAAA,EAAAA,EAAmBM,UACnFL,EAAYK,SAAWF,OAAOL,EAAWO,UAEzCJ,EAAWG,KAAK,YAGdE,OAAOC,KAAKP,GAAaQ,OAAS,GAAGnB,EAAWC,aAAqCU,GACrFC,EAAWO,OAAS,GAAGnB,EAAWE,eAAckB,MAAzBpB,EAAqDY,EACjF,CAAC,MAAOT,GACPC,QAAQD,MAAM,mCAAoCA,EACnD,CACH,CASM,SAAUkB,EAAqBX,GAEnC,GAAsB,oBAAXb,OAAwB,OAAOa,EAE1C,IACE,IAAMJ,EAAIN,EAAWO,KAA6B,OAAQ,YAGpDM,EAAOP,EAAEO,KAAOS,SAAShB,EAAEO,KAAM,SAAMd,EACvCiB,EAAWV,EAAEU,SAAWM,SAAShB,EAAEU,SAAU,SAAMjB,EAGzD,YAAaA,IAATc,QAAmCd,IAAbiB,EACjBN,EAITa,EAAAA,EAAA,CAAA,EACKb,GAAiB,CAAA,EAAA,CACpBG,UAAed,IAATc,GAAuBW,MAAMX,GAAeH,aAAAA,EAAAA,EAAmBG,KAA1BA,EAC3CG,cAAuBjB,IAAbiB,GAA2BQ,MAAMR,GAAuBN,aAAiB,EAAjBA,EAAmBM,SAA9BA,GAE1D,CAAC,MAAOb,GAEP,OADAC,QAAQD,MAAM,qCAAsCA,GAC7CO,CACR,CACH"}

package/dist/src/data-surface/view-grid/helpers.js

@@ -1,2 +1,2 @@
-import{toConsumableArray as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";var n=8,u=function(){for(var n=arguments.length,u=new Array(n),r=0;r<n;r++)u[r]=arguments[r];var t=u.filter(function(l){return"number"==typeof l});return 0===t.length?8:Math.max.apply(Math,[0].concat(l(t.map(function(l){return null!=l?l:8}))))},r=80,t=function(){for(var n=arguments.length,u=new Array(n),r=0;r<n;r++)u[r]=arguments[r];var t=u.filter(function(l){return"number"==typeof l});return 0===t.length?80:Math.max.apply(Math,[0].concat(l(t.map(function(l){return null!=l?l:80}))))},o=120,a={xs:12,sm:6,md:4,lg:3},i=function(l){return null!=l?l:a},e=function(l){var n,u,r,t,o,i,e,v,m,d,f,c,s,x,h,p=null!=l?l:{},g=p.xs,M=p.sm,y=p.md,b=p.lg,A=p.xl;return{xs:null!==(n=null!=g?g:a.xs)&&void 0!==n?n:12,sm:null!==(u=null!==(r=null!=M?M:g)&&void 0!==r?r:a.sm)&&void 0!==u?u:6,md:null!==(t=null!==(o=null!==(i=null!=y?y:M)&&void 0!==i?i:g)&&void 0!==o?o:a.md)&&void 0!==t?t:4,lg:null!==(e=null!==(v=null!==(m=null!==(d=null!=b?b:y)&&void 0!==d?d:M)&&void 0!==m?m:g)&&void 0!==v?v:a.lg)&&void 0!==e?e:3,xl:null!==(f=null!==(c=null!==(s=null!==(x=null!==(h=null!=A?A:b)&&void 0!==h?h:y)&&void 0!==x?x:M)&&void 0!==s?s:g)&&void 0!==c?c:a.xl)&&void 0!==f?f:3}},v=function(l,n){var u,r=e(n),t=function(l){return l>=1536?"xl":l>=1200?"lg":l>=900?"md":l>=600?"sm":"xs"}(l),o=null!==(u=r[t])&&void 0!==u?u:12,a=Math.min(12,Math.max(1,o));return Math.max(1,Math.floor(12/a))};export{o as DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE,a as DEFAULT_GRID_ITEM_SIZES,r as DEFAULT_GRID_SCROLLING_THRESHOLD_PX,n as DEFAULT_GRID_SPACING_PX,i as getGridItemSizes,e as normalizeGridSizes,v as resolveGridColumnsFromWidth,t as resolveGridScrollingThreshold,u as resolveGridSpacing};
+import{toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";var l=8,r=function(){for(var l=arguments.length,r=new Array(l),u=0;u<l;u++)r[u]=arguments[u];var t=r.filter(function(n){return"number"==typeof n});return 0===t.length?8:Math.max.apply(Math,[0].concat(n(t.map(function(n){return null!=n?n:8}))))},u=80,t=function(){for(var l=arguments.length,r=new Array(l),u=0;u<l;u++)r[u]=arguments[u];var t=r.filter(function(n){return"number"==typeof n});return 0===t.length?80:Math.max.apply(Math,[0].concat(n(t.map(function(n){return null!=n?n:80}))))},o=80,a=function(){for(var l=arguments.length,r=new Array(l),u=0;u<l;u++)r[u]=arguments[u];var t=r.filter(function(n){return"number"==typeof n});return 0===t.length?80:Math.max.apply(Math,[0].concat(n(t.map(function(n){return null!=n?n:80}))))},e=120,i={xs:12,sm:6,md:4,lg:3},v=function(n){return null!=n?n:i},m=function(n){var l,r,u,t,o,a,e,v,m,f,d,c,h,p,x,s=null!=n?n:{},g=s.xs,y=s.sm,M=s.md,b=s.lg,A=s.xl;return{xs:null!==(l=null!=g?g:i.xs)&&void 0!==l?l:12,sm:null!==(r=null!==(u=null!=y?y:g)&&void 0!==u?u:i.sm)&&void 0!==r?r:6,md:null!==(t=null!==(o=null!==(a=null!=M?M:y)&&void 0!==a?a:g)&&void 0!==o?o:i.md)&&void 0!==t?t:4,lg:null!==(e=null!==(v=null!==(m=null!==(f=null!=b?b:M)&&void 0!==f?f:y)&&void 0!==m?m:g)&&void 0!==v?v:i.lg)&&void 0!==e?e:3,xl:null!==(d=null!==(c=null!==(h=null!==(p=null!==(x=null!=A?A:b)&&void 0!==x?x:M)&&void 0!==p?p:y)&&void 0!==h?h:g)&&void 0!==c?c:i.xl)&&void 0!==d?d:3}},f=function(n,l){var r,u=m(l),t=function(n){return n>=1536?"xl":n>=1200?"lg":n>=900?"md":n>=600?"sm":"xs"}(n),o=null!==(r=u[t])&&void 0!==r?r:12,a=Math.min(12,Math.max(1,o));return Math.max(1,Math.floor(12/a))};export{e as DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE,i as DEFAULT_GRID_ITEM_SIZES,o as DEFAULT_GRID_NEAR_END_THRESHOLD_PX,u as DEFAULT_GRID_SCROLLING_THRESHOLD_PX,l as DEFAULT_GRID_SPACING_PX,v as getGridItemSizes,m as normalizeGridSizes,f as resolveGridColumnsFromWidth,a as resolveGridNearEndThreshold,t as resolveGridScrollingThreshold,r as resolveGridSpacing};
 //# sourceMappingURL=helpers.js.map

package/dist/src/data-surface/view-grid/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/data-surface/view-grid/helpers.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// types\r\nimport type { TGridSizes } from './types'\r\n\r\n/** Default spacing between grid items in pixels. */\r\nexport const DEFAULT_GRID_SPACING_PX = 8\r\n/** Resolves the final grid spacing from multiple optional values. */\r\nexport const resolveGridSpacing = (...spacing: (number | undefined)[]) => {\r\n  const finalSpacing = spacing.filter((value) => typeof value === 'number')\r\n  if (finalSpacing.length === 0) return DEFAULT_GRID_SPACING_PX\r\n  return Math.max(0, ...finalSpacing.map((value) => value ?? DEFAULT_GRID_SPACING_PX))\r\n}\r\n/** Default scrolling threshold in pixels for triggering near-end events. */\r\nexport const DEFAULT_GRID_SCROLLING_THRESHOLD_PX = 80\r\n/** Resolves the final scrolling threshold from multiple optional values. */\r\nexport const resolveGridScrollingThreshold = (...threshold: (number | undefined)[]) => {\r\n  const finalThreshold = threshold.filter((value) => typeof value === 'number')\r\n  if (finalThreshold.length === 0) return DEFAULT_GRID_SCROLLING_THRESHOLD_PX\r\n  return Math.max(0, ...finalThreshold.map((value) => value ?? DEFAULT_GRID_SCROLLING_THRESHOLD_PX))\r\n}\r\n/** Default grid item height estimate in pixels, used for virtualization calculations. */\r\nexport const DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE = 120\r\n/** Default grid item sizes for each breakpoint. */\r\nexport const DEFAULT_GRID_ITEM_SIZES: TGridSizes = { xs: 12, sm: 6, md: 4, lg: 3 }\r\n/** Returns the grid item sizes, falling back to defaults if not provided. */\r\nexport const getGridItemSizes = (sizes?: TGridSizes): TGridSizes => {\r\n  return sizes ?? DEFAULT_GRID_ITEM_SIZES\r\n}\r\n/** Normalizes grid item sizes, ensuring all breakpoints have a value. */\r\nexport const normalizeGridSizes = (sizes?: TGridSizes): Required<TGridSizes> => {\r\n  const { xs, sm, md, lg, xl } = sizes ?? {}\r\n  return {\r\n    xs: xs ?? DEFAULT_GRID_ITEM_SIZES.xs ?? 12,\r\n    sm: sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.sm ?? 6,\r\n    md: md ?? sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.md ?? 4,\r\n    lg: lg ?? md ?? sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.lg ?? 3,\r\n    xl: xl ?? lg ?? md ?? sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.xl ?? 3\r\n  }\r\n}\r\n/** Resolves the active breakpoint based on the container width. */\r\nconst resolveActiveBreakpoint = (width: number): keyof TGridSizes => {\r\n  if (width >= 1536) return 'xl'\r\n  if (width >= 1200) return 'lg'\r\n  if (width >= 900) return 'md'\r\n  if (width >= 600) return 'sm'\r\n  return 'xs'\r\n}\r\n/** Resolves the number of grid columns based on the container width and item sizes. */\r\nexport const resolveGridColumnsFromWidth = (width: number, sizes?: TGridSizes): number => {\r\n  const normalized = normalizeGridSizes(sizes)\r\n  const breakpoint = resolveActiveBreakpoint(width)\r\n  const span = normalized[breakpoint] ?? 12\r\n  const safeSpan = Math.min(12, Math.max(1, span))\r\n  return Math.max(1, Math.floor(12 / safeSpan))\r\n}\r\n"],"names":["DEFAULT_GRID_SPACING_PX","resolveGridSpacing","_len","arguments","length","spacing","Array","_key","finalSpacing","filter","value","Math","max","apply","concat","_toConsumableArray","map","DEFAULT_GRID_SCROLLING_THRESHOLD_PX","resolveGridScrollingThreshold","_len2","threshold","_key2","finalThreshold","DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE","DEFAULT_GRID_ITEM_SIZES","xs","sm","md","lg","getGridItemSizes","sizes","normalizeGridSizes","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","_ref0","_ref1","_ref10","_ref11","_ref12","_ref13","_ref14","_ref","xl","resolveGridColumnsFromWidth","width","_normalized$breakpoin","normalized","breakpoint","resolveActiveBreakpoint","span","safeSpan","min","floor"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/data-surface/view-grid/helpers.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// types\r\nimport type { TGridSizes } from './types'\r\n\r\n/** Default spacing between grid items in pixels. */\r\nexport const DEFAULT_GRID_SPACING_PX = 8\r\n/** Resolves the final grid spacing from multiple optional values. */\r\nexport const resolveGridSpacing = (...spacing: (number | undefined)[]) => {\r\n  const finalSpacing = spacing.filter((value) => typeof value === 'number')\r\n  if (finalSpacing.length === 0) return DEFAULT_GRID_SPACING_PX\r\n  return Math.max(0, ...finalSpacing.map((value) => value ?? DEFAULT_GRID_SPACING_PX))\r\n}\r\n/** Default scrolling threshold in pixels for triggering near-end events. */\r\nexport const DEFAULT_GRID_SCROLLING_THRESHOLD_PX = 80\r\n/** Resolves the final scrolling threshold from multiple optional values. */\r\nexport const resolveGridScrollingThreshold = (...threshold: (number | undefined)[]) => {\r\n  const finalThreshold = threshold.filter((value) => typeof value === 'number')\r\n  if (finalThreshold.length === 0) return DEFAULT_GRID_SCROLLING_THRESHOLD_PX\r\n  return Math.max(0, ...finalThreshold.map((value) => value ?? DEFAULT_GRID_SCROLLING_THRESHOLD_PX))\r\n}\r\n/** Default near-end threshold in pixels for triggering near-end events. */\r\nexport const DEFAULT_GRID_NEAR_END_THRESHOLD_PX = 80\r\n/** Resolves the final near-end threshold from multiple optional values. */\r\nexport const resolveGridNearEndThreshold = (...threshold: (number | undefined)[]) => {\r\n  const finalThreshold = threshold.filter((value) => typeof value === 'number')\r\n  if (finalThreshold.length === 0) return DEFAULT_GRID_NEAR_END_THRESHOLD_PX\r\n  return Math.max(0, ...finalThreshold.map((value) => value ?? DEFAULT_GRID_NEAR_END_THRESHOLD_PX))\r\n}\r\n/** Default grid item height estimate in pixels, used for virtualization calculations. */\r\nexport const DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE = 120\r\n/** Default grid item sizes for each breakpoint. */\r\nexport const DEFAULT_GRID_ITEM_SIZES: TGridSizes = { xs: 12, sm: 6, md: 4, lg: 3 }\r\n/** Returns the grid item sizes, falling back to defaults if not provided. */\r\nexport const getGridItemSizes = (sizes?: TGridSizes): TGridSizes => {\r\n  return sizes ?? DEFAULT_GRID_ITEM_SIZES\r\n}\r\n/** Normalizes grid item sizes, ensuring all breakpoints have a value. */\r\nexport const normalizeGridSizes = (sizes?: TGridSizes): Required<TGridSizes> => {\r\n  const { xs, sm, md, lg, xl } = sizes ?? {}\r\n  return {\r\n    xs: xs ?? DEFAULT_GRID_ITEM_SIZES.xs ?? 12,\r\n    sm: sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.sm ?? 6,\r\n    md: md ?? sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.md ?? 4,\r\n    lg: lg ?? md ?? sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.lg ?? 3,\r\n    xl: xl ?? lg ?? md ?? sm ?? xs ?? DEFAULT_GRID_ITEM_SIZES.xl ?? 3\r\n  }\r\n}\r\n/** Resolves the active breakpoint based on the container width. */\r\nconst resolveActiveBreakpoint = (width: number): keyof TGridSizes => {\r\n  if (width >= 1536) return 'xl'\r\n  if (width >= 1200) return 'lg'\r\n  if (width >= 900) return 'md'\r\n  if (width >= 600) return 'sm'\r\n  return 'xs'\r\n}\r\n/** Resolves the number of grid columns based on the container width and item sizes. */\r\nexport const resolveGridColumnsFromWidth = (width: number, sizes?: TGridSizes): number => {\r\n  const normalized = normalizeGridSizes(sizes)\r\n  const breakpoint = resolveActiveBreakpoint(width)\r\n  const span = normalized[breakpoint] ?? 12\r\n  const safeSpan = Math.min(12, Math.max(1, span))\r\n  return Math.max(1, Math.floor(12 / safeSpan))\r\n}\r\n"],"names":["DEFAULT_GRID_SPACING_PX","resolveGridSpacing","_len","arguments","length","spacing","Array","_key","finalSpacing","filter","value","Math","max","apply","concat","_toConsumableArray","map","DEFAULT_GRID_SCROLLING_THRESHOLD_PX","resolveGridScrollingThreshold","_len2","threshold","_key2","finalThreshold","DEFAULT_GRID_NEAR_END_THRESHOLD_PX","resolveGridNearEndThreshold","_len3","_key3","DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE","DEFAULT_GRID_ITEM_SIZES","xs","sm","md","lg","getGridItemSizes","sizes","normalizeGridSizes","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","_ref0","_ref1","_ref10","_ref11","_ref12","_ref13","_ref14","_ref","xl","resolveGridColumnsFromWidth","width","_normalized$breakpoin","normalized","breakpoint","resolveActiveBreakpoint","span","safeSpan","min","floor"],"mappings":"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"}

package/dist/src/data-surface/view-grid/hooks.js

@@ -1,2 +1,2 @@
-import{useMemo as o}from"react";import{GridItemDefault as i}from"./ui.units.js";import{getGridItemSizes as n,resolveGridScrollingThreshold as s,resolveGridSpacing as r}from"./helpers.js";var t=function(t,e){return o(function(){var o,l,p;return{spacing:r(t.spacing,e.spacing),scrollingThreshold:s(t.scrollingThreshold,e.scrollingThreshold),sizes:n(null!==(o=t.sizes)&&void 0!==o?o:e.sizes),Component:null!==(l=null!==(p=t.Component)&&void 0!==p?p:e.Component)&&void 0!==l?l:i,normalOptions:Object.assign({autoHeight:!1},e.normalOptions,t.normalOptions),virtualizedOptions:Object.assign({overscan:4},e.virtualizedOptions,t.virtualizedOptions)}},[t,e])};export{t as useMergedConfig};
+import{useMemo as n}from"react";import{GridItemDefault as o}from"./ui.units.js";import{getGridItemSizes as i,resolveGridNearEndThreshold as r,resolveGridScrollingThreshold as s,resolveGridSpacing as e}from"./helpers.js";var t=function(t,l){return n(function(){var n,a,p;return{spacing:e(t.spacing,l.spacing),scrollingThreshold:s(t.scrollingThreshold,l.scrollingThreshold),nearEndThreshold:r(t.nearEndThreshold,l.nearEndThreshold),sizes:i(null!==(n=t.sizes)&&void 0!==n?n:l.sizes),Component:null!==(a=null!==(p=t.Component)&&void 0!==p?p:l.Component)&&void 0!==a?a:o,normalOptions:Object.assign({autoHeight:!1},l.normalOptions,t.normalOptions),virtualizedOptions:Object.assign({overscan:4},l.virtualizedOptions,t.virtualizedOptions)}},[t,l])};export{t as useMergedConfig};
 //# sourceMappingURL=hooks.js.map

package/dist/src/data-surface/view-grid/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../src/data-surface/view-grid/hooks.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useMemo } from 'react'\r\nimport { GridItemDefault } from './ui.units'\r\nimport { getGridItemSizes, resolveGridScrollingThreshold, resolveGridSpacing } from './helpers'\r\n// types\r\nimport type { IViewGridConfig, IViewGridProps } from './types'\r\n\r\n/** Merges the provided props and config into a single configuration object. */\r\nexport const useMergedConfig = <T>(props: IViewGridProps<T>, config: IViewGridConfig<T>) => {\r\n  return useMemo(() => {\r\n    return {\r\n      spacing: resolveGridSpacing(props.spacing, config.spacing),\r\n      scrollingThreshold: resolveGridScrollingThreshold(props.scrollingThreshold, config.scrollingThreshold),\r\n      sizes: getGridItemSizes(props.sizes ?? config.sizes),\r\n      Component: props.Component ?? config.Component ?? GridItemDefault,\r\n      normalOptions: Object.assign({ autoHeight: false }, config.normalOptions, props.normalOptions),\r\n      virtualizedOptions: Object.assign({ overscan: 4 }, config.virtualizedOptions, props.virtualizedOptions)\r\n    }\r\n  }, [props, config])\r\n}\r\n"],"names":["useMergedConfig","props","config","useMemo","_props$sizes","_ref","_props$Component","spacing","resolveGridSpacing","scrollingThreshold","resolveGridScrollingThreshold","sizes","getGridItemSizes","Component","GridItemDefault","normalOptions","Object","assign","autoHeight","virtualizedOptions","overscan"],"mappings":"2LAUO,IAAMA,EAAkB,SAAIC,EAA0BC,GAC3D,OAAOC,EAAQ,WAAK,IAAAC,EAAAC,EAAAC,EAClB,MAAO,CACLC,QAASC,EAAmBP,EAAMM,QAASL,EAAOK,SAClDE,mBAAoBC,EAA8BT,EAAMQ,mBAAoBP,EAAOO,oBACnFE,MAAOC,EAA4BR,QAAZA,EAACH,EAAMU,iBAAKP,EAAAA,EAAIF,EAAOS,OAC9CE,kBAASR,EAAiBC,QAAjBA,EAAEL,EAAMY,qBAASP,EAAAA,EAAIJ,EAAOW,iBAAS,IAAAR,EAAAA,EAAIS,EAClDC,cAAeC,OAAOC,OAAO,CAAEC,YAAY,GAAShB,EAAOa,cAAed,EAAMc,eAChFI,mBAAoBH,OAAOC,OAAO,CAAEG,SAAU,GAAKlB,EAAOiB,mBAAoBlB,EAAMkB,oBAExF,EAAG,CAAClB,EAAOC,GACb"}
+{"version":3,"file":"hooks.js","sources":["../../../../src/data-surface/view-grid/hooks.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useMemo } from 'react'\r\nimport { GridItemDefault } from './ui.units'\r\nimport { getGridItemSizes, resolveGridNearEndThreshold, resolveGridScrollingThreshold, resolveGridSpacing } from './helpers'\r\n// types\r\nimport type { IViewGridConfig, IViewGridProps } from './types'\r\n\r\n/** Merges the provided props and config into a single configuration object. */\r\nexport const useMergedConfig = <T>(props: IViewGridProps<T>, config: IViewGridConfig<T>) => {\r\n  return useMemo(() => {\r\n    return {\r\n      spacing: resolveGridSpacing(props.spacing, config.spacing),\r\n      scrollingThreshold: resolveGridScrollingThreshold(props.scrollingThreshold, config.scrollingThreshold),\r\n      nearEndThreshold: resolveGridNearEndThreshold(props.nearEndThreshold, config.nearEndThreshold),\r\n      sizes: getGridItemSizes(props.sizes ?? config.sizes),\r\n      Component: props.Component ?? config.Component ?? GridItemDefault,\r\n      normalOptions: Object.assign({ autoHeight: false }, config.normalOptions, props.normalOptions),\r\n      virtualizedOptions: Object.assign({ overscan: 4 }, config.virtualizedOptions, props.virtualizedOptions)\r\n    }\r\n  }, [props, config])\r\n}\r\n"],"names":["useMergedConfig","props","config","useMemo","_props$sizes","_ref","_props$Component","spacing","resolveGridSpacing","scrollingThreshold","resolveGridScrollingThreshold","nearEndThreshold","resolveGridNearEndThreshold","sizes","getGridItemSizes","Component","GridItemDefault","normalOptions","Object","assign","autoHeight","virtualizedOptions","overscan"],"mappings":"4NAUO,IAAMA,EAAkB,SAAIC,EAA0BC,GAC3D,OAAOC,EAAQ,WAAK,IAAAC,EAAAC,EAAAC,EAClB,MAAO,CACLC,QAASC,EAAmBP,EAAMM,QAASL,EAAOK,SAClDE,mBAAoBC,EAA8BT,EAAMQ,mBAAoBP,EAAOO,oBACnFE,iBAAkBC,EAA4BX,EAAMU,iBAAkBT,EAAOS,kBAC7EE,MAAOC,EAA4BV,QAAZA,EAACH,EAAMY,iBAAKT,EAAAA,EAAIF,EAAOW,OAC9CE,kBAASV,EAAiBC,QAAjBA,EAAEL,EAAMc,qBAAST,EAAAA,EAAIJ,EAAOa,iBAAS,IAAAV,EAAAA,EAAIW,EAClDC,cAAeC,OAAOC,OAAO,CAAEC,YAAY,GAASlB,EAAOe,cAAehB,EAAMgB,eAChFI,mBAAoBH,OAAOC,OAAO,CAAEG,SAAU,GAAKpB,EAAOmB,mBAAoBpB,EAAMoB,oBAExF,EAAG,CAACpB,EAAOC,GACb"}

package/dist/src/data-surface/view-grid/index.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as n,asyncToGenerator as e,regenerator as r,slicedToArray as t,createForOfIteratorHelper as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Box as l,Grid as u}from"@mui/material";import{useCallback as c,useMemo as s,useRef as d,useState as v,useEffect as f,useLayoutEffect as p}from"react";import{useMergedConfig as g}from"./hooks.js";import{ViewGridStyled as m,viewGridClasses as h}from"./styleds.js";import{resolveGridSpacing as x,resolveGridColumnsFromWidth as I,DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE as S}from"./helpers.js";function T(e){var r=function(e){return function(r){var o,a=v(!1),c=t(a,2),p=c[0],x=c[1],I=d(null),S=g(r,e),T=S.Component,H=!0===(null===(o=S.normalOptions)||void 0===o?void 0:o.autoHeight),M="client"===r.featureMode,y=s(function(){return r.value},[r.value]);f(function(){M&&!H&&void 0!==r.scrollResetToken&&I.current&&(I.current.scrollTop=0)},[M,H,r.scrollResetToken]);var b=s(function(){var n=[h.root,h.normal];return p&&n.push(h.scrolling),H&&n.push(h.autoHeight),n.join(" ")},[p,H]);return i(m,{className:b,children:i(l,{className:h.scrollContainer,ref:I,onScroll:function(n){var e,t=n.currentTarget;x(t.scrollTop>S.scrollingThreshold),t.scrollHeight-t.scrollTop-t.clientHeight<=80&&(null===(e=r.onNearEnd)||void 0===e||e.call(r))},children:i(u,{container:!0,spacing:"".concat(S.spacing,"px"),className:h.grid,children:y.map(function(r,t){var o,a=null!==(o=e.getterId(r,t))&&void 0!==o?o:t;return i(u,n(n({className:h.gridItem,item:!0},S.sizes),{},{children:i(T,{value:r,index:t})}),a)})})})})}}(e),T=function(n){return function(e){var r=s(function(){return e.value},[e.value]),u=g(e,n),T=u.sizes,H=u.virtualizedOptions,M=u.Component,y=d(null),b=d(new Map),z=d(null),N=d(!1),R=v(0),k=t(R,2),C=k[0],w=k[1],O=v(0),j=t(O,2),A=j[0],B=j[1],E=v(0),F=t(E,2),P=F[0],_=F[1],q=v(null),G=t(q,2),W=G[0],D=G[1],J=Math.max(1,H.overscan),K=x(u.spacing),L=P>u.scrollingThreshold,Q=null!=W?W:S;f(function(){"client"===e.featureMode&&void 0!==e.scrollResetToken&&(y.current&&(y.current.scrollTop=0),_(0))},[e.featureMode,e.scrollResetToken]),p(function(){if(y.current){var n=function(){var n,e,r,t,o=null!==(n=null===(e=y.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0,i=null!==(r=null===(t=y.current)||void 0===t?void 0:t.clientHeight)&&void 0!==r?r:0;w(function(n){return n===o?n:o}),B(function(n){return n===i?n:i})};n();var e=new ResizeObserver(function(){return n()});return e.observe(y.current),function(){return e.disconnect()}}},[]);var U=I(C,T),V=Q+K,X=s(function(){var n=r.length;if(0===n)return{startRow:0,endRow:-1,topSpacerHeight:0,bottomSpacerHeight:0,startIndex:0,endIndex:-1};var e=Math.ceil(n/U),t=Math.max(1,A),o=P,i=Math.max(0,Math.floor(o/V)-J),a=Math.ceil(t/V),l=Math.min(e-1,i+a+2*J),u=i*U,c=Math.min(n-1,(l+1)*U-1);return{startRow:i,endRow:l,topSpacerHeight:i*V,bottomSpacerHeight:Math.max(0,(e-l-1)*V),startIndex:u,endIndex:c}},[U,r.length,J,V,P,A]),Y=X.endIndex>=X.startIndex?r.slice(X.startIndex,X.endIndex+1):[],Z=X.endIndex,$=s(function(){return{display:"grid",gap:"".concat(K,"px"),gridTemplateColumns:"repeat(".concat(U,", minmax(0, 1fr))")}},[U,K]),nn=c(function(){null!==z.current&&(cancelAnimationFrame(z.current),z.current=null)},[]),en=c(function(){N.current||null!==z.current||(z.current=requestAnimationFrame(function(){if(z.current=null,!N.current){var n=Array.from(b.current.entries()).filter(function(n){var e=t(n,1)[0];return e>=X.startIndex&&e<=Z}).map(function(n){return t(n,2)[1]});if(0!==n.length){var e,r=0,i=o(n);try{for(i.s();!(e=i.n()).done;){var a=e.value;r=Math.max(r,a.getBoundingClientRect().height)}}catch(n){i.e(n)}finally{i.f()}r<=0||(N.current=!0,D(r))}}}))},[Z,X.startIndex]),rn=c(function(n,e){e?b.current.set(n,e):b.current.delete(n)},[]);p(function(){var n=Array.from(b.current.entries()).filter(function(n){var e=t(n,1)[0];return e>=X.startIndex&&e<=Z}).map(function(n){return t(n,2)[1]});if(0!==n.length&&!N.current){en();var e,r=new ResizeObserver(function(){en()}),i=o(n);try{for(i.s();!(e=i.n()).done;){var a=e.value;r.observe(a)}}catch(n){i.e(n)}finally{i.f()}return function(){r.disconnect(),nn()}}},[X.startIndex,Z,en,nn]),p(function(){return function(){nn()}},[nn]);var tn=[h.root,h.virtualized];return L&&tn.push(h.scrolling),i(m,{className:tn.filter(Boolean).join(" "),children:a(l,{ref:y,className:h.scrollContainer,onScroll:function(n){var r,t=n.currentTarget;_(t.scrollTop),t.scrollHeight-t.scrollTop-t.clientHeight<=80&&(null===(r=e.onNearEnd)||void 0===r||r.call(e))},children:[X.topSpacerHeight>0?i(l,{sx:{height:X.topSpacerHeight}}):null,i(l,{sx:$,className:h.grid,children:Y.map(function(e,r){var t,o=X.startIndex+r,a=null!==(t=n.getterId(e,o))&&void 0!==t?t:o;return i(l,{className:h.gridItem,ref:N.current?void 0:function(n){return rn(o,n)},sx:null!==W?{minHeight:Q,height:Q}:void 0,children:i(M,{value:e,index:o})},a)})}),X.bottomSpacerHeight>0?i(l,{sx:{height:X.bottomSpacerHeight}}):null]})})}}(e);return function(t){var o,a,l=null!==(o=null!==(a=t.renderStrategy)&&void 0!==a?a:e.renderStrategy)&&void 0!==o?o:"normal";return i("virtualized"===l?T:r,n({},t))}}function H(n){return function(t){var o,a,l,u=c(e(r().m(function n(){var e,o,i,a,l,u,c,s,d;return r().w(function(n){for(;;)switch(n.n){case 0:if("infiniteScroll"===t.loadMode){n.n=1;break}return n.a(2);case 1:if(null!==(e=t.pagination)&&void 0!==e&&e.hasNext){n.n=2;break}return n.a(2);case 2:if(!t.loading){n.n=3;break}return n.a(2);case 3:return c=null!==(o=null===(i=t.pagination)||void 0===i?void 0:i.page)&&void 0!==o?o:0,s=null!==(a=null===(l=t.pagination)||void 0===l?void 0:l.pageSize)&&void 0!==a?a:20,d=c+1,n.n=4,null===(u=t.onPageChange)||void 0===u?void 0:u.call(t,d,s);case 4:return n.a(2)}},n)})),[t.loadMode,null===(o=t.pagination)||void 0===o?void 0:o.hasNext,null===(a=t.pagination)||void 0===a?void 0:a.page,null===(l=t.pagination)||void 0===l?void 0:l.pageSize,t.loading,t.onPageChange]);return i(n,{value:t.value,spacing:t.spacing,sizes:t.sizes,renderStrategy:t.renderStrategy,Component:t.Component,normalOptions:t.normalOptions,virtualizedOptions:t.virtualizedOptions,onNearEnd:"infiniteScroll"===t.loadMode?u:void 0,scrollResetToken:t.scrollResetToken})}}export{T as createViewGrid,H as createViewGridLoading,T as default};
+import{objectSpread2 as n,asyncToGenerator as e,regenerator as r,slicedToArray as t,createForOfIteratorHelper as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Box as l,Grid as u}from"@mui/material";import{useCallback as c,useMemo as s,useRef as d,useState as v,useEffect as f,useLayoutEffect as h}from"react";import{useMergedConfig as p}from"./hooks.js";import{ViewGridStyled as g,viewGridClasses as m}from"./styleds.js";import{resolveGridSpacing as x,resolveGridColumnsFromWidth as T,DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE as I}from"./helpers.js";function S(e){var r=function(e){return function(r){var o,a=v(!1),c=t(a,2),h=c[0],x=c[1],T=d(null),I=p(r,e),S=I.Component,H=!0===(null===(o=I.normalOptions)||void 0===o?void 0:o.autoHeight),M="client"===r.featureMode,y=s(function(){return r.value},[r.value]);f(function(){M&&!H&&void 0!==r.scrollResetToken&&T.current&&(T.current.scrollTop=0)},[M,H,r.scrollResetToken]);var b=s(function(){var n=[m.root,m.normal];return h&&n.push(m.scrolling),H&&n.push(m.autoHeight),n.join(" ")},[h,H]);return i(g,{className:b,children:i(l,{className:m.scrollContainer,ref:T,onScroll:function(n){var e,t=n.currentTarget;x(t.scrollTop>I.scrollingThreshold),t.scrollHeight-t.scrollTop-t.clientHeight<=I.nearEndThreshold&&(null===(e=r.onNearEnd)||void 0===e||e.call(r))},children:i(u,{container:!0,spacing:"".concat(I.spacing,"px"),className:m.grid,children:y.map(function(r,t){var o,a=null!==(o=e.getterId(r,t))&&void 0!==o?o:t;return i(u,n(n({className:m.gridItem,item:!0},I.sizes),{},{children:i(S,{value:r,index:t})}),a)})})})})}}(e),S=function(n){return function(e){var r=s(function(){return e.value},[e.value]),u=p(e,n),S=u.sizes,H=u.virtualizedOptions,M=u.Component,y=d(null),b=d(new Map),z=d(null),N=d(!1),R=v(0),k=t(R,2),C=k[0],w=k[1],O=v(0),j=t(O,2),E=j[0],A=j[1],B=v(0),F=t(B,2),P=F[0],_=F[1],q=v(null),G=t(q,2),W=G[0],D=G[1],J=Math.max(1,H.overscan),K=x(u.spacing),L=P>u.scrollingThreshold,Q=null!=W?W:I;f(function(){"client"===e.featureMode&&void 0!==e.scrollResetToken&&(y.current&&(y.current.scrollTop=0),_(0))},[e.featureMode,e.scrollResetToken]),h(function(){if(y.current){var n=function(){var n,e,r,t,o=null!==(n=null===(e=y.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0,i=null!==(r=null===(t=y.current)||void 0===t?void 0:t.clientHeight)&&void 0!==r?r:0;w(function(n){return n===o?n:o}),A(function(n){return n===i?n:i})};n();var e=new ResizeObserver(function(){return n()});return e.observe(y.current),function(){return e.disconnect()}}},[]);var U=T(C,S),V=Q+K,X=s(function(){var n=r.length;if(0===n)return{startRow:0,endRow:-1,topSpacerHeight:0,bottomSpacerHeight:0,startIndex:0,endIndex:-1};var e=Math.ceil(n/U),t=Math.max(1,E),o=P,i=Math.max(0,Math.floor(o/V)-J),a=Math.ceil(t/V),l=Math.min(e-1,i+a+2*J),u=i*U,c=Math.min(n-1,(l+1)*U-1);return{startRow:i,endRow:l,topSpacerHeight:i*V,bottomSpacerHeight:Math.max(0,(e-l-1)*V),startIndex:u,endIndex:c}},[U,r.length,J,V,P,E]),Y=X.endIndex>=X.startIndex?r.slice(X.startIndex,X.endIndex+1):[],Z=X.endIndex,$=s(function(){return{display:"grid",gap:"".concat(K,"px"),gridTemplateColumns:"repeat(".concat(U,", minmax(0, 1fr))")}},[U,K]),nn=c(function(){null!==z.current&&(cancelAnimationFrame(z.current),z.current=null)},[]),en=c(function(){N.current||null!==z.current||(z.current=requestAnimationFrame(function(){if(z.current=null,!N.current){var n=Array.from(b.current.entries()).filter(function(n){var e=t(n,1)[0];return e>=X.startIndex&&e<=Z}).map(function(n){return t(n,2)[1]});if(0!==n.length){var e,r=0,i=o(n);try{for(i.s();!(e=i.n()).done;){var a=e.value;r=Math.max(r,a.getBoundingClientRect().height)}}catch(n){i.e(n)}finally{i.f()}r<=0||(N.current=!0,D(r))}}}))},[Z,X.startIndex]),rn=c(function(n,e){e?b.current.set(n,e):b.current.delete(n)},[]);h(function(){var n=Array.from(b.current.entries()).filter(function(n){var e=t(n,1)[0];return e>=X.startIndex&&e<=Z}).map(function(n){return t(n,2)[1]});if(0!==n.length&&!N.current){en();var e,r=new ResizeObserver(function(){en()}),i=o(n);try{for(i.s();!(e=i.n()).done;){var a=e.value;r.observe(a)}}catch(n){i.e(n)}finally{i.f()}return function(){r.disconnect(),nn()}}},[X.startIndex,Z,en,nn]),h(function(){return function(){nn()}},[nn]);var tn=[m.root,m.virtualized];return L&&tn.push(m.scrolling),i(g,{className:tn.filter(Boolean).join(" "),children:a(l,{ref:y,className:m.scrollContainer,onScroll:function(n){var r,t=n.currentTarget;_(t.scrollTop),t.scrollHeight-t.scrollTop-t.clientHeight<=u.nearEndThreshold&&(null===(r=e.onNearEnd)||void 0===r||r.call(e))},children:[X.topSpacerHeight>0?i(l,{sx:{height:X.topSpacerHeight}}):null,i(l,{sx:$,className:m.grid,children:Y.map(function(e,r){var t,o=X.startIndex+r,a=null!==(t=n.getterId(e,o))&&void 0!==t?t:o;return i(l,{className:m.gridItem,ref:N.current?void 0:function(n){return rn(o,n)},sx:null!==W?{minHeight:Q,height:Q}:void 0,children:i(M,{value:e,index:o})},a)})}),X.bottomSpacerHeight>0?i(l,{sx:{height:X.bottomSpacerHeight}}):null]})})}}(e);return function(t){var o,a,l=null!==(o=null!==(a=t.renderStrategy)&&void 0!==a?a:e.renderStrategy)&&void 0!==o?o:"normal";return i("virtualized"===l?S:r,n({},t))}}function H(n){return function(t){var o,a,l,u=c(e(r().m(function n(){var e,o,i,a,l,u,c,s,d;return r().w(function(n){for(;;)switch(n.n){case 0:if("infiniteScroll"===t.loadMode){n.n=1;break}return n.a(2);case 1:if(null!==(e=t.pagination)&&void 0!==e&&e.hasNext){n.n=2;break}return n.a(2);case 2:if(!t.loading){n.n=3;break}return n.a(2);case 3:return c=null!==(o=null===(i=t.pagination)||void 0===i?void 0:i.page)&&void 0!==o?o:0,s=null!==(a=null===(l=t.pagination)||void 0===l?void 0:l.pageSize)&&void 0!==a?a:20,d=c+1,n.n=4,null===(u=t.onPageChange)||void 0===u?void 0:u.call(t,d,s);case 4:return n.a(2)}},n)})),[t.loadMode,null===(o=t.pagination)||void 0===o?void 0:o.hasNext,null===(a=t.pagination)||void 0===a?void 0:a.page,null===(l=t.pagination)||void 0===l?void 0:l.pageSize,t.loading,t.onPageChange]);return i(n,{value:t.value,spacing:t.spacing,sizes:t.sizes,renderStrategy:t.renderStrategy,Component:t.Component,normalOptions:t.normalOptions,virtualizedOptions:t.virtualizedOptions,onNearEnd:"infiniteScroll"===t.loadMode?u:void 0,nearEndThreshold:t.nearEndThreshold,scrollResetToken:t.scrollResetToken})}}export{S as createViewGrid,H as createViewGridLoading,S as default};
 //# sourceMappingURL=index.js.map

package/dist/src/data-surface/view-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/data-surface/view-grid/index.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Box, Grid } from '@mui/material'\r\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { useMergedConfig } from './hooks'\r\nimport { ViewGridStyled, viewGridClasses as classes } from './styleds'\r\nimport { DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE, resolveGridColumnsFromWidth, resolveGridSpacing } from './helpers'\r\n// types\r\nimport type { BoxProps } from '@mui/material'\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { LoadingModeRule, TPagination } from '../types'\r\nimport type { IViewGridConfig, IViewGridProps } from './types'\r\n// re-exports\r\nexport * from './types'\r\n\r\n//#region Normal\r\n/**\r\n * Creates a Grid view component that renders all items in the DOM. Suitable for small datasets.\r\n * @param config - The configuration object for the grid view, containing default settings and required properties.\r\n * @returns A React functional component that renders a grid view based on the provided configuration and props.\r\n */\r\nfunction createViewGridNormal<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridNormal: FC<IViewGridProps<T>> = (props) => {\r\n    const [isScrolling, setIsScrolling] = useState(false)\r\n    const scrollContainerRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const mergedConfig = useMergedConfig<T>(props, config)\r\n    const ItemComponent = mergedConfig.Component\r\n    const isAutoHeight = mergedConfig.normalOptions?.autoHeight === true\r\n    const isClient = props.featureMode === 'client'\r\n    const finalItems = useMemo(() => props.value, [props.value])\r\n\r\n    // Reset scroll to top when token changes (client-side filter reset)\r\n    useEffect(() => {\r\n      if (!isClient || isAutoHeight || props.scrollResetToken === undefined) return\r\n      if (scrollContainerRef.current) scrollContainerRef.current.scrollTop = 0\r\n    }, [isClient, isAutoHeight, props.scrollResetToken])\r\n\r\n    const handleScroll: BoxProps['onScroll'] = (e) => {\r\n      const t = e.currentTarget\r\n      setIsScrolling(t.scrollTop > mergedConfig.scrollingThreshold)\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n        props.onNearEnd?.()\r\n      }\r\n    }\r\n\r\n    const rootClasses = useMemo(() => {\r\n      const l = [classes.root, classes.normal]\r\n      if (isScrolling) l.push(classes.scrolling)\r\n      if (isAutoHeight) l.push(classes.autoHeight)\r\n      return l.join(' ')\r\n    }, [isScrolling, isAutoHeight])\r\n\r\n    return (\r\n      <ViewGridStyled className={rootClasses}>\r\n        <Box className={classes.scrollContainer} ref={scrollContainerRef} onScroll={handleScroll}>\r\n          <Grid container spacing={`${mergedConfig.spacing}px`} className={classes.grid}>\r\n            {finalItems.map((item, index) => {\r\n              const key = config.getterId(item, index) ?? index\r\n              return (\r\n                <Grid key={key} className={classes.gridItem} item {...mergedConfig.sizes}>\r\n                  <ItemComponent value={item} index={index} />\r\n                </Grid>\r\n              )\r\n            })}\r\n          </Grid>\r\n        </Box>\r\n      </ViewGridStyled>\r\n    )\r\n  }\r\n  return ViewGridNormal\r\n}\r\n//#endregion\r\n//#region Virtualized\r\n/**\r\n * Creates a Grid view component that virtualizes items, rendering only those visible in the viewport. Suitable for large datasets.\r\n * @param config - The configuration object for the grid view, containing default settings and required properties.\r\n * @returns A React functional component that renders a virtualized grid view based on the provided configuration and props.\r\n */\r\nfunction createViewGridVirtualized<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridVirtualized: FC<IViewGridProps<T>> = (props) => {\r\n    const finalItems = useMemo(() => props.value, [props.value])\r\n\r\n    const mergedConfig = useMergedConfig<T>(props, config)\r\n    const { sizes, virtualizedOptions } = mergedConfig\r\n    const ItemComponent = mergedConfig.Component\r\n\r\n    // Track container geometry and the first measured item height used for virtualization math.\r\n    const wrapRef = useRef<HTMLDivElement | null>(null)\r\n    const measuredItemsRef = useRef(new Map<number, HTMLDivElement>())\r\n    const measurementRafRef = useRef<number | null>(null)\r\n    const hasMeasuredDatasetRef = useRef(false)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n    const [containerHeight, setContainerHeight] = useState(0)\r\n    const [scrollTopState, setScrollTopState] = useState(0)\r\n    const [measuredItemHeight, setMeasuredItemHeight] = useState<number | null>(null)\r\n\r\n    const overscan = Math.max(1, virtualizedOptions.overscan)\r\n    const spacingPx = resolveGridSpacing(mergedConfig.spacing)\r\n    const isScrolling = scrollTopState > mergedConfig.scrollingThreshold\r\n    const effectiveItemHeight = measuredItemHeight ?? DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE\r\n\r\n    // Reset scroll to top when token changes (client-side filter reset)\r\n    useEffect(() => {\r\n      if (props.featureMode !== 'client' || props.scrollResetToken === undefined) return\r\n      if (wrapRef.current) wrapRef.current.scrollTop = 0\r\n      setScrollTopState(0)\r\n    }, [props.featureMode, props.scrollResetToken])\r\n\r\n    // Keep viewport dimensions in sync so column count and window size react to container resize.\r\n    useLayoutEffect(() => {\r\n      if (!wrapRef.current) return\r\n\r\n      const updateSize = () => {\r\n        const nextWidth = wrapRef.current?.clientWidth ?? 0\r\n        const nextHeight = wrapRef.current?.clientHeight ?? 0\r\n        setContainerWidth((prev) => (prev === nextWidth ? prev : nextWidth))\r\n        setContainerHeight((prev) => (prev === nextHeight ? prev : nextHeight))\r\n      }\r\n\r\n      updateSize()\r\n\r\n      const observer = new ResizeObserver(() => updateSize())\r\n      observer.observe(wrapRef.current)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    const columns = resolveGridColumnsFromWidth(containerWidth, sizes)\r\n    const rowHeight = effectiveItemHeight + spacingPx\r\n\r\n    // Convert scroll position into a virtual row window plus spacer heights above and below.\r\n    const windowed = useMemo(() => {\r\n      const totalItems = finalItems.length\r\n      if (totalItems === 0) {\r\n        return { startRow: 0, endRow: -1, topSpacerHeight: 0, bottomSpacerHeight: 0, startIndex: 0, endIndex: -1 }\r\n      }\r\n\r\n      const totalRows = Math.ceil(totalItems / columns)\r\n      const safeViewportHeight = Math.max(1, containerHeight)\r\n      const effectiveScrollTop = scrollTopState\r\n      const startRow = Math.max(0, Math.floor(effectiveScrollTop / rowHeight) - overscan)\r\n      const visibleRows = Math.ceil(safeViewportHeight / rowHeight)\r\n      const endRow = Math.min(totalRows - 1, startRow + visibleRows + overscan * 2)\r\n      const startIndex = startRow * columns\r\n      const endIndex = Math.min(totalItems - 1, (endRow + 1) * columns - 1)\r\n      const topSpacerHeight = startRow * rowHeight\r\n      const bottomSpacerHeight = Math.max(0, (totalRows - endRow - 1) * rowHeight)\r\n\r\n      return { startRow, endRow, topSpacerHeight, bottomSpacerHeight, startIndex, endIndex }\r\n    }, [columns, finalItems.length, overscan, rowHeight, scrollTopState, containerHeight])\r\n\r\n    const visibleItems = windowed.endIndex >= windowed.startIndex ? finalItems.slice(windowed.startIndex, windowed.endIndex + 1) : []\r\n    const measurementEndIndex = windowed.endIndex\r\n    const contentSx = useMemo<BoxProps['sx']>(() => {\r\n      return {\r\n        display: 'grid',\r\n        gap: `${spacingPx}px`,\r\n        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`\r\n      }\r\n    }, [columns, spacingPx])\r\n\r\n    const handleScroll: BoxProps['onScroll'] = (e) => {\r\n      const t = e.currentTarget\r\n      setScrollTopState(t.scrollTop)\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n        props.onNearEnd?.()\r\n      }\r\n    }\r\n\r\n    const cancelScheduledMeasurement = useCallback(() => {\r\n      if (measurementRafRef.current === null) return\r\n      cancelAnimationFrame(measurementRafRef.current)\r\n      measurementRafRef.current = null\r\n    }, [])\r\n\r\n    // Measure the largest item in the first rendered window once, then reuse it permanently.\r\n    const scheduleMeasuredHeightUpdate = useCallback(() => {\r\n      if (hasMeasuredDatasetRef.current || measurementRafRef.current !== null) return\r\n\r\n      measurementRafRef.current = requestAnimationFrame(() => {\r\n        measurementRafRef.current = null\r\n        if (hasMeasuredDatasetRef.current) return\r\n\r\n        const elements = Array.from(measuredItemsRef.current.entries())\r\n          .filter(([index]) => index >= windowed.startIndex && index <= measurementEndIndex)\r\n          .map(([, element]) => element)\r\n\r\n        if (elements.length === 0) return\r\n\r\n        let nextHeight = 0\r\n        for (const element of elements) {\r\n          nextHeight = Math.max(nextHeight, element.getBoundingClientRect().height)\r\n        }\r\n\r\n        if (nextHeight <= 0) return\r\n\r\n        hasMeasuredDatasetRef.current = true\r\n        setMeasuredItemHeight(nextHeight)\r\n      })\r\n    }, [measurementEndIndex, windowed.startIndex])\r\n\r\n    const setMeasuredItemRef = useCallback((index: number, node: HTMLDivElement | null) => {\r\n      if (node) {\r\n        measuredItemsRef.current.set(index, node)\r\n        return\r\n      }\r\n\r\n      measuredItemsRef.current.delete(index)\r\n    }, [])\r\n\r\n    useLayoutEffect(() => {\r\n      const elements = Array.from(measuredItemsRef.current.entries())\r\n        .filter(([index]) => index >= windowed.startIndex && index <= measurementEndIndex)\r\n        .map(([, element]) => element)\r\n\r\n      if (elements.length === 0 || hasMeasuredDatasetRef.current) return\r\n\r\n      scheduleMeasuredHeightUpdate()\r\n\r\n      const observer = new ResizeObserver(() => {\r\n        scheduleMeasuredHeightUpdate()\r\n      })\r\n\r\n      for (const element of elements) {\r\n        observer.observe(element)\r\n      }\r\n\r\n      return () => {\r\n        observer.disconnect()\r\n        cancelScheduledMeasurement()\r\n      }\r\n    }, [windowed.startIndex, measurementEndIndex, scheduleMeasuredHeightUpdate, cancelScheduledMeasurement])\r\n\r\n    useLayoutEffect(() => {\r\n      return () => {\r\n        cancelScheduledMeasurement()\r\n      }\r\n    }, [cancelScheduledMeasurement])\r\n\r\n    const rootClasses = [classes.root, classes.virtualized]\r\n    if (isScrolling) rootClasses.push(classes.scrolling)\r\n    return (\r\n      <ViewGridStyled className={rootClasses.filter(Boolean).join(' ')}>\r\n        <Box ref={wrapRef} className={classes.scrollContainer} onScroll={handleScroll}>\r\n          {/* Spacer keeps total scroll height stable for rows rendered before the current window. */}\r\n          {windowed.topSpacerHeight > 0 ? <Box sx={{ height: windowed.topSpacerHeight }} /> : null}\r\n\r\n          <Box sx={contentSx} className={classes.grid}>\r\n            {visibleItems.map((item, offset) => {\r\n              const index = windowed.startIndex + offset\r\n              const key = config.getterId(item, index) ?? index\r\n              return (\r\n                <Box\r\n                  key={key}\r\n                  className={classes.gridItem}\r\n                  ref={!hasMeasuredDatasetRef.current ? (node) => setMeasuredItemRef(index, node as HTMLDivElement | null) : undefined}\r\n                  sx={measuredItemHeight !== null ? { minHeight: effectiveItemHeight, height: effectiveItemHeight } : undefined}\r\n                >\r\n                  <ItemComponent value={item} index={index} />\r\n                </Box>\r\n              )\r\n            })}\r\n          </Box>\r\n\r\n          {/* Spacer keeps total scroll height stable for rows rendered after the current window. */}\r\n          {windowed.bottomSpacerHeight > 0 ? <Box sx={{ height: windowed.bottomSpacerHeight }} /> : null}\r\n        </Box>\r\n      </ViewGridStyled>\r\n    )\r\n  }\r\n  return ViewGridVirtualized\r\n}\r\n//#endregion\r\n//#region Main\r\n/**\r\n * Factory function to create a Grid view component that can switch between normal and virtualized rendering strategies based on props and configuration.\r\n * @param config - The configuration object for the grid view, containing default settings and required properties.\r\n * @returns A React functional component that renders a grid view based on the provided configuration and props, supporting both normal and virtualized rendering strategies.\r\n */\r\nexport function createViewGrid<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridNormal = createViewGridNormal<T>(config)\r\n  const ViewGridVirtualized = createViewGridVirtualized<T>(config)\r\n\r\n  const ViewGrid: FC<IViewGridProps<T>> = (props) => {\r\n    const renderStrategy = props.renderStrategy ?? config.renderStrategy ?? 'normal'\r\n    if (renderStrategy === 'virtualized') {\r\n      return <ViewGridVirtualized {...props} />\r\n    }\r\n    return <ViewGridNormal {...props} />\r\n  }\r\n  return ViewGrid\r\n}\r\n\r\nexport interface IViewGridLoadingProps<T> extends IViewGridProps<T> {\r\n  value: T[]\r\n  loadMode: LoadingModeRule\r\n  loading?: boolean\r\n  pagination?: TPagination\r\n  onPageChange?: (page: number, pageSize: number) => void | Promise<void>\r\n}\r\n\r\nexport function createViewGridLoading<T>(GridComponent: ComponentType<IViewGridProps<T>>) {\r\n  const ViewGridLoading: FC<IViewGridLoadingProps<T>> = (props) => {\r\n    const handleNearEnd = useCallback(async () => {\r\n      if (props.loadMode !== 'infiniteScroll') return\r\n      if (!props.pagination?.hasNext) return\r\n      if (props.loading) return\r\n\r\n      const currentPage = props.pagination?.page ?? 0\r\n      const currentPageSize = props.pagination?.pageSize ?? 20\r\n      const nextPage = currentPage + 1\r\n      await props.onPageChange?.(nextPage, currentPageSize)\r\n    }, [props.loadMode, props.pagination?.hasNext, props.pagination?.page, props.pagination?.pageSize, props.loading, props.onPageChange])\r\n\r\n    return (\r\n      <GridComponent\r\n        value={props.value}\r\n        spacing={props.spacing}\r\n        sizes={props.sizes}\r\n        renderStrategy={props.renderStrategy}\r\n        Component={props.Component}\r\n        normalOptions={props.normalOptions}\r\n        virtualizedOptions={props.virtualizedOptions}\r\n        onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\r\n        scrollResetToken={props.scrollResetToken}\r\n      />\r\n    )\r\n  }\r\n\r\n  return ViewGridLoading\r\n}\r\n\r\nexport default createViewGrid\r\n//#endregion\r\n"],"names":["createViewGrid","config","ViewGridNormal","props","_mergedConfig$normalO","_useState","useState","_useState2","_slicedToArray","isScrolling","setIsScrolling","scrollContainerRef","useRef","mergedConfig","useMergedConfig","ItemComponent","Component","isAutoHeight","normalOptions","autoHeight","isClient","featureMode","finalItems","useMemo","value","useEffect","undefined","scrollResetToken","current","scrollTop","rootClasses","l","classes","root","normal","push","scrolling","join","_jsx","ViewGridStyled","className","children","Box","scrollContainer","ref","onScroll","e","_props$onNearEnd","t","currentTarget","scrollingThreshold","scrollHeight","clientHeight","onNearEnd","call","Grid","container","spacing","concat","grid","map","item","index","_config$getterId","key","getterId","_objectSpread","gridItem","sizes","createViewGridNormal","ViewGridVirtualized","virtualizedOptions","wrapRef","measuredItemsRef","Map","measurementRafRef","hasMeasuredDatasetRef","_useState3","_useState4","containerWidth","setContainerWidth","_useState5","_useState6","containerHeight","setContainerHeight","_useState7","_useState8","scrollTopState","setScrollTopState","_useState9","_useState0","measuredItemHeight","setMeasuredItemHeight","overscan","Math","max","spacingPx","resolveGridSpacing","effectiveItemHeight","DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE","useLayoutEffect","updateSize","_wrapRef$current$clie","_wrapRef$current","_wrapRef$current$clie2","_wrapRef$current2","nextWidth","clientWidth","nextHeight","prev","observer","ResizeObserver","observe","disconnect","columns","resolveGridColumnsFromWidth","rowHeight","windowed","totalItems","length","startRow","endRow","topSpacerHeight","bottomSpacerHeight","startIndex","endIndex","totalRows","ceil","safeViewportHeight","effectiveScrollTop","floor","visibleRows","min","visibleItems","slice","measurementEndIndex","contentSx","display","gap","gridTemplateColumns","cancelScheduledMeasurement","useCallback","cancelAnimationFrame","scheduleMeasuredHeightUpdate","requestAnimationFrame","elements","Array","from","entries","filter","_ref","_ref3","_step","_iterator","_createForOfIteratorHelper","s","n","done","element","getBoundingClientRect","height","err","f","setMeasuredItemRef","node","set","_ref5","_ref7","_step2","_iterator2","virtualized","Boolean","_jsxs","_props$onNearEnd2","sx","offset","_config$getterId2","minHeight","createViewGridVirtualized","_ref9","_props$renderStrategy","renderStrategy","createViewGridLoading","GridComponent","_props$pagination4","_props$pagination5","_props$pagination6","handleNearEnd","_asyncToGenerator","_regenerator","m","_callee","_props$pagination","_props$pagination$pag","_props$pagination2","_props$pagination$pag2","_props$pagination3","_props$onPageChange","currentPage","currentPageSize","nextPage","w","_context","loadMode","a","pagination","hasNext","loading","page","pageSize","onPageChange"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/data-surface/view-grid/index.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Box, Grid } from '@mui/material'\r\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { useMergedConfig } from './hooks'\r\nimport { ViewGridStyled, viewGridClasses as classes } from './styleds'\r\nimport { DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE, resolveGridColumnsFromWidth, resolveGridSpacing } from './helpers'\r\n// types\r\nimport type { BoxProps } from '@mui/material'\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { LoadingModeRule, TPagination } from '../types'\r\nimport type { IViewGridConfig, IViewGridProps } from './types'\r\n// re-exports\r\nexport * from './types'\r\n\r\n//#region Normal\r\n/**\r\n * Creates a Grid view component that renders all items in the DOM. Suitable for small datasets.\r\n * @param config - The configuration object for the grid view, containing default settings and required properties.\r\n * @returns A React functional component that renders a grid view based on the provided configuration and props.\r\n */\r\nfunction createViewGridNormal<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridNormal: FC<IViewGridProps<T>> = (props) => {\r\n    const [isScrolling, setIsScrolling] = useState(false)\r\n    const scrollContainerRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const mergedConfig = useMergedConfig<T>(props, config)\r\n    const ItemComponent = mergedConfig.Component\r\n    const isAutoHeight = mergedConfig.normalOptions?.autoHeight === true\r\n    const isClient = props.featureMode === 'client'\r\n    const finalItems = useMemo(() => props.value, [props.value])\r\n\r\n    // Reset scroll to top when token changes (client-side filter reset)\r\n    useEffect(() => {\r\n      if (!isClient || isAutoHeight || props.scrollResetToken === undefined) return\r\n      if (scrollContainerRef.current) scrollContainerRef.current.scrollTop = 0\r\n    }, [isClient, isAutoHeight, props.scrollResetToken])\r\n\r\n    const handleScroll: BoxProps['onScroll'] = (e) => {\r\n      const t = e.currentTarget\r\n      setIsScrolling(t.scrollTop > mergedConfig.scrollingThreshold)\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= mergedConfig.nearEndThreshold) {\r\n        props.onNearEnd?.()\r\n      }\r\n    }\r\n\r\n    const rootClasses = useMemo(() => {\r\n      const l = [classes.root, classes.normal]\r\n      if (isScrolling) l.push(classes.scrolling)\r\n      if (isAutoHeight) l.push(classes.autoHeight)\r\n      return l.join(' ')\r\n    }, [isScrolling, isAutoHeight])\r\n\r\n    return (\r\n      <ViewGridStyled className={rootClasses}>\r\n        <Box className={classes.scrollContainer} ref={scrollContainerRef} onScroll={handleScroll}>\r\n          <Grid container spacing={`${mergedConfig.spacing}px`} className={classes.grid}>\r\n            {finalItems.map((item, index) => {\r\n              const key = config.getterId(item, index) ?? index\r\n              return (\r\n                <Grid key={key} className={classes.gridItem} item {...mergedConfig.sizes}>\r\n                  <ItemComponent value={item} index={index} />\r\n                </Grid>\r\n              )\r\n            })}\r\n          </Grid>\r\n        </Box>\r\n      </ViewGridStyled>\r\n    )\r\n  }\r\n  return ViewGridNormal\r\n}\r\n//#endregion\r\n//#region Virtualized\r\n/**\r\n * Creates a Grid view component that virtualizes items, rendering only those visible in the viewport. Suitable for large datasets.\r\n * @param config - The configuration object for the grid view, containing default settings and required properties.\r\n * @returns A React functional component that renders a virtualized grid view based on the provided configuration and props.\r\n */\r\nfunction createViewGridVirtualized<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridVirtualized: FC<IViewGridProps<T>> = (props) => {\r\n    const finalItems = useMemo(() => props.value, [props.value])\r\n\r\n    const mergedConfig = useMergedConfig<T>(props, config)\r\n    const { sizes, virtualizedOptions } = mergedConfig\r\n    const ItemComponent = mergedConfig.Component\r\n\r\n    // Track container geometry and the first measured item height used for virtualization math.\r\n    const wrapRef = useRef<HTMLDivElement | null>(null)\r\n    const measuredItemsRef = useRef(new Map<number, HTMLDivElement>())\r\n    const measurementRafRef = useRef<number | null>(null)\r\n    const hasMeasuredDatasetRef = useRef(false)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n    const [containerHeight, setContainerHeight] = useState(0)\r\n    const [scrollTopState, setScrollTopState] = useState(0)\r\n    const [measuredItemHeight, setMeasuredItemHeight] = useState<number | null>(null)\r\n\r\n    const overscan = Math.max(1, virtualizedOptions.overscan)\r\n    const spacingPx = resolveGridSpacing(mergedConfig.spacing)\r\n    const isScrolling = scrollTopState > mergedConfig.scrollingThreshold\r\n    const effectiveItemHeight = measuredItemHeight ?? DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE\r\n\r\n    // Reset scroll to top when token changes (client-side filter reset)\r\n    useEffect(() => {\r\n      if (props.featureMode !== 'client' || props.scrollResetToken === undefined) return\r\n      if (wrapRef.current) wrapRef.current.scrollTop = 0\r\n      setScrollTopState(0)\r\n    }, [props.featureMode, props.scrollResetToken])\r\n\r\n    // Keep viewport dimensions in sync so column count and window size react to container resize.\r\n    useLayoutEffect(() => {\r\n      if (!wrapRef.current) return\r\n\r\n      const updateSize = () => {\r\n        const nextWidth = wrapRef.current?.clientWidth ?? 0\r\n        const nextHeight = wrapRef.current?.clientHeight ?? 0\r\n        setContainerWidth((prev) => (prev === nextWidth ? prev : nextWidth))\r\n        setContainerHeight((prev) => (prev === nextHeight ? prev : nextHeight))\r\n      }\r\n\r\n      updateSize()\r\n\r\n      const observer = new ResizeObserver(() => updateSize())\r\n      observer.observe(wrapRef.current)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    const columns = resolveGridColumnsFromWidth(containerWidth, sizes)\r\n    const rowHeight = effectiveItemHeight + spacingPx\r\n\r\n    // Convert scroll position into a virtual row window plus spacer heights above and below.\r\n    const windowed = useMemo(() => {\r\n      const totalItems = finalItems.length\r\n      if (totalItems === 0) {\r\n        return { startRow: 0, endRow: -1, topSpacerHeight: 0, bottomSpacerHeight: 0, startIndex: 0, endIndex: -1 }\r\n      }\r\n\r\n      const totalRows = Math.ceil(totalItems / columns)\r\n      const safeViewportHeight = Math.max(1, containerHeight)\r\n      const effectiveScrollTop = scrollTopState\r\n      const startRow = Math.max(0, Math.floor(effectiveScrollTop / rowHeight) - overscan)\r\n      const visibleRows = Math.ceil(safeViewportHeight / rowHeight)\r\n      const endRow = Math.min(totalRows - 1, startRow + visibleRows + overscan * 2)\r\n      const startIndex = startRow * columns\r\n      const endIndex = Math.min(totalItems - 1, (endRow + 1) * columns - 1)\r\n      const topSpacerHeight = startRow * rowHeight\r\n      const bottomSpacerHeight = Math.max(0, (totalRows - endRow - 1) * rowHeight)\r\n\r\n      return { startRow, endRow, topSpacerHeight, bottomSpacerHeight, startIndex, endIndex }\r\n    }, [columns, finalItems.length, overscan, rowHeight, scrollTopState, containerHeight])\r\n\r\n    const visibleItems = windowed.endIndex >= windowed.startIndex ? finalItems.slice(windowed.startIndex, windowed.endIndex + 1) : []\r\n    const measurementEndIndex = windowed.endIndex\r\n    const contentSx = useMemo<BoxProps['sx']>(() => {\r\n      return {\r\n        display: 'grid',\r\n        gap: `${spacingPx}px`,\r\n        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`\r\n      }\r\n    }, [columns, spacingPx])\r\n\r\n    const handleScroll: BoxProps['onScroll'] = (e) => {\r\n      const t = e.currentTarget\r\n      setScrollTopState(t.scrollTop)\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= mergedConfig.nearEndThreshold) {\r\n        props.onNearEnd?.()\r\n      }\r\n    }\r\n\r\n    const cancelScheduledMeasurement = useCallback(() => {\r\n      if (measurementRafRef.current === null) return\r\n      cancelAnimationFrame(measurementRafRef.current)\r\n      measurementRafRef.current = null\r\n    }, [])\r\n\r\n    // Measure the largest item in the first rendered window once, then reuse it permanently.\r\n    const scheduleMeasuredHeightUpdate = useCallback(() => {\r\n      if (hasMeasuredDatasetRef.current || measurementRafRef.current !== null) return\r\n\r\n      measurementRafRef.current = requestAnimationFrame(() => {\r\n        measurementRafRef.current = null\r\n        if (hasMeasuredDatasetRef.current) return\r\n\r\n        const elements = Array.from(measuredItemsRef.current.entries())\r\n          .filter(([index]) => index >= windowed.startIndex && index <= measurementEndIndex)\r\n          .map(([, element]) => element)\r\n\r\n        if (elements.length === 0) return\r\n\r\n        let nextHeight = 0\r\n        for (const element of elements) {\r\n          nextHeight = Math.max(nextHeight, element.getBoundingClientRect().height)\r\n        }\r\n\r\n        if (nextHeight <= 0) return\r\n\r\n        hasMeasuredDatasetRef.current = true\r\n        setMeasuredItemHeight(nextHeight)\r\n      })\r\n    }, [measurementEndIndex, windowed.startIndex])\r\n\r\n    const setMeasuredItemRef = useCallback((index: number, node: HTMLDivElement | null) => {\r\n      if (node) {\r\n        measuredItemsRef.current.set(index, node)\r\n        return\r\n      }\r\n\r\n      measuredItemsRef.current.delete(index)\r\n    }, [])\r\n\r\n    useLayoutEffect(() => {\r\n      const elements = Array.from(measuredItemsRef.current.entries())\r\n        .filter(([index]) => index >= windowed.startIndex && index <= measurementEndIndex)\r\n        .map(([, element]) => element)\r\n\r\n      if (elements.length === 0 || hasMeasuredDatasetRef.current) return\r\n\r\n      scheduleMeasuredHeightUpdate()\r\n\r\n      const observer = new ResizeObserver(() => {\r\n        scheduleMeasuredHeightUpdate()\r\n      })\r\n\r\n      for (const element of elements) {\r\n        observer.observe(element)\r\n      }\r\n\r\n      return () => {\r\n        observer.disconnect()\r\n        cancelScheduledMeasurement()\r\n      }\r\n    }, [windowed.startIndex, measurementEndIndex, scheduleMeasuredHeightUpdate, cancelScheduledMeasurement])\r\n\r\n    useLayoutEffect(() => {\r\n      return () => {\r\n        cancelScheduledMeasurement()\r\n      }\r\n    }, [cancelScheduledMeasurement])\r\n\r\n    const rootClasses = [classes.root, classes.virtualized]\r\n    if (isScrolling) rootClasses.push(classes.scrolling)\r\n    return (\r\n      <ViewGridStyled className={rootClasses.filter(Boolean).join(' ')}>\r\n        <Box ref={wrapRef} className={classes.scrollContainer} onScroll={handleScroll}>\r\n          {/* Spacer keeps total scroll height stable for rows rendered before the current window. */}\r\n          {windowed.topSpacerHeight > 0 ? <Box sx={{ height: windowed.topSpacerHeight }} /> : null}\r\n\r\n          <Box sx={contentSx} className={classes.grid}>\r\n            {visibleItems.map((item, offset) => {\r\n              const index = windowed.startIndex + offset\r\n              const key = config.getterId(item, index) ?? index\r\n              return (\r\n                <Box\r\n                  key={key}\r\n                  className={classes.gridItem}\r\n                  ref={!hasMeasuredDatasetRef.current ? (node) => setMeasuredItemRef(index, node as HTMLDivElement | null) : undefined}\r\n                  sx={measuredItemHeight !== null ? { minHeight: effectiveItemHeight, height: effectiveItemHeight } : undefined}\r\n                >\r\n                  <ItemComponent value={item} index={index} />\r\n                </Box>\r\n              )\r\n            })}\r\n          </Box>\r\n\r\n          {/* Spacer keeps total scroll height stable for rows rendered after the current window. */}\r\n          {windowed.bottomSpacerHeight > 0 ? <Box sx={{ height: windowed.bottomSpacerHeight }} /> : null}\r\n        </Box>\r\n      </ViewGridStyled>\r\n    )\r\n  }\r\n  return ViewGridVirtualized\r\n}\r\n//#endregion\r\n//#region Main\r\n/**\r\n * Factory function to create a Grid view component that can switch between normal and virtualized rendering strategies based on props and configuration.\r\n * @param config - The configuration object for the grid view, containing default settings and required properties.\r\n * @returns A React functional component that renders a grid view based on the provided configuration and props, supporting both normal and virtualized rendering strategies.\r\n */\r\nexport function createViewGrid<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridNormal = createViewGridNormal<T>(config)\r\n  const ViewGridVirtualized = createViewGridVirtualized<T>(config)\r\n\r\n  const ViewGrid: FC<IViewGridProps<T>> = (props) => {\r\n    const renderStrategy = props.renderStrategy ?? config.renderStrategy ?? 'normal'\r\n    if (renderStrategy === 'virtualized') {\r\n      return <ViewGridVirtualized {...props} />\r\n    }\r\n    return <ViewGridNormal {...props} />\r\n  }\r\n  return ViewGrid\r\n}\r\n\r\nexport interface IViewGridLoadingProps<T> extends IViewGridProps<T> {\r\n  value: T[]\r\n  loadMode: LoadingModeRule\r\n  loading?: boolean\r\n  pagination?: TPagination\r\n  onPageChange?: (page: number, pageSize: number) => void | Promise<void>\r\n}\r\n\r\nexport function createViewGridLoading<T>(GridComponent: ComponentType<IViewGridProps<T>>) {\r\n  const ViewGridLoading: FC<IViewGridLoadingProps<T>> = (props) => {\r\n    const handleNearEnd = useCallback(async () => {\r\n      if (props.loadMode !== 'infiniteScroll') return\r\n      if (!props.pagination?.hasNext) return\r\n      if (props.loading) return\r\n\r\n      const currentPage = props.pagination?.page ?? 0\r\n      const currentPageSize = props.pagination?.pageSize ?? 20\r\n      const nextPage = currentPage + 1\r\n      await props.onPageChange?.(nextPage, currentPageSize)\r\n    }, [props.loadMode, props.pagination?.hasNext, props.pagination?.page, props.pagination?.pageSize, props.loading, props.onPageChange])\r\n\r\n    return (\r\n      <GridComponent\r\n        value={props.value}\r\n        spacing={props.spacing}\r\n        sizes={props.sizes}\r\n        renderStrategy={props.renderStrategy}\r\n        Component={props.Component}\r\n        normalOptions={props.normalOptions}\r\n        virtualizedOptions={props.virtualizedOptions}\r\n        onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\r\n        nearEndThreshold={props.nearEndThreshold}\r\n        scrollResetToken={props.scrollResetToken}\r\n      />\r\n    )\r\n  }\r\n\r\n  return ViewGridLoading\r\n}\r\n\r\nexport default createViewGrid\r\n//#endregion\r\n"],"names":["createViewGrid","config","ViewGridNormal","props","_mergedConfig$normalO","_useState","useState","_useState2","_slicedToArray","isScrolling","setIsScrolling","scrollContainerRef","useRef","mergedConfig","useMergedConfig","ItemComponent","Component","isAutoHeight","normalOptions","autoHeight","isClient","featureMode","finalItems","useMemo","value","useEffect","undefined","scrollResetToken","current","scrollTop","rootClasses","l","classes","root","normal","push","scrolling","join","_jsx","ViewGridStyled","className","children","Box","scrollContainer","ref","onScroll","e","_props$onNearEnd","t","currentTarget","scrollingThreshold","scrollHeight","clientHeight","nearEndThreshold","onNearEnd","call","Grid","container","spacing","concat","grid","map","item","index","_config$getterId","key","getterId","_objectSpread","gridItem","sizes","createViewGridNormal","ViewGridVirtualized","virtualizedOptions","wrapRef","measuredItemsRef","Map","measurementRafRef","hasMeasuredDatasetRef","_useState3","_useState4","containerWidth","setContainerWidth","_useState5","_useState6","containerHeight","setContainerHeight","_useState7","_useState8","scrollTopState","setScrollTopState","_useState9","_useState0","measuredItemHeight","setMeasuredItemHeight","overscan","Math","max","spacingPx","resolveGridSpacing","effectiveItemHeight","DEFAULT_GRID_ITEM_HEIGHT_ESTIMATE","useLayoutEffect","updateSize","_wrapRef$current$clie","_wrapRef$current","_wrapRef$current$clie2","_wrapRef$current2","nextWidth","clientWidth","nextHeight","prev","observer","ResizeObserver","observe","disconnect","columns","resolveGridColumnsFromWidth","rowHeight","windowed","totalItems","length","startRow","endRow","topSpacerHeight","bottomSpacerHeight","startIndex","endIndex","totalRows","ceil","safeViewportHeight","effectiveScrollTop","floor","visibleRows","min","visibleItems","slice","measurementEndIndex","contentSx","display","gap","gridTemplateColumns","cancelScheduledMeasurement","useCallback","cancelAnimationFrame","scheduleMeasuredHeightUpdate","requestAnimationFrame","elements","Array","from","entries","filter","_ref","_ref3","_step","_iterator","_createForOfIteratorHelper","s","n","done","element","getBoundingClientRect","height","err","f","setMeasuredItemRef","node","set","_ref5","_ref7","_step2","_iterator2","virtualized","Boolean","_jsxs","_props$onNearEnd2","sx","offset","_config$getterId2","minHeight","createViewGridVirtualized","_ref9","_props$renderStrategy","renderStrategy","createViewGridLoading","GridComponent","_props$pagination4","_props$pagination5","_props$pagination6","handleNearEnd","_asyncToGenerator","_regenerator","m","_callee","_props$pagination","_props$pagination$pag","_props$pagination2","_props$pagination$pag2","_props$pagination3","_props$onPageChange","currentPage","currentPageSize","nextPage","w","_context","loadMode","a","pagination","hasNext","loading","page","pageSize","onPageChange"],"mappings":"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"}

package/dist/src/filter-bar/components/chip-viewer.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as n,Fragment as a}from"react/jsx-runtime";import{useMemo as r,useState as o}from"react";import{styled as l,Box as c,Typography as m,Tooltip as p,Chip as s}from"@mui/material";import u from"@mui/icons-material/MoreHoriz";function h(){var e=function(e){var i=e.item,t=e.group,a=e.onRemove,r=t.field,o=t.label,l=i.label||i.value.toString();return n(s,{size:"small",title:l,label:l,className:d.itemChip,onDelete:a?function(){return a(r,i.value)}:void 0},"".concat(o,"-").concat(i.value))},l=function(r){var l=o(!1),c=i(l,2),m=c[0],h=c[1],f=r.group,g=r.onRemove,v=r.enableMinimalesticView,b=f.items;if(v&&b.length>1&&!m)return t(a,{children:[n(p,{title:"".concat(b.length-1," more, click to expand"),placement:"top",arrow:!0,children:n(s,{icon:n(u,{fontSize:"small"}),label:"".concat(b.length-1,"+"),size:"small",className:d.itemChip,style:{opacity:.7},onClick:function(){return h(!0)}})}),n(e,{item:b[b.length-1],group:f,onRemove:g})]});var C=m&&b.length>1;return t(a,{children:[C&&n(p,{title:"Show less",placement:"top",arrow:!0,children:n(s,{icon:n(u,{fontSize:"small"}),size:"small",className:d.itemChip,sx:{opacity:.7,".MuiChip-label":{pl:0}},onClick:function(){return h(!1)}})}),b.map(function(i){return n(e,{item:i,group:f,onRemove:g},i.value.toString())})]})};return function(e){var i=e.value,a=void 0===i?[]:i,o=e.onRemove,c=e.placement,p=e.label,s=e.enableMinimalesticView,u=[d.item];"vertical"===c?u.push(d.itemVertical):"horizontal"===c&&u.push(d.itemHorizontal);var h=r(function(){return a?(Array.isArray(a)?a:[a]).filter(function(e){return e.items&&e.items.length>0}):[]},[a]);return 0===h.length?null:t(f,{sx:e.sx,className:u.filter(Boolean).join(" "),children:[Boolean(p)&&t(m,{variant:"caption",className:d.itemLabel,children:[p||"ChipViewer",":"]}),n("div",{className:d.itemContent,children:h.map(function(e){var i=e.field,a=e.label;return t("div",{className:d.itemGroup,children:[a&&t(m,{variant:"caption",className:d.itemLabel,children:[a,":"]}),n(l,{group:e,onRemove:o,enableMinimalesticView:s})]},i.toString())})})]})}}var d={item:"DinoChipViewer-item",itemLabel:"DinoChipViewer-itemLabel",itemChip:"DinoChipViewer-itemChip",itemGroup:"DinoChipViewer-itemGroup",itemContent:"DinoChipViewer-itemContent",sort:"DinoChipViewer-sort",itemVertical:"DinoChipViewer-itemVertical",itemHorizontal:"DinoChipViewer-itemHorizontal"},f=l(c)(function(i){var t=i.theme;return e(e(e(e(e({},".".concat(d.itemLabel),{fontWeight:700,marginLeft:t.spacing(.5),lineHeight:1}),".".concat(d.itemChip),{borderRadius:"4px",maxWidth:"100px","& .MuiChip-label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}),".".concat(d.itemGroup),{display:"flex",flexWrap:"wrap",border:"dashed 1px ".concat(t.palette.divider),borderRadius:t.shape.borderRadius,alignItems:"center",padding:t.spacing(.25),gap:t.spacing(1)}),".".concat(d.itemContent),e({display:"flex",flexWrap:"wrap",gap:t.spacing(.5)},".".concat(d.itemLabel),{fontWeight:500,color:t.palette.text.secondary})),"&.".concat(d.item),e(e({display:"flex",flexDirection:"row",alignItems:"center",gap:t.spacing(1),padding:t.spacing(.25,.5),"&:last-child":{marginBottom:0,borderBottom:"none",paddingBottom:0}},"&.".concat(d.sort),{".MuiChip-label > div":{display:"flex",alignItems:"center",gap:4},".MuiSvgIcon-root":{fontSize:12}}),"&.".concat(d.itemVertical),{flexDirection:"column",alignItems:"flex-start"}))});export{h as createChipViewers};
+import{defineProperty as e,slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as n,Fragment as a}from"react/jsx-runtime";import{useMemo as r,useState as o}from"react";import{styled as l,Box as c,Typography as m,Tooltip as p,Chip as s}from"@mui/material";import u from"@mui/icons-material/MoreHoriz";function h(){var e=function(e){var i=e.item,t=e.group,a=e.onRemove,r=t.field,o=t.label,l=i.label||i.value.toString();return n(s,{size:"small",title:l,label:l,className:d.itemChip,onDelete:a?function(){return a(r,i.value)}:void 0},"".concat(o,"-").concat(i.value))},l=function(r){var l=o(!1),c=i(l,2),m=c[0],h=c[1],f=r.group,g=r.onRemove,v=r.enableMinimalesticView,b=f.items;if(v&&b.length>1&&!m)return t(a,{children:[n(p,{title:"".concat(b.length-1," more, click to expand"),placement:"top",arrow:!0,children:n(s,{icon:n(u,{fontSize:"small"}),label:"".concat(b.length-1,"+"),size:"small",className:d.itemChip,style:{opacity:.7},onClick:function(){return h(!0)}})}),n(e,{item:b[b.length-1],group:f,onRemove:g})]});var C=m&&b.length>1;return t(a,{children:[C&&n(p,{title:"Show less",placement:"top",arrow:!0,children:n(s,{icon:n(u,{fontSize:"small"}),size:"small",className:d.itemChip,sx:{opacity:.7,".MuiChip-label":{pl:0}},onClick:function(){return h(!1)}})}),b.map(function(i){return n(e,{item:i,group:f,onRemove:g},i.value.toString())})]})};return function(e){var i=e.value,a=void 0===i?[]:i,o=e.onRemove,c=e.placement,p=e.label,s=e.enableMinimalesticView,u=[d.item];"vertical"===c?u.push(d.itemVertical):"horizontal"===c&&u.push(d.itemHorizontal);var h=r(function(){return a?(Array.isArray(a)?a:[a]).filter(function(e){return e.items&&e.items.length>0}):[]},[a]);return 0===h.length?null:t(f,{sx:e.sx,className:u.filter(Boolean).join(" "),children:[Boolean(p)&&t(m,{variant:"caption",className:d.itemLabel,children:[p||"ChipViewer",":"]}),n("div",{className:d.itemContent,children:h.map(function(e){var i=e.field,a=e.label;return t("div",{className:d.itemGroup,children:[a&&t(m,{variant:"caption",className:d.itemLabel,children:[a,":"]}),n(l,{group:e,onRemove:o,enableMinimalesticView:s})]},i.toString())})})]})}}var d={item:"DinoChipViewer-item",itemLabel:"DinoChipViewer-itemLabel",itemChip:"DinoChipViewer-itemChip",itemGroup:"DinoChipViewer-itemGroup",itemContent:"DinoChipViewer-itemContent",sort:"DinoChipViewer-sort",itemVertical:"DinoChipViewer-itemVertical",itemHorizontal:"DinoChipViewer-itemHorizontal"},f=l(c)(function(i){var t=i.theme;return e(e(e(e(e({},".".concat(d.itemLabel),{fontWeight:700,marginLeft:t.spacing(.5),lineHeight:1}),".".concat(d.itemChip),{borderRadius:"4px",maxWidth:"100px","& .MuiChip-label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}),".".concat(d.itemGroup),{display:"flex",flexWrap:"wrap",border:"dashed 1px ".concat(t.palette.divider),borderRadius:t.shape.borderRadius,alignItems:"center",padding:t.spacing(.25),gap:t.spacing(.5)}),".".concat(d.itemContent),e({display:"flex",flexWrap:"wrap",gap:t.spacing(.5)},".".concat(d.itemLabel),{fontWeight:500,color:t.palette.text.secondary})),"&.".concat(d.item),e(e({display:"flex",flexDirection:"row",alignItems:"center",gap:t.spacing(1),padding:t.spacing(.25,.5),"&:last-child":{marginBottom:0,borderBottom:"none",paddingBottom:0}},"&.".concat(d.sort),{".MuiChip-label > div":{display:"flex",alignItems:"center",gap:4},".MuiSvgIcon-root":{fontSize:12}}),"&.".concat(d.itemVertical),{flexDirection:"column",alignItems:"flex-start"}))});export{h as createChipViewers};
 //# sourceMappingURL=chip-viewer.js.map

package/dist/src/filter-bar/components/chip-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip-viewer.js","sources":["../../../../src/filter-bar/components/chip-viewer.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useMemo, useState } from 'react'\r\nimport { Box, Chip, styled, Tooltip, Typography } from '@mui/material'\r\nimport MoreHorizIcon from '@mui/icons-material/MoreHoriz'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { TFieldType, TFieldValid } from '../types'\r\n\r\nexport interface IChipViewerItem<O = any> {\r\n  value: TFieldValid\r\n  label?: string\r\n  other?: O\r\n}\r\n\r\nexport interface TChipViewerGroup<T, O = any> {\r\n  field: TFieldType<T>\r\n  label?: string\r\n  items: IChipViewerItem<O>[]\r\n}\r\n\r\nexport type TOnRemoveFilterFunc<T> = (field: TFieldType<T>, value: TFieldValid) => void\r\n\r\ninterface IChipViewerProps<T> {\r\n  value?: TChipViewerGroup<T> | TChipViewerGroup<T>[]\r\n  onRemove?: TOnRemoveFilterFunc<T>\r\n  placement?: 'vertical' | 'horizontal'\r\n  /** Option to set a custom label for the group. */\r\n  label?: string | boolean\r\n  /** Enable minimalistic view: only show the last item, hide the rest as an icon at the start */\r\n  enableMinimalesticView?: boolean\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\ninterface IChipItemProps<T> extends Pick<IChipViewerProps<T>, 'onRemove'> {\r\n  item: IChipViewerItem\r\n  group: TChipViewerGroup<T>\r\n}\r\n\r\ninterface IChipListProps<T> extends Pick<IChipViewerProps<T>, 'onRemove' | 'enableMinimalesticView'> {\r\n  group: TChipViewerGroup<T>\r\n}\r\n\r\nexport function createChipViewers<T>() {\r\n  const ChipItem: FC<IChipItemProps<T>> = (props) => {\r\n    const { item, group, onRemove } = props\r\n    const { field, label } = group\r\n    const itemLabel = item.label || item.value.toString()\r\n    return (\r\n      <Chip\r\n        key={`${label}-${item.value}`}\r\n        size='small'\r\n        title={itemLabel}\r\n        label={itemLabel}\r\n        className={classes.itemChip}\r\n        onDelete={onRemove ? () => onRemove(field, item.value) : undefined}\r\n      />\r\n    )\r\n  }\r\n\r\n  const ChipList: FC<IChipListProps<T>> = (props) => {\r\n    const [expanded, setExpanded] = useState<boolean>(false)\r\n    const { group, onRemove, enableMinimalesticView } = props\r\n    const { items } = group\r\n    const isMinimalistic = enableMinimalesticView && items.length > 1 && !expanded\r\n    if (isMinimalistic) {\r\n      return (\r\n        <>\r\n          <Tooltip title={`${items.length - 1} more, click to expand`} placement='top' arrow>\r\n            <Chip\r\n              icon={<MoreHorizIcon fontSize='small' />}\r\n              label={`${items.length - 1}+`}\r\n              size='small'\r\n              className={classes.itemChip}\r\n              style={{ opacity: 0.7 }}\r\n              onClick={() => setExpanded(true)}\r\n            />\r\n          </Tooltip>\r\n          <ChipItem item={items[items.length - 1]} group={group} onRemove={onRemove} />\r\n        </>\r\n      )\r\n    }\r\n    const isBtnShowLess = expanded && items.length > 1\r\n    return (\r\n      <>\r\n        {isBtnShowLess && (\r\n          <Tooltip title='Show less' placement='top' arrow>\r\n            <Chip\r\n              icon={<MoreHorizIcon fontSize='small' />}\r\n              // label={false}\r\n              size='small'\r\n              className={classes.itemChip}\r\n              sx={{ opacity: 0.7, '.MuiChip-label': { pl: 0 } }}\r\n              onClick={() => setExpanded(false)}\r\n            />\r\n          </Tooltip>\r\n        )}\r\n        {items.map((item) => (\r\n          <ChipItem key={item.value.toString()} item={item} group={group} onRemove={onRemove} />\r\n        ))}\r\n      </>\r\n    )\r\n  }\r\n\r\n  const ChipViewer: FC<IChipViewerProps<T>> = (props) => {\r\n    const { value = [], onRemove, placement, label, enableMinimalesticView } = props\r\n\r\n    const rootClasses = [classes.item]\r\n    if (placement === 'vertical') rootClasses.push(classes.itemVertical)\r\n    else if (placement === 'horizontal') rootClasses.push(classes.itemHorizontal)\r\n\r\n    const data = useMemo(() => {\r\n      if (!value) return []\r\n      const valueArray = Array.isArray(value) ? value : [value]\r\n      return valueArray.filter((group) => group.items && group.items.length > 0)\r\n    }, [value])\r\n\r\n    if (data.length === 0) return null\r\n\r\n    return (\r\n      <ItemStyled sx={props.sx} className={rootClasses.filter(Boolean).join(' ')}>\r\n        {Boolean(label) && (\r\n          <Typography variant='caption' className={classes.itemLabel}>\r\n            {label || 'ChipViewer'}:\r\n          </Typography>\r\n        )}\r\n        <div className={classes.itemContent}>\r\n          {data.map((group) => {\r\n            const { field, label } = group\r\n            return (\r\n              <div key={field.toString()} className={classes.itemGroup}>\r\n                {label && (\r\n                  <Typography variant='caption' className={classes.itemLabel}>\r\n                    {label}:\r\n                  </Typography>\r\n                )}\r\n                <ChipList group={group} onRemove={onRemove} enableMinimalesticView={enableMinimalesticView} />\r\n              </div>\r\n            )\r\n          })}\r\n        </div>\r\n      </ItemStyled>\r\n    )\r\n  }\r\n\r\n  return ChipViewer\r\n}\r\n\r\n//#region styles\r\nconst chipViewerClasses = {\r\n  root: 'DinoChipViewer-root',\r\n  item: 'DinoChipViewer-item',\r\n  itemLabel: 'DinoChipViewer-itemLabel',\r\n  itemChip: 'DinoChipViewer-itemChip',\r\n  itemGroup: 'DinoChipViewer-itemGroup',\r\n  itemContent: 'DinoChipViewer-itemContent',\r\n  sort: 'DinoChipViewer-sort',\r\n  itemVertical: 'DinoChipViewer-itemVertical',\r\n  itemHorizontal: 'DinoChipViewer-itemHorizontal'\r\n}\r\n\r\nconst classes = chipViewerClasses\r\n\r\nconst ItemStyled = styled(Box)(({ theme }) => ({\r\n  [`.${classes.itemLabel}`]: {\r\n    fontWeight: 700,\r\n    marginLeft: theme.spacing(0.5),\r\n    lineHeight: 1\r\n  },\r\n  [`.${classes.itemChip}`]: {\r\n    borderRadius: '4px',\r\n    maxWidth: '100px',\r\n    '& .MuiChip-label': { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }\r\n  },\r\n  [`.${classes.itemGroup}`]: {\r\n    display: 'flex',\r\n    flexWrap: 'wrap',\r\n    border: `dashed 1px ${theme.palette.divider}`,\r\n    borderRadius: theme.shape.borderRadius,\r\n    alignItems: 'center',\r\n    padding: theme.spacing(0.25),\r\n    gap: theme.spacing(1)\r\n  },\r\n  [`.${classes.itemContent}`]: {\r\n    display: 'flex',\r\n    flexWrap: 'wrap',\r\n    gap: theme.spacing(0.5),\r\n    [`.${classes.itemLabel}`]: {\r\n      fontWeight: 500,\r\n      color: theme.palette.text.secondary\r\n    }\r\n  },\r\n  [`&.${classes.item}`]: {\r\n    display: 'flex',\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1),\r\n    padding: theme.spacing(0.25, 0.5),\r\n    // borderBottom: `1px solid ${theme.palette.grey[100]}`,\r\n    '&:last-child': { marginBottom: 0, borderBottom: 'none', paddingBottom: 0 },\r\n    [`&.${classes.sort}`]: {\r\n      '.MuiChip-label > div': { display: 'flex', alignItems: 'center', gap: 4 },\r\n      '.MuiSvgIcon-root': { fontSize: 12 }\r\n    },\r\n    [`&.${classes.itemVertical}`]: { flexDirection: 'column', alignItems: 'flex-start' }\r\n    // [`&.${classes.itemHorizontal}`]: { flexDirection: 'row', alignItems: 'center' }\r\n  }\r\n}))\r\n//#endregion\r\n"],"names":["createChipViewers","ChipItem","props","item","group","onRemove","field","label","itemLabel","value","toString","_jsx","Chip","size","title","className","classes","itemChip","onDelete","undefined","concat","ChipList","_useState","useState","_useState2","_slicedToArray","expanded","setExpanded","enableMinimalesticView","items","length","_jsxs","Tooltip","placement","arrow","children","icon","MoreHorizIcon","fontSize","style","opacity","onClick","isBtnShowLess","_Fragment","sx","pl","map","_props$value","rootClasses","push","itemVertical","itemHorizontal","data","useMemo","Array","isArray","filter","ItemStyled","Boolean","join","Typography","variant","itemContent","itemGroup","sort","styled","Box","_ref","theme","_defineProperty","fontWeight","marginLeft","spacing","lineHeight","borderRadius","maxWidth","whiteSpace","overflow","textOverflow","display","flexWrap","border","palette","divider","shape","alignItems","padding","gap","color","text","secondary","flexDirection","marginBottom","borderBottom","paddingBottom"],"mappings":"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"}
+{"version":3,"file":"chip-viewer.js","sources":["../../../../src/filter-bar/components/chip-viewer.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useMemo, useState } from 'react'\r\nimport { Box, Chip, styled, Tooltip, Typography } from '@mui/material'\r\nimport MoreHorizIcon from '@mui/icons-material/MoreHoriz'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { TFieldType, TFieldValid } from '../types'\r\n\r\nexport interface IChipViewerItem<O = any> {\r\n  value: TFieldValid\r\n  label?: string\r\n  other?: O\r\n}\r\n\r\nexport interface TChipViewerGroup<T, O = any> {\r\n  field: TFieldType<T>\r\n  label?: string\r\n  items: IChipViewerItem<O>[]\r\n}\r\n\r\nexport type TOnRemoveFilterFunc<T> = (field: TFieldType<T>, value: TFieldValid) => void\r\n\r\ninterface IChipViewerProps<T> {\r\n  value?: TChipViewerGroup<T> | TChipViewerGroup<T>[]\r\n  onRemove?: TOnRemoveFilterFunc<T>\r\n  placement?: 'vertical' | 'horizontal'\r\n  /** Option to set a custom label for the group. */\r\n  label?: string | boolean\r\n  /** Enable minimalistic view: only show the last item, hide the rest as an icon at the start */\r\n  enableMinimalesticView?: boolean\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\ninterface IChipItemProps<T> extends Pick<IChipViewerProps<T>, 'onRemove'> {\r\n  item: IChipViewerItem\r\n  group: TChipViewerGroup<T>\r\n}\r\n\r\ninterface IChipListProps<T> extends Pick<IChipViewerProps<T>, 'onRemove' | 'enableMinimalesticView'> {\r\n  group: TChipViewerGroup<T>\r\n}\r\n\r\nexport function createChipViewers<T>() {\r\n  const ChipItem: FC<IChipItemProps<T>> = (props) => {\r\n    const { item, group, onRemove } = props\r\n    const { field, label } = group\r\n    const itemLabel = item.label || item.value.toString()\r\n    return (\r\n      <Chip\r\n        key={`${label}-${item.value}`}\r\n        size='small'\r\n        title={itemLabel}\r\n        label={itemLabel}\r\n        className={classes.itemChip}\r\n        onDelete={onRemove ? () => onRemove(field, item.value) : undefined}\r\n      />\r\n    )\r\n  }\r\n\r\n  const ChipList: FC<IChipListProps<T>> = (props) => {\r\n    const [expanded, setExpanded] = useState<boolean>(false)\r\n    const { group, onRemove, enableMinimalesticView } = props\r\n    const { items } = group\r\n    const isMinimalistic = enableMinimalesticView && items.length > 1 && !expanded\r\n    if (isMinimalistic) {\r\n      return (\r\n        <>\r\n          <Tooltip title={`${items.length - 1} more, click to expand`} placement='top' arrow>\r\n            <Chip\r\n              icon={<MoreHorizIcon fontSize='small' />}\r\n              label={`${items.length - 1}+`}\r\n              size='small'\r\n              className={classes.itemChip}\r\n              style={{ opacity: 0.7 }}\r\n              onClick={() => setExpanded(true)}\r\n            />\r\n          </Tooltip>\r\n          <ChipItem item={items[items.length - 1]} group={group} onRemove={onRemove} />\r\n        </>\r\n      )\r\n    }\r\n    const isBtnShowLess = expanded && items.length > 1\r\n    return (\r\n      <>\r\n        {isBtnShowLess && (\r\n          <Tooltip title='Show less' placement='top' arrow>\r\n            <Chip\r\n              icon={<MoreHorizIcon fontSize='small' />}\r\n              // label={false}\r\n              size='small'\r\n              className={classes.itemChip}\r\n              sx={{ opacity: 0.7, '.MuiChip-label': { pl: 0 } }}\r\n              onClick={() => setExpanded(false)}\r\n            />\r\n          </Tooltip>\r\n        )}\r\n        {items.map((item) => (\r\n          <ChipItem key={item.value.toString()} item={item} group={group} onRemove={onRemove} />\r\n        ))}\r\n      </>\r\n    )\r\n  }\r\n\r\n  const ChipViewer: FC<IChipViewerProps<T>> = (props) => {\r\n    const { value = [], onRemove, placement, label, enableMinimalesticView } = props\r\n\r\n    const rootClasses = [classes.item]\r\n    if (placement === 'vertical') rootClasses.push(classes.itemVertical)\r\n    else if (placement === 'horizontal') rootClasses.push(classes.itemHorizontal)\r\n\r\n    const data = useMemo(() => {\r\n      if (!value) return []\r\n      const valueArray = Array.isArray(value) ? value : [value]\r\n      return valueArray.filter((group) => group.items && group.items.length > 0)\r\n    }, [value])\r\n\r\n    if (data.length === 0) return null\r\n\r\n    return (\r\n      <ItemStyled sx={props.sx} className={rootClasses.filter(Boolean).join(' ')}>\r\n        {Boolean(label) && (\r\n          <Typography variant='caption' className={classes.itemLabel}>\r\n            {label || 'ChipViewer'}:\r\n          </Typography>\r\n        )}\r\n        <div className={classes.itemContent}>\r\n          {data.map((group) => {\r\n            const { field, label } = group\r\n            return (\r\n              <div key={field.toString()} className={classes.itemGroup}>\r\n                {label && (\r\n                  <Typography variant='caption' className={classes.itemLabel}>\r\n                    {label}:\r\n                  </Typography>\r\n                )}\r\n                <ChipList group={group} onRemove={onRemove} enableMinimalesticView={enableMinimalesticView} />\r\n              </div>\r\n            )\r\n          })}\r\n        </div>\r\n      </ItemStyled>\r\n    )\r\n  }\r\n\r\n  return ChipViewer\r\n}\r\n\r\n//#region styles\r\nconst chipViewerClasses = {\r\n  root: 'DinoChipViewer-root',\r\n  item: 'DinoChipViewer-item',\r\n  itemLabel: 'DinoChipViewer-itemLabel',\r\n  itemChip: 'DinoChipViewer-itemChip',\r\n  itemGroup: 'DinoChipViewer-itemGroup',\r\n  itemContent: 'DinoChipViewer-itemContent',\r\n  sort: 'DinoChipViewer-sort',\r\n  itemVertical: 'DinoChipViewer-itemVertical',\r\n  itemHorizontal: 'DinoChipViewer-itemHorizontal'\r\n}\r\n\r\nconst classes = chipViewerClasses\r\n\r\nconst ItemStyled = styled(Box)(({ theme }) => ({\r\n  [`.${classes.itemLabel}`]: {\r\n    fontWeight: 700,\r\n    marginLeft: theme.spacing(0.5),\r\n    lineHeight: 1\r\n  },\r\n  [`.${classes.itemChip}`]: {\r\n    borderRadius: '4px',\r\n    maxWidth: '100px',\r\n    '& .MuiChip-label': { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }\r\n  },\r\n  [`.${classes.itemGroup}`]: {\r\n    display: 'flex',\r\n    flexWrap: 'wrap',\r\n    border: `dashed 1px ${theme.palette.divider}`,\r\n    borderRadius: theme.shape.borderRadius,\r\n    alignItems: 'center',\r\n    padding: theme.spacing(0.25),\r\n    gap: theme.spacing(0.5)\r\n  },\r\n  [`.${classes.itemContent}`]: {\r\n    display: 'flex',\r\n    flexWrap: 'wrap',\r\n    gap: theme.spacing(0.5),\r\n    [`.${classes.itemLabel}`]: {\r\n      fontWeight: 500,\r\n      color: theme.palette.text.secondary\r\n    }\r\n  },\r\n  [`&.${classes.item}`]: {\r\n    display: 'flex',\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1),\r\n    padding: theme.spacing(0.25, 0.5),\r\n    // borderBottom: `1px solid ${theme.palette.grey[100]}`,\r\n    '&:last-child': { marginBottom: 0, borderBottom: 'none', paddingBottom: 0 },\r\n    [`&.${classes.sort}`]: {\r\n      '.MuiChip-label > div': { display: 'flex', alignItems: 'center', gap: 4 },\r\n      '.MuiSvgIcon-root': { fontSize: 12 }\r\n    },\r\n    [`&.${classes.itemVertical}`]: { flexDirection: 'column', alignItems: 'flex-start' }\r\n    // [`&.${classes.itemHorizontal}`]: { flexDirection: 'row', alignItems: 'center' }\r\n  }\r\n}))\r\n//#endregion\r\n"],"names":["createChipViewers","ChipItem","props","item","group","onRemove","field","label","itemLabel","value","toString","_jsx","Chip","size","title","className","classes","itemChip","onDelete","undefined","concat","ChipList","_useState","useState","_useState2","_slicedToArray","expanded","setExpanded","enableMinimalesticView","items","length","_jsxs","Tooltip","placement","arrow","children","icon","MoreHorizIcon","fontSize","style","opacity","onClick","isBtnShowLess","_Fragment","sx","pl","map","_props$value","rootClasses","push","itemVertical","itemHorizontal","data","useMemo","Array","isArray","filter","ItemStyled","Boolean","join","Typography","variant","itemContent","itemGroup","sort","styled","Box","_ref","theme","_defineProperty","fontWeight","marginLeft","spacing","lineHeight","borderRadius","maxWidth","whiteSpace","overflow","textOverflow","display","flexWrap","border","palette","divider","shape","alignItems","padding","gap","color","text","secondary","flexDirection","marginBottom","borderBottom","paddingBottom"],"mappings":"8VA6CgBA,IACd,IAAMC,EAAkC,SAACC,GACvC,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,MAAOC,EAAaH,EAAbG,SACbC,EAAiBF,EAAjBE,MAAOC,EAAUH,EAAVG,MACTC,EAAYL,EAAKI,OAASJ,EAAKM,MAAMC,WAC3C,OACEC,EAACC,EAEC,CAAAC,KAAK,QACLC,MAAON,EACPD,MAAOC,EACPO,UAAWC,EAAQC,SACnBC,SAAUb,EAAW,WAAA,OAAMA,EAASC,EAAOH,EAAKM,aAASU,GALpD,GAAAC,OAAGb,EAAK,KAAAa,OAAIjB,EAAKM,OAQ3B,EAEKY,EAAkC,SAACnB,GACvC,IAAAoB,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACpBpB,EAA4CF,EAA5CE,MAAOC,EAAqCH,EAArCG,SAAUuB,EAA2B1B,EAA3B0B,uBACjBC,EAAUzB,EAAVyB,MAER,GADuBD,GAA0BC,EAAMC,OAAS,IAAMJ,EAEpE,OACEK,eACEpB,EAACqB,GAAQlB,MAAK,GAAAM,OAAKS,EAAMC,OAAS,EAAyB,0BAAEG,UAAU,MAAMC,OAAK,EAAAC,SAChFxB,EAACC,GACCwB,KAAMzB,EAAC0B,EAAa,CAACC,SAAS,UAC9B/B,MAAK,GAAAa,OAAKS,EAAMC,OAAS,EAAI,KAC7BjB,KAAK,QACLE,UAAWC,EAAQC,SACnBsB,MAAO,CAAEC,QAAS,IAClBC,QAAS,WAAF,OAAQd,GAAY,EAAK,MAGpChB,EAACV,EAAQ,CAACE,KAAM0B,EAAMA,EAAMC,OAAS,GAAI1B,MAAOA,EAAOC,SAAUA,OAIvE,IAAMqC,EAAgBhB,GAAYG,EAAMC,OAAS,EACjD,OACEC,EAAAY,EAAA,CAAAR,SAAA,CACGO,GACC/B,EAACqB,EAAO,CAAClB,MAAM,YAAYmB,UAAU,MAAMC,OAAK,EAAAC,SAC9CxB,EAACC,EACC,CAAAwB,KAAMzB,EAAC0B,EAAa,CAACC,SAAS,UAE9BzB,KAAK,QACLE,UAAWC,EAAQC,SACnB2B,GAAI,CAAEJ,QAAS,GAAK,iBAAkB,CAAEK,GAAI,IAC5CJ,QAAS,WAAF,OAAQd,GAAY,EAAM,MAItCE,EAAMiB,IAAI,SAAC3C,GAAI,OACdQ,EAACV,EAAQ,CAA6BE,KAAMA,EAAMC,MAAOA,EAAOC,SAAUA,GAA3DF,EAAKM,MAAMC,WAA4D,KAI7F,EA2CD,OAzC4C,SAACR,GAC3C,IAAA6C,EAA2E7C,EAAnEO,MAAAA,OAAQ,IAAHsC,EAAG,GAAEA,EAAE1C,EAAuDH,EAAvDG,SAAU4B,EAA6C/B,EAA7C+B,UAAW1B,EAAkCL,EAAlCK,MAAOqB,EAA2B1B,EAA3B0B,uBAE1CoB,EAAc,CAAChC,EAAQb,MACX,aAAd8B,EAA0Be,EAAYC,KAAKjC,EAAQkC,cAChC,eAAdjB,GAA4Be,EAAYC,KAAKjC,EAAQmC,gBAE9D,IAAMC,EAAOC,EAAQ,WACnB,OAAK5C,GACc6C,MAAMC,QAAQ9C,GAASA,EAAQ,CAACA,IACjC+C,OAAO,SAACpD,GAAK,OAAKA,EAAMyB,OAASzB,EAAMyB,MAAMC,OAAS,IAFrD,EAGrB,EAAG,CAACrB,IAEJ,OAAoB,IAAhB2C,EAAKtB,OAAqB,KAG5BC,EAAC0B,EAAU,CAACb,GAAI1C,EAAM0C,GAAI7B,UAAWiC,EAAYQ,OAAOE,SAASC,KAAK,KAAIxB,SAAA,CACvEuB,QAAQnD,IACPwB,EAAC6B,EAAU,CAACC,QAAQ,UAAU9C,UAAWC,EAAQR,UAAS2B,SAAA,CACvD5B,GAAS,aACC,OAEfI,EAAA,MAAA,CAAKI,UAAWC,EAAQ8C,YAAW3B,SAChCiB,EAAKN,IAAI,SAAC1C,GACT,IAAQE,EAAiBF,EAAjBE,MAAOC,EAAUH,EAAVG,MACf,OACEwB,SAA4BhB,UAAWC,EAAQ+C,UAC5C5B,SAAA,CAAA5B,GACCwB,EAAC6B,EAAU,CAACC,QAAQ,UAAU9C,UAAWC,EAAQR,UAC9C2B,SAAA,CAAA5B,SAGLI,EAACU,EAAQ,CAACjB,MAAOA,EAAOC,SAAUA,EAAUuB,uBAAwBA,MAN5DtB,EAAMI,WASnB,OAIR,CAGH,CAGA,IAYMM,EAZoB,CAExBb,KAAM,sBACNK,UAAW,2BACXS,SAAU,0BACV8C,UAAW,2BACXD,YAAa,6BACbE,KAAM,sBACNd,aAAc,8BACdC,eAAgB,iCAKZM,EAAaQ,EAAOC,EAAPD,CAAY,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,SAAAjD,OAChCJ,EAAQR,WAAc,CACzB8D,WAAY,IACZC,WAAYH,EAAMI,QAAQ,IAC1BC,WAAY,QACbrD,OACIJ,EAAQC,UAAa,CACxByD,aAAc,MACdC,SAAU,QACV,mBAAoB,CAAEC,WAAY,SAAUC,SAAU,SAAUC,aAAc,kBAC/E1D,OACIJ,EAAQ+C,WAAc,CACzBgB,QAAS,OACTC,SAAU,OACVC,OAAM,cAAA7D,OAAgBgD,EAAMc,QAAQC,SACpCT,aAAcN,EAAMgB,MAAMV,aAC1BW,WAAY,SACZC,QAASlB,EAAMI,QAAQ,KACvBe,IAAKnB,EAAMI,QAAQ,UACpBpD,OACIJ,EAAQ8C,aAAWO,EAAA,CACtBU,QAAS,OACTC,SAAU,OACVO,IAAKnB,EAAMI,QAAQ,KAAI,IAAApD,OAClBJ,EAAQR,WAAc,CACzB8D,WAAY,IACZkB,MAAOpB,EAAMc,QAAQO,KAAKC,aAC3B,KAAAtE,OAEGJ,EAAQb,MAAIkE,EAAAA,EAAA,CAChBU,QAAS,OACTY,cAAe,MACfN,WAAY,SACZE,IAAKnB,EAAMI,QAAQ,GACnBc,QAASlB,EAAMI,QAAQ,IAAM,IAE7B,eAAgB,CAAEoB,aAAc,EAAGC,aAAc,OAAQC,cAAe,IAAG,KAAA1E,OACrEJ,EAAQgD,MAAS,CACrB,uBAAwB,CAAEe,QAAS,OAAQM,WAAY,SAAUE,IAAK,GACtE,mBAAoB,CAAEjD,SAAU,WACjClB,OACKJ,EAAQkC,cAAiB,CAAEyC,cAAe,SAAUN,WAAY,eAAc"}

package/dist/src/filter-bar/components/filter-input.mobile.js

@@ -1,2 +1,2 @@
-import{defineProperty as r,slicedToArray as e,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,Fragment as i,jsx as o}from"react/jsx-runtime";import{useState as a,useRef as l,useEffect as c,useMemo as u}from"react";import{styled as s,Box as d,InputBase as p,SwipeableDrawer as h,Tooltip as m,IconButton as f,Stack as v,Typography as g}from"@mui/material";import y from"@mui/icons-material/Search";import x from"@mui/icons-material/ChevronLeft";import b from"@mui/icons-material/Clear";import C from"@mui/icons-material/NorthWest";import{InputAdornmentRight as S}from"./filter-input.units.js";var w="dino_search_history_v1";s(d)(function(r){var e=r.theme;return{padding:e.spacing(2),display:"flex",flexDirection:"column",gap:e.spacing(1)}}),s("div")(function(r){return{display:"flex",alignItems:"center",gap:r.theme.spacing(1)}});var R=function(r){var e=r.placeholder,n=void 0===e?"Search...":e,t=r.inputRef,i=r.hasKeyword,a=r.onEnter,u=r.onChange,s=r.onClear,d=l(null),p=null!=t?t:d;return c(function(){var r=setTimeout(function(){var r;return null===(r=p.current)||void 0===r?void 0:r.focus()},50);return function(){try{var e;null===(e=p.current)||void 0===e||e.blur()}catch(r){}clearTimeout(r)}},[p]),o(k,{fullWidth:!0,inputRef:p,placeholder:n,inputProps:{autoCapitalize:"off",autoComplete:"off"},onKeyDown:function(r){"Enter"===r.key&&(r.preventDefault(),null==a||a())},onChange:function(r){return null==u?void 0:u(r.target.value)},endAdornment:o(S,{hasKeyword:i,onSubmit:a,onClear:s})})},k=s(p)(function(r){var e=r.theme;return{border:"1px solid ".concat(e.palette.divider),borderRadius:e.shape.borderRadius,padding:e.spacing(.5,1)}}),z=function(r){var e=r.history,n=r.onSelect,i=r.onFillInput,a=r.onClear;return e&&0!==e.length?t(D,{className:I.root,children:[t(v,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:1},children:[o(g,{variant:"subtitle2",fontWeight:600,children:"Recent Searches"}),a&&o(m,{title:"Clear history",arrow:!0,children:o(f,{size:"small",onClick:a,children:o(b,{fontSize:"small"})})})]}),o(v,{className:I.items,children:e.map(function(r,e){return t(d,{className:I.item,onClick:function(){return n(r)},sx:{cursor:"pointer"},children:[o(g,{variant:"body2",noWrap:!0,sx:{flex:1},children:r}),o(m,{title:"Fill input",arrow:!0,children:o(f,{size:"small",sx:{color:"text.secondary","&:hover":{color:"text.primary"}},onClick:function(e){e.stopPropagation(),null==i||i(r)},children:o(C,{fontSize:"small"})})})]},e)})})]}):o(A,{children:o(g,{variant:"body2",color:"textSecondary",children:"No recent searches."})})},I={root:"DinoSearchHistory-root",items:"DinoSearchHistory-items",item:"DinoSearchHistory-item"},D=s(d)(function(e){var n=e.theme;return r(r({padding:"8px 16px",marginTop:1},".".concat(I.items),{}),".".concat(I.item),{display:"flex",alignItems:"center",gap:n.spacing(1),padding:n.spacing(.5,1),marginBottom:n.spacing(.5),borderRadius:n.shape.borderRadius,backgroundColor:"rgba(0,0,0,0.02)","&:hover":{backgroundColor:"rgba(0,0,0,0.04)"},"&:first-of-type":{marginTop:0}})}),A=s(d)(function(r){var e=r.theme;return{padding:e.spacing(2),textAlign:"center",color:e.palette.text.secondary,border:"0.5px dashed ".concat(e.palette.divider),borderRadius:e.shape.borderRadius,display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(1),margin:e.spacing(1,2)}}),T=function(r){var s=r.onSearching,p=r.placeholder,h=a(!1),b=e(h,2),C=b[0],S=b[1],k=a([]),I=e(k,2),D=I[0],A=I[1],T=a(""),j=e(T,2),B=j[0],H=j[1],P=l(null);c(function(){if("undefined"!=typeof window)try{var r=localStorage.getItem(w);if(r){var e=JSON.parse(r);Array.isArray(e)&&A(e)}}catch(r){}},[]);var W=function(r){var e=r.trim();e&&A(function(r){var t=[e].concat(n(r.filter(function(r){return r!==e}))).slice(0,20);try{localStorage.setItem(w,JSON.stringify(t))}catch(r){}return t})},_=u(function(){var r=(B||"").trim();return r?D.filter(function(e){return e.toLowerCase().includes(r.toLowerCase())}).slice(0,5):D.slice(0,5)},[B,D]),E=function(){var r,e=(null===(r=P.current)||void 0===r||null===(r=r.value)||void 0===r?void 0:r.trim())||"";e&&(W(e),null==s||s(e),K())},K=function(){try{var r;null===(r=P.current)||void 0===r||r.blur()}catch(r){}S(!1)},L=function(){S(!0),H(""),P.current&&(P.current.value="")};return t(i,{children:[o(m,{title:"Search",arrow:!0,children:o(f,{size:"small",onClick:L,"aria-label":"Open search",children:o(y,{})})}),t(N,{anchor:"bottom",open:C,onClose:K,onOpen:L,disableBackdropTransition:!1,disableDiscovery:!1,swipeAreaWidth:20,children:[o(d,{sx:{display:"flex",justifyContent:"center",py:1},children:o(d,{sx:{width:40,height:4,borderRadius:2,backgroundColor:"divider"}})}),t(v,{gap:1,style:{flexDirection:"row",alignItems:"center",padding:"0 8px"},children:[o(m,{title:"Back",arrow:!0,children:o(f,{size:"small",onClick:function(){H("");try{var r;null===(r=P.current)||void 0===r||r.blur()}catch(r){}S(!1)},children:o(x,{fontSize:"small"})})}),o(R,{placeholder:p,inputRef:P,hasKeyword:Boolean(B),onEnter:E,onChange:H,onClear:function(){var r;P.current&&(P.current.value=""),H(""),null===(r=P.current)||void 0===r||r.focus()}}),o(m,{title:"Search",arrow:!0,children:o(f,{size:"small",onClick:E,"aria-label":"Apply search",children:o(y,{fontSize:"small"})})})]}),o(g,{variant:"caption",color:"textSecondary",sx:{px:2,mt:1},children:"Enter the value to search for and hit enter or click the enter icon to apply."}),o(z,{history:_,onSelect:function(r){P.current&&(P.current.value=r),H(r),W(r),null==s||s(r),K()},onFillInput:function(r){var e;P.current&&(P.current.value=r),H(r),null===(e=P.current)||void 0===e||e.focus()},onClear:function(){A([]);try{localStorage.removeItem(w)}catch(r){}}})]})]})},N=s(h)(function(r){return{zIndex:r.theme.zIndex.modal-10,".MuiPaper-root":{height:"calc(100svh - 56px)",maxHeight:"calc(100svh - 56px)",borderTopLeftRadius:12,borderTopRightRadius:12,overflow:"auto"}}});export{T as MobileSearchButton,T as default};
+import{defineProperty as r,slicedToArray as e,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as a,useRef as l,useEffect as c,useMemo as u}from"react";import{styled as s,InputBase as d,Box as p,SwipeableDrawer as h,Tooltip as m,IconButton as f,Stack as v,Typography as g}from"@mui/material";import y from"@mui/icons-material/Clear";import b from"@mui/icons-material/Search";import x from"@mui/icons-material/NorthWest";import C from"@mui/icons-material/ChevronLeft";import{InputAdornmentRight as S}from"./filter-input.units.js";var w="dino_search_history_v1",R=function(r){var e=r.placeholder,n=void 0===e?"Search...":e,t=r.inputRef,o=r.hasKeyword,a=r.onEnter,u=r.onChange,s=r.onClear,d=l(null),p=null!=t?t:d;return c(function(){var r=setTimeout(function(){var r;return null===(r=p.current)||void 0===r?void 0:r.focus()},50);return function(){try{var e;null===(e=p.current)||void 0===e||e.blur()}catch(r){}clearTimeout(r)}},[p]),i(k,{fullWidth:!0,inputRef:p,placeholder:n,inputProps:{autoCapitalize:"off",autoComplete:"off"},onKeyDown:function(r){"Enter"===r.key&&(r.preventDefault(),null==a||a())},onChange:function(r){return null==u?void 0:u(r.target.value)},endAdornment:i(S,{hasKeyword:o,onSubmit:a,onClear:s})})},k=s(d)(function(r){var e=r.theme;return{border:"1px solid ".concat(e.palette.divider),borderRadius:e.shape.borderRadius,padding:e.spacing(.5,1)}}),z=function(r){var e=r.history,n=r.onSelect,o=r.onFillInput,a=r.onClear;return e&&0!==e.length?t(A,{className:I.root,children:[t(v,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:1},children:[i(g,{variant:"subtitle2",fontWeight:600,children:"Recent Searches"}),a&&i(m,{title:"Clear history",arrow:!0,children:i(f,{size:"small",onClick:a,children:i(y,{fontSize:"small"})})})]}),i(v,{className:I.items,children:e.map(function(r,e){return t(p,{className:I.item,onClick:function(){return n(r)},sx:{cursor:"pointer"},children:[i(g,{variant:"body2",noWrap:!0,sx:{flex:1},children:r}),i(m,{title:"Fill input",arrow:!0,children:i(f,{size:"small",sx:{color:"text.secondary","&:hover":{color:"text.primary"}},onClick:function(e){e.stopPropagation(),null==o||o(r)},children:i(x,{fontSize:"small"})})})]},e)})})]}):i(D,{children:i(g,{variant:"body2",color:"textSecondary",children:"No recent searches."})})},I={root:"DinoSearchHistory-root",items:"DinoSearchHistory-items",item:"DinoSearchHistory-item"},A=s(p)(function(e){var n=e.theme;return r(r({padding:"8px 16px",marginTop:1},".".concat(I.items),{}),".".concat(I.item),{display:"flex",alignItems:"center",gap:n.spacing(1),padding:n.spacing(.5,1),marginBottom:n.spacing(.5),borderRadius:n.shape.borderRadius,backgroundColor:"rgba(0,0,0,0.02)","&:hover":{backgroundColor:"rgba(0,0,0,0.04)"},"&:first-of-type":{marginTop:0}})}),D=s(p)(function(r){var e=r.theme;return{padding:e.spacing(2),textAlign:"center",color:e.palette.text.secondary,border:"0.5px dashed ".concat(e.palette.divider),borderRadius:e.shape.borderRadius,display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(1),margin:e.spacing(1,2)}}),T=function(r){var s=r.onSearching,d=r.placeholder,h=a(!1),y=e(h,2),x=y[0],S=y[1],k=a([]),I=e(k,2),A=I[0],D=I[1],T=a(""),j=e(T,2),B=j[0],H=j[1],P=l(null);c(function(){if("undefined"!=typeof window)try{var r=localStorage.getItem(w);if(r){var e=JSON.parse(r);Array.isArray(e)&&D(e)}}catch(r){}},[]);var W=function(r){var e=r.trim();e&&D(function(r){var t=[e].concat(n(r.filter(function(r){return r!==e}))).slice(0,20);try{localStorage.setItem(w,JSON.stringify(t))}catch(r){}return t})},_=u(function(){var r=(B||"").trim();return r?A.filter(function(e){return e.toLowerCase().includes(r.toLowerCase())}).slice(0,5):A.slice(0,5)},[B,A]),E=function(){var r,e=(null===(r=P.current)||void 0===r||null===(r=r.value)||void 0===r?void 0:r.trim())||"";e&&(W(e),null==s||s(e),K())},K=function(){try{var r;null===(r=P.current)||void 0===r||r.blur()}catch(r){}S(!1)},L=function(){S(!0),H(""),P.current&&(P.current.value="")};return t(o,{children:[i(m,{title:"Search",arrow:!0,children:i(f,{size:"small",onClick:L,"aria-label":"Open search",children:i(b,{})})}),t(N,{anchor:"bottom",open:x,onClose:K,onOpen:L,disableBackdropTransition:!1,disableDiscovery:!1,swipeAreaWidth:20,children:[i(p,{sx:{display:"flex",justifyContent:"center",py:1},children:i(p,{sx:{width:40,height:4,borderRadius:2,backgroundColor:"divider"}})}),t(v,{gap:1,style:{flexDirection:"row",alignItems:"center",padding:"0 8px"},children:[i(m,{title:"Back",arrow:!0,children:i(f,{size:"small",onClick:function(){H("");try{var r;null===(r=P.current)||void 0===r||r.blur()}catch(r){}S(!1)},children:i(C,{fontSize:"small"})})}),i(R,{placeholder:d,inputRef:P,hasKeyword:Boolean(B),onEnter:E,onChange:H,onClear:function(){var r;P.current&&(P.current.value=""),H(""),null===(r=P.current)||void 0===r||r.focus()}}),i(m,{title:"Search",arrow:!0,children:i(f,{size:"small",onClick:E,"aria-label":"Apply search",children:i(b,{fontSize:"small"})})})]}),i(g,{variant:"caption",color:"textSecondary",sx:{px:2,mt:1},children:"Enter the value to search for and hit enter or click the enter icon to apply."}),i(z,{history:_,onSelect:function(r){P.current&&(P.current.value=r),H(r),W(r),null==s||s(r),K()},onFillInput:function(r){var e;P.current&&(P.current.value=r),H(r),null===(e=P.current)||void 0===e||e.focus()},onClear:function(){D([]);try{localStorage.removeItem(w)}catch(r){}}})]})]})},N=s(h)(function(r){return{zIndex:r.theme.zIndex.modal-10,".MuiPaper-root":{height:"calc(100svh - 56px)",maxHeight:"calc(100svh - 56px)",borderTopLeftRadius:12,borderTopRightRadius:12,overflow:"auto"}}});export{T as MobileSearchButton,T as default};
 //# sourceMappingURL=filter-input.mobile.js.map