dinocollab-core 2.2.8 → 2.2.10

package/dist/data-surface/index.js

@@ -0,0 +1,2 @@
+export{DataSurfaceViewMode,LoadingModeRule,RenderStrategyRule}from"../src/data-surface/types.js";export{getPaginationFromURL,getViewModeFromURL,setPaginationToURL,setViewModeToURL}from"../src/data-surface/helpers.js";export{createDataSurface}from"../src/data-surface/index.create.js";export{createViewList,createViewListLoading}from"../src/data-surface/view-list/index.js";export{createViewGrid,createViewGridLoading}from"../src/data-surface/view-grid/index.js";export{DinoDataSurFace,dinoDataSurface}from"../src/data-surface/index.dino.js";export{ButtonSwitch}from"../src/data-surface/button-switch.js";export{ListDensity}from"../src/data-surface/view-list/types.js";
+//# sourceMappingURL=index.js.map

package/dist/src/data-surface/button-switch.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{useRef as o,useCallback as r}from"react";import{styled as l,ToggleButtonGroup as a,colors as i,Tooltip as t,ToggleButton as n}from"@mui/material";import u from"@mui/icons-material/ViewList";import c from"@mui/icons-material/GridView";import{DataSurfaceViewMode as m}from"./types.js";var s={sm:"small",md:"medium"},d=[{value:m.list,icon:e(u,{fontSize:"small"}),label:"List View"},{value:m.grid,icon:e(c,{fontSize:"small"}),label:"Grid View"}],v=function(l){var a=l.value,i=l.onChange,u=l.size,c=void 0===u?"md":u,m=l.className,v=l.onlyIcon,b=void 0!==v&&v,f=l.reverse,g=void 0!==f&&f,h=s[c]||"small",w=o(null),x=r(function(e){w.current&&clearTimeout(w.current),w.current=setTimeout(function(){null!==e&&e!==a&&(null==i||i(e))},250)},[a,i]),C=g?[].concat(d).reverse():d;return e(p,{className:m,size:h,value:a,exclusive:!0,onChange:function(e,o){return x(o)},"aria-label":"view mode",children:C.map(function(o){return e(t,{title:o.label,arrow:!0,placement:"top",children:e(n,{value:o.value,"aria-label":o.label,size:h,sx:{p:b?"5px":void 0,minWidth:b?"small"===h?36:44:void 0},children:b?o.icon:o.label})},o.value)})})},p=l(a)({flex:"0 0 auto",".MuiToggleButtonGroup-grouped":{"&.Mui-selected":{color:i.common.white,backgroundColor:"var(--color-orange, ".concat(i.blue[600],")"),borderColor:"var(--color-orange, ".concat(i.blue[600],")"),"&.MuiToggleButtonGroup-lastButton":{borderColor:"var(--color-orange, ".concat(i.blue[600],")")},"&:hover":{backgroundColor:"var(--color-orange, ".concat(i.blue[600],")")}}}});export{v as ButtonSwitch,v as default};
+//# sourceMappingURL=button-switch.js.map

package/dist/src/data-surface/button-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-switch.js","sources":["../../../src/data-surface/button-switch.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react'\r\nimport { colors, styled, ToggleButton, ToggleButtonGroup, Tooltip } from '@mui/material'\r\nimport ViewListIcon from '@mui/icons-material/ViewList'\r\nimport GridViewIcon from '@mui/icons-material/GridView'\r\nimport { DataSurfaceViewMode } from './types'\r\n\r\nexport interface IButtonSwitchProps {\r\n  value?: DataSurfaceViewMode\r\n  onChange?: (value: DataSurfaceViewMode) => void\r\n  size?: 'sm' | 'md'\r\n  className?: string\r\n  onlyIcon?: boolean\r\n  reverse?: boolean\r\n}\r\n\r\nconst sizeMap = { sm: 'small', md: 'medium' } as const\r\n\r\nconst viewModes = [\r\n  { value: DataSurfaceViewMode.list, icon: <ViewListIcon fontSize='small' />, label: 'List View' },\r\n  { value: DataSurfaceViewMode.grid, icon: <GridViewIcon fontSize='small' />, label: 'Grid View' }\r\n]\r\n\r\nexport const ButtonSwitch: FC<IButtonSwitchProps> = (props) => {\r\n  const { value, onChange, size = 'md', className, onlyIcon = false, reverse = false } = props\r\n  const muiSize = sizeMap[size] || 'small'\r\n\r\n  const changeTimeoutRef = useRef<NodeJS.Timeout | null>(null)\r\n  const handleChange = useCallback(\r\n    (newValue: DataSurfaceViewMode | null) => {\r\n      if (changeTimeoutRef.current) {\r\n        clearTimeout(changeTimeoutRef.current)\r\n      }\r\n      changeTimeoutRef.current = setTimeout(() => {\r\n        if (newValue !== null && newValue !== value) {\r\n          onChange?.(newValue)\r\n        }\r\n      }, 250)\r\n    },\r\n    [value, onChange]\r\n  )\r\n\r\n  const displayModes = reverse ? [...viewModes].reverse() : viewModes\r\n\r\n  return (\r\n    <StyledToggleButtonGroup className={className} size={muiSize} value={value} exclusive onChange={(_, v) => handleChange(v)} aria-label='view mode'>\r\n      {displayModes.map((mode) => (\r\n        <Tooltip key={mode.value} title={mode.label} arrow placement='top'>\r\n          <ToggleButton\r\n            value={mode.value}\r\n            aria-label={mode.label}\r\n            size={muiSize}\r\n            sx={{\r\n              p: onlyIcon ? '5px' : undefined,\r\n              minWidth: onlyIcon ? (muiSize === 'small' ? 36 : 44) : undefined\r\n            }}\r\n          >\r\n            {onlyIcon ? mode.icon : mode.label}\r\n          </ToggleButton>\r\n        </Tooltip>\r\n      ))}\r\n    </StyledToggleButtonGroup>\r\n  )\r\n}\r\n\r\nexport default ButtonSwitch\r\n\r\nconst StyledToggleButtonGroup = styled(ToggleButtonGroup)({\r\n  flex: '0 0 auto',\r\n  '.MuiToggleButtonGroup-grouped': {\r\n    '&.Mui-selected': {\r\n      color: colors.common.white,\r\n      backgroundColor: `var(--color-orange, ${colors.blue[600]})`,\r\n      borderColor: `var(--color-orange, ${colors.blue[600]})`,\r\n      '&.MuiToggleButtonGroup-lastButton': {\r\n        borderColor: `var(--color-orange, ${colors.blue[600]})`\r\n      },\r\n      '&:hover': {\r\n        backgroundColor: `var(--color-orange, ${colors.blue[600]})`\r\n      }\r\n    }\r\n  }\r\n})\r\n"],"names":["sizeMap","sm","md","viewModes","value","DataSurfaceViewMode","list","icon","_jsx","ViewListIcon","fontSize","label","grid","GridViewIcon","ButtonSwitch","props","onChange","_props$size","size","className","_props$onlyIcon","onlyIcon","_props$reverse","reverse","muiSize","changeTimeoutRef","useRef","handleChange","useCallback","newValue","current","clearTimeout","setTimeout","displayModes","concat","StyledToggleButtonGroup","exclusive","_","v","children","map","mode","Tooltip","title","arrow","placement","ToggleButton","sx","p","undefined","minWidth","styled","ToggleButtonGroup","flex","color","colors","common","white","backgroundColor","blue","borderColor"],"mappings":"0UAeA,IAAMA,EAAU,CAAEC,GAAI,QAASC,GAAI,UAE7BC,EAAY,CAChB,CAAEC,MAAOC,EAAoBC,KAAMC,KAAMC,EAACC,EAAa,CAAAC,SAAS,UAAYC,MAAO,aACnF,CAAEP,MAAOC,EAAoBO,KAAML,KAAMC,EAACK,EAAa,CAAAH,SAAS,UAAYC,MAAO,cAGxEG,EAAuC,SAACC,GACnD,IAAQX,EAA+EW,EAA/EX,MAAOY,EAAwED,EAAxEC,SAAQC,EAAgEF,EAA9DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAEE,EAAiDJ,EAAjDI,UAASC,EAAwCL,EAAtCM,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAsBP,EAApBQ,QAAAA,OAAU,IAAHD,GAAQA,EAC5EE,EAAUxB,EAAQkB,IAAS,QAE3BO,EAAmBC,EAA8B,MACjDC,EAAeC,EACnB,SAACC,GACKJ,EAAiBK,SACnBC,aAAaN,EAAiBK,SAEhCL,EAAiBK,QAAUE,WAAW,WACnB,OAAbH,GAAqBA,IAAazB,IACpCY,SAAAA,EAAWa,GAEd,EAAE,IACL,EACA,CAACzB,EAAOY,IAGJiB,EAAeV,EAAU,GAAAW,OAAI/B,GAAWoB,UAAYpB,EAE1D,OACEK,EAAC2B,EAAwB,CAAAhB,UAAWA,EAAWD,KAAMM,EAASpB,MAAOA,EAAOgC,WAAS,EAACpB,SAAU,SAACqB,EAAGC,GAAC,OAAKX,EAAaW,EAAE,EAAa,aAAA,YACnIC,SAAAN,EAAaO,IAAI,SAACC,GAAI,OACrBjC,EAACkC,EAAyB,CAAAC,MAAOF,EAAK9B,MAAOiC,OAAK,EAACC,UAAU,MAC3DN,SAAA/B,EAACsC,EACC,CAAA1C,MAAOqC,EAAKrC,MAAK,aACLqC,EAAK9B,MACjBO,KAAMM,EACNuB,GAAI,CACFC,EAAG3B,EAAW,WAAQ4B,EACtBC,SAAU7B,EAAwB,UAAZG,EAAsB,GAAK,QAAMyB,GAGxDV,SAAAlB,EAAWoB,EAAKlC,KAAOkC,EAAK9B,SAVnB8B,EAAKrC,MAapB,IAGP,EAIM+B,EAA0BgB,EAAOC,EAAPD,CAA0B,CACxDE,KAAM,WACN,gCAAiC,CAC/B,iBAAkB,CAChBC,MAAOC,EAAOC,OAAOC,MACrBC,gBAAe,uBAAAxB,OAAyBqB,EAAOI,KAAK,KAAO,KAC3DC,YAAW,uBAAA1B,OAAyBqB,EAAOI,KAAK,KAAO,KACvD,oCAAqC,CACnCC,YAAW,uBAAA1B,OAAyBqB,EAAOI,KAAK,KAAI,MAEtD,UAAW,CACTD,gBAAe,uBAAAxB,OAAyBqB,EAAOI,KAAK,KAAI"}

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

@@ -0,0 +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};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +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"}

package/dist/src/data-surface/index.create.js

@@ -0,0 +1,2 @@
+import{slicedToArray as n,asyncToGenerator as e,regenerator as i,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as t}from"react/jsx-runtime";import{styled as r,Box as l}from"@mui/material";import{useState as u,useMemo as g,useCallback as d,useRef as s}from"react";import{LoadingModeRule as v}from"./types.js";import{createViewList as c,createViewListLoading as p}from"./view-list/index.js";import{createViewGrid as f,createViewGridLoading as h}from"./view-grid/index.js";import{createViewSwitchTransition as m}from"./view-switch-transition.js";import{PanelLoading as C,PanelNoData as x,PanelLoadMore as S,PanelInfiniteScrollFooter as P,PanelPaginationFooter as w}from"./ui.units.js";function z(r){if(!r.GridComponent){var z=r.gridConfig||{getterId:function(n,e){return e}};r.gridConfig=z,r.GridComponent=f(z)}if(!r.ListComponent){var y=r.listConfig||{getterId:function(n,e){return e}};r.listConfig=y,r.ListComponent=c(y)}var N=r.defaultViewMode,j=void 0===N?"grid":N,M=r.defaultLoadMode,k=void 0===M?"pagination":M,I=r.defaultPageSize,B=void 0===I?20:I,G=m({}),L=h(r.GridComponent),T=p(r.ListComponent);return function(c){var p,f,h=u({page:0,pageSize:B}),m=n(h,2),z=m[0],y=m[1],N=g(function(){var n,e,i,o,a,t=null!==(n=c.pagination)&&void 0!==n?n:z;return{page:null!==(e=t.page)&&void 0!==e?e:0,pageSize:null!==(i=t.pageSize)&&void 0!==i?i:B,hasNext:null!==(o=t.hasNext)&&void 0!==o&&o,hasPrev:null!==(a=t.hasPrev)&&void 0!==a&&a,total:t.total}},[c.pagination,z]),M=null!==(p=c.viewMode)&&void 0!==p?p:j,I=null!==(f=c.loadMode)&&void 0!==f?f:k,H=g(function(){var n,e,i,o;return"grid"===M?null!==(i=null===(o=r.gridConfig)||void 0===o?void 0:o.renderStrategy)&&void 0!==i?i:"normal":null!==(n=null===(e=r.listConfig)||void 0===e?void 0:e.renderStrategy)&&void 0!==n?n:"normal"},[M]),A=d(e(i().m(function n(){var e,a,t,r,l;return i().w(function(n){for(;;)switch(n.n){case 0:if(!((r=null!==(e=N.page)&&void 0!==e?e:0)<=0)){n.n=1;break}return n.a(2);case 1:return l=r-1,c.pagination||y(function(n){return o(o({},n),{},{page:l})}),n.n=2,null===(a=c.onPageChange)||void 0===a?void 0:a.call(c,l,null!==(t=N.pageSize)&&void 0!==t?t:B);case 2:return n.a(2)}},n)})),[N.page,N.pageSize,c.pagination,c.onPageChange]),_=d(e(i().m(function n(){var e,a,t,r,l;return i().w(function(n){for(;;)switch(n.n){case 0:if(N.hasNext){n.n=1;break}return n.a(2);case 1:return r=null!==(e=N.page)&&void 0!==e?e:0,l=r+1,c.pagination||y(function(n){return o(o({},n),{},{page:l})}),n.n=2,null===(a=c.onPageChange)||void 0===a?void 0:a.call(c,l,null!==(t=N.pageSize)&&void 0!==t?t:B);case 2:return n.a(2)}},n)})),[N.hasNext,N.page,N.pageSize,c.pagination,c.onPageChange]),D=d(function(){var n=e(i().m(function n(e){var a,t;return i().w(function(n){for(;;)switch(n.n){case 0:if(!(e<0)){n.n=1;break}return n.a(2);case 1:return c.pagination||y(function(n){return o(o({},n),{},{page:e})}),n.n=2,null===(a=c.onPageChange)||void 0===a?void 0:a.call(c,e,null!==(t=N.pageSize)&&void 0!==t?t:B);case 2:return n.a(2)}},n)}));return function(e){return n.apply(this,arguments)}}(),[N.pageSize,c.pagination,c.onPageChange]),J=c.value||[],V=0===J.length,q=Boolean(c.loading&&V),E=!c.loading&&V,F=Boolean(c.loading)&&!V,K=d(function(){var n=e(i().m(function n(e,o){var a;return i().w(function(n){for(;;)switch(n.n){case 0:return c.pagination||y({page:e,pageSize:o}),n.n=1,null===(a=c.onPageChange)||void 0===a?void 0:a.call(c,e,o);case 1:return n.a(2)}},n)}));return function(e,i){return n.apply(this,arguments)}}(),[c.pagination,c.onPageChange]),O=g(function(){return{value:J,loadMode:I,loading:c.loading,pagination:N,onPageChange:K}},[J,I,c.loading,N,K]),Q=s(O);Q.current=O;var R=g(function(){var n,e,i,o,a,t;return{value:J,loadMode:I,loading:c.loading,pagination:N,onPageChange:K,columns:null===(n=r.listConfig)||void 0===n?void 0:n.columns,density:null===(e=r.listConfig)||void 0===e?void 0:e.density,spacing:null===(i=r.listConfig)||void 0===i?void 0:i.spacing,renderStrategy:H,overscan:null===(o=r.listConfig)||void 0===o?void 0:o.overscan,selectable:null!==(a=c.selectable)&&void 0!==a?a:null===(t=r.listConfig)||void 0===t?void 0:t.selectable,selectedIds:c.selectedIds,onSelectionChange:c.onSelectionChange}},[J,I,c.loading,N,H,K,c.selectable,c.selectedIds,c.onSelectionChange]),U=s(R);U.current=R;var W=g(function(){return function(){return t(T,o({},U.current))}},[T]),X=g(function(){return function(){return t(L,o({},Q.current))}},[L]);return a(b,{sx:c.sx,children:[a(l,{sx:{flex:1,minHeight:0,position:"relative"},children:[q&&t(C,{}),E&&t(x,{}),!q&&!E&&t(G,{value:M,viewA:{value:"list",Content:W},viewB:{value:"grid",Content:X}}),F&&t(S,{})]}),function(){var n,e,i;if(I===v.infiniteScroll){var o,a,r,l=null===(o=c.slots)||void 0===o?void 0:o.footer;return t(P,{loading:c.loading,hasNext:null===(a=c.pagination)||void 0===a?void 0:a.hasNext,currentCount:J.length,total:null===(r=c.pagination)||void 0===r?void 0:r.total,slots:{statusText:null==l?void 0:l.status,rangeText:null==l?void 0:l.range}})}return t(w,{page:null!==(n=N.page)&&void 0!==n?n:0,pageSize:null!==(e=N.pageSize)&&void 0!==e?e:B,total:N.total,hasNext:N.hasNext,hasPrev:(null!==(i=N.page)&&void 0!==i?i:0)>0,loading:c.loading,onPrevPage:A,onNextPage:_,onPageJump:D})}()]})}}var b=r(l)(function(n){return{display:"flex",flexDirection:"column",width:"100%",height:"100%",position:"relative",flex:1,minHeight:0,backgroundColor:n.theme.palette.background.default}});export{z as createDataSurface,z as default};
+//# sourceMappingURL=index.create.js.map

package/dist/src/data-surface/index.create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.create.js","sources":["../../../src/data-surface/index.create.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Box, styled } from '@mui/material'\r\nimport { useCallback, useMemo, useRef, useState } from 'react'\r\nimport { DataSurfaceViewMode, LoadingModeRule } from './types'\r\nimport { createViewList, createViewListLoading } from './view-list'\r\nimport { createViewGrid, createViewGridLoading } from './view-grid'\r\nimport { createViewSwitchTransition } from './view-switch-transition'\r\nimport { PanelInfiniteScrollFooter, PanelLoadMore, PanelLoading, PanelNoData, PanelPaginationFooter } from './ui.units'\r\n// types\r\nimport type { BoxProps } from '@mui/material'\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { IViewGridLoadingProps } from './view-grid'\r\nimport type { IViewGridConfig, IViewGridProps } from './view-grid/types'\r\nimport type { TPagination, TDataSurfaceState, TRenderableNode } from './types'\r\nimport type { IViewListConfig, IViewListLoadingProps, IViewListProps } from './view-list'\r\n\r\nexport interface IDataSurfaceSlots {\r\n  footer?: {\r\n    status?: TRenderableNode\r\n    range?: TRenderableNode\r\n  }\r\n}\r\n\r\nexport interface IDataSurfaceProps<T> {\r\n  value?: T[]\r\n  /**\r\n   * @deprecated No longer used. Use `viewMode` and `loadMode` props directly instead.\r\n   * Controlled state. When provided, DataSurface becomes fully controlled.\r\n   */\r\n  state?: TDataSurfaceState\r\n  /**\r\n   * @deprecated No longer used. Component now uses uncontrolled mode with props.\r\n   * Called on any state change (viewMode, loadMode, page, pageSize).\r\n   */\r\n  onStateChange?: (state: TDataSurfaceState) => void\r\n  viewMode?: DataSurfaceViewMode\r\n  /** Pagination metadata shared by both modes. */\r\n  pagination?: TPagination\r\n  /** True while a page fetch is in flight (shows loading indicator). */\r\n  loading?: boolean\r\n  /**\r\n   * Called when the component needs a new page of data.\r\n   * - pagination mode: triggered by user clicking page control\r\n   * - infiniteScroll mode: triggered automatically when scrolling near the bottom\r\n   * Supports async operations - return a Promise to indicate loading state.\r\n   */\r\n  onPageChange?: (page: number, pageSize: number) => void | Promise<void>\r\n  /** Load orchestration mode. @default 'pagination' */\r\n  loadMode?: LoadingModeRule\r\n  sx?: BoxProps['sx']\r\n  slots?: IDataSurfaceSlots\r\n  /** Enable row selection with checkboxes (List view only). */\r\n  selectable?: boolean\r\n  /** Array of selected row IDs (controlled). */\r\n  selectedIds?: (string | number)[]\r\n  /** Callback when selection changes. */\r\n  onSelectionChange?: (selectedIds: (string | number)[]) => void\r\n}\r\n\r\nexport interface IDataSurfaceConfig<T> {\r\n  defaultViewMode?: DataSurfaceViewMode\r\n  /** Default load mode when not provided via props. @default 'pagination' */\r\n  defaultLoadMode?: LoadingModeRule\r\n  /** Default page size. @default 20 */\r\n  defaultPageSize?: number\r\n  enableSingleViewTransition?: boolean\r\n  listConfig?: IViewListConfig<T>\r\n  ListComponent?: ComponentType<IViewListProps<T>>\r\n  gridConfig?: IViewGridConfig<T>\r\n  GridComponent?: ComponentType<IViewGridProps<T>>\r\n}\r\n\r\nexport function createDataSurface<T>(config: IDataSurfaceConfig<T>) {\r\n  if (!config.GridComponent) {\r\n    const configInput: IViewGridConfig<T> = config.gridConfig || { getterId: (item: T, index: number) => index }\r\n    config.gridConfig = configInput\r\n    config.GridComponent = createViewGrid<T>(configInput)\r\n  }\r\n\r\n  if (!config.ListComponent) {\r\n    const configInput: IViewListConfig<T> = config.listConfig || { getterId: (item: T, index: number) => index }\r\n    config.listConfig = configInput\r\n    config.ListComponent = createViewList<T>(configInput)\r\n  }\r\n\r\n  const { defaultViewMode = 'grid', defaultLoadMode = 'pagination', defaultPageSize = 20 } = config\r\n  const ViewSwitchTranstionInstance = createViewSwitchTransition<DataSurfaceViewMode>({})\r\n  const GridLoadingComponent = createViewGridLoading<T>(config.GridComponent as ComponentType<IViewGridProps<T>>)\r\n  const ListLoadingComponent = createViewListLoading<T>(config.ListComponent as ComponentType<IViewListProps<T>>)\r\n\r\n  const DataSurface: FC<IDataSurfaceProps<T>> = (props) => {\r\n    // separate pagination state\r\n    const [internalPagination, setInternalPagination] = useState<TPagination>({\r\n      page: 0,\r\n      pageSize: defaultPageSize\r\n    })\r\n\r\n    // resolved pagination: external takes priority over internal\r\n    const paginationState = useMemo<TPagination>(() => {\r\n      const p = props.pagination ?? internalPagination\r\n      return {\r\n        page: p.page ?? 0,\r\n        pageSize: p.pageSize ?? defaultPageSize,\r\n        hasNext: p.hasNext ?? false,\r\n        hasPrev: p.hasPrev ?? false,\r\n        total: p.total\r\n      }\r\n    }, [props.pagination, internalPagination])\r\n\r\n    const viewMode = props.viewMode ?? defaultViewMode\r\n    const loadMode = props.loadMode ?? defaultLoadMode\r\n\r\n    // Determine renderStrategy based on current viewMode\r\n    const renderStrategy = useMemo(() => {\r\n      if (viewMode === 'grid') {\r\n        return config.gridConfig?.renderStrategy ?? 'normal'\r\n      }\r\n      return config.listConfig?.renderStrategy ?? 'normal'\r\n    }, [viewMode])\r\n\r\n    const handlePrevPage = useCallback(async () => {\r\n      const currentPage = paginationState.page ?? 0\r\n      if (currentPage <= 0) return\r\n      const prevPage = currentPage - 1\r\n      if (!props.pagination) {\r\n        setInternalPagination((prev) => ({ ...prev, page: prevPage }))\r\n      }\r\n      await props.onPageChange?.(prevPage, paginationState.pageSize ?? defaultPageSize)\r\n    }, [paginationState.page, paginationState.pageSize, props.pagination, props.onPageChange])\r\n\r\n    const handleNextPage = useCallback(async () => {\r\n      if (!paginationState.hasNext) return\r\n      const currentPage = paginationState.page ?? 0\r\n      const nextPage = currentPage + 1\r\n      if (!props.pagination) {\r\n        setInternalPagination((prev) => ({ ...prev, page: nextPage }))\r\n      }\r\n      await props.onPageChange?.(nextPage, paginationState.pageSize ?? defaultPageSize)\r\n    }, [paginationState.hasNext, paginationState.page, paginationState.pageSize, props.pagination, props.onPageChange])\r\n\r\n    const handlePageJump = useCallback(\r\n      async (targetPage: number) => {\r\n        if (targetPage < 0) return\r\n        if (!props.pagination) {\r\n          setInternalPagination((prev) => ({ ...prev, page: targetPage }))\r\n        }\r\n        await props.onPageChange?.(targetPage, paginationState.pageSize ?? defaultPageSize)\r\n      },\r\n      [paginationState.pageSize, props.pagination, props.onPageChange]\r\n    )\r\n\r\n    const finalValue = props.value || []\r\n    const isEmptyData = finalValue.length === 0\r\n    const isInitialLoading = Boolean(props.loading && isEmptyData)\r\n    const isNoData = !props.loading && isEmptyData\r\n    const showLoadingOverlay = Boolean(props.loading) && !isEmptyData\r\n\r\n    const handleGridPageChange = useCallback(\r\n      async (page: number, pageSize: number) => {\r\n        if (!props.pagination) {\r\n          setInternalPagination({ page, pageSize })\r\n        }\r\n        await props.onPageChange?.(page, pageSize)\r\n      },\r\n      [props.pagination, props.onPageChange]\r\n    )\r\n\r\n    const gridPayload = useMemo<IViewGridLoadingProps<T>>(\r\n      () => ({\r\n        value: finalValue,\r\n        loadMode,\r\n        loading: props.loading,\r\n        pagination: paginationState,\r\n        onPageChange: handleGridPageChange\r\n      }),\r\n      [finalValue, loadMode, props.loading, paginationState, handleGridPageChange]\r\n    )\r\n\r\n    const gridPayloadRef = useRef<IViewGridLoadingProps<T>>(gridPayload)\r\n    gridPayloadRef.current = gridPayload\r\n\r\n    const listPayload = useMemo<IViewListLoadingProps<T>>(\r\n      () => ({\r\n        value: finalValue,\r\n        loadMode,\r\n        loading: props.loading,\r\n        pagination: paginationState,\r\n        onPageChange: handleGridPageChange,\r\n        columns: config.listConfig?.columns,\r\n        density: config.listConfig?.density,\r\n        spacing: config.listConfig?.spacing,\r\n        renderStrategy: renderStrategy,\r\n        overscan: config.listConfig?.overscan,\r\n        selectable: props.selectable ?? config.listConfig?.selectable,\r\n        selectedIds: props.selectedIds,\r\n        onSelectionChange: props.onSelectionChange\r\n      }),\r\n      [\r\n        finalValue,\r\n        loadMode,\r\n        props.loading,\r\n        paginationState,\r\n        renderStrategy,\r\n        handleGridPageChange,\r\n        props.selectable,\r\n        props.selectedIds,\r\n        props.onSelectionChange\r\n      ]\r\n    )\r\n\r\n    const listPayloadRef = useRef<IViewListLoadingProps<T>>(listPayload)\r\n    listPayloadRef.current = listPayload\r\n\r\n    const ListViewContent = useMemo<ComponentType<{ value: DataSurfaceViewMode }>>(() => {\r\n      const ViewListContent: FC<{ value: DataSurfaceViewMode }> = () => {\r\n        return <ListLoadingComponent {...listPayloadRef.current} />\r\n      }\r\n      return ViewListContent\r\n    }, [ListLoadingComponent])\r\n\r\n    const GridViewContent = useMemo<ComponentType<{ value: DataSurfaceViewMode }>>(() => {\r\n      const ViewGridContent: FC<{ value: DataSurfaceViewMode }> = () => {\r\n        return <GridLoadingComponent {...gridPayloadRef.current} />\r\n      }\r\n      return ViewGridContent\r\n    }, [GridLoadingComponent])\r\n\r\n    const renderFooter = () => {\r\n      if (loadMode === LoadingModeRule.infiniteScroll) {\r\n        const footerSlots = props.slots?.footer\r\n        return (\r\n          <PanelInfiniteScrollFooter\r\n            loading={props.loading}\r\n            hasNext={props.pagination?.hasNext}\r\n            currentCount={finalValue.length}\r\n            total={props.pagination?.total}\r\n            slots={{\r\n              statusText: footerSlots?.status,\r\n              rangeText: footerSlots?.range\r\n            }}\r\n          />\r\n        )\r\n      }\r\n\r\n      // pagination mode\r\n      return (\r\n        <PanelPaginationFooter\r\n          page={paginationState.page ?? 0}\r\n          pageSize={paginationState.pageSize ?? defaultPageSize}\r\n          total={paginationState.total}\r\n          hasNext={paginationState.hasNext}\r\n          hasPrev={(paginationState.page ?? 0) > 0}\r\n          loading={props.loading}\r\n          onPrevPage={handlePrevPage}\r\n          onNextPage={handleNextPage}\r\n          onPageJump={handlePageJump}\r\n        />\r\n      )\r\n    }\r\n\r\n    return (\r\n      <DataSurfaceStyled sx={props.sx}>\r\n        <Box sx={{ flex: 1, minHeight: 0, position: 'relative' }}>\r\n          {isInitialLoading && <PanelLoading />}\r\n          {isNoData && <PanelNoData />}\r\n          {!isInitialLoading && !isNoData && (\r\n            <ViewSwitchTranstionInstance\r\n              value={viewMode}\r\n              viewA={{ value: 'list', Content: ListViewContent }}\r\n              viewB={{ value: 'grid', Content: GridViewContent }}\r\n            />\r\n          )}\r\n          {showLoadingOverlay && <PanelLoadMore />}\r\n        </Box>\r\n        {renderFooter()}\r\n      </DataSurfaceStyled>\r\n    )\r\n  }\r\n  return DataSurface\r\n}\r\n\r\nexport default createDataSurface\r\n\r\nconst DataSurfaceStyled = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  width: '100%',\r\n  height: '100%',\r\n  position: 'relative',\r\n  flex: 1,\r\n  minHeight: 0,\r\n  backgroundColor: theme.palette.background.default\r\n}))\r\n"],"names":["createDataSurface","config","GridComponent","configInput","gridConfig","getterId","item","index","createViewGrid","ListComponent","listConfig","createViewList","_config$defaultViewMo","defaultViewMode","_config$defaultLoadMo","defaultLoadMode","_config$defaultPageSi","defaultPageSize","ViewSwitchTranstionInstance","createViewSwitchTransition","GridLoadingComponent","createViewGridLoading","ListLoadingComponent","createViewListLoading","props","_props$viewMode","_props$loadMode","_useState","useState","page","pageSize","_useState2","_slicedToArray","internalPagination","setInternalPagination","paginationState","useMemo","_props$pagination","_p$page","_p$pageSize","_p$hasNext","_p$hasPrev","p","pagination","hasNext","hasPrev","total","viewMode","loadMode","renderStrategy","_config$listConfig$re","_config$listConfig","_config$gridConfig$re","_config$gridConfig","handlePrevPage","useCallback","_asyncToGenerator","_regenerator","m","_callee","_paginationState$page","_props$onPageChange","_paginationState$page2","currentPage","prevPage","w","_context","n","a","prev","_objectSpread","onPageChange","call","handleNextPage","_callee2","_paginationState$page3","_props$onPageChange2","_paginationState$page4","nextPage","_context2","handlePageJump","_ref3","_callee3","targetPage","_props$onPageChange3","_paginationState$page5","_context3","_x","apply","this","arguments","finalValue","value","isEmptyData","length","isInitialLoading","Boolean","loading","isNoData","showLoadingOverlay","handleGridPageChange","_ref4","_callee4","_props$onPageChange4","_context4","_x2","_x3","gridPayload","gridPayloadRef","useRef","current","listPayload","_config$listConfig2","_config$listConfig3","_config$listConfig4","_config$listConfig5","_props$selectable","_config$listConfig6","columns","density","spacing","overscan","selectable","selectedIds","onSelectionChange","listPayloadRef","ListViewContent","_jsx","GridViewContent","_jsxs","DataSurfaceStyled","sx","children","Box","flex","minHeight","position","PanelLoading","PanelNoData","viewA","Content","viewB","PanelLoadMore","_paginationState$page6","_paginationState$page7","_paginationState$page8","LoadingModeRule","infiniteScroll","_props$slots","_props$pagination2","_props$pagination3","footerSlots","slots","footer","PanelInfiniteScrollFooter","currentCount","statusText","status","rangeText","range","PanelPaginationFooter","onPrevPage","onNextPage","onPageJump","renderFooter","styled","_ref5","display","flexDirection","width","height","backgroundColor","theme","palette","background"],"mappings":"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"}

package/dist/src/data-surface/index.dino.js

@@ -0,0 +1,2 @@
+import{createClass as t,classCallCheck as i,defineProperty as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{setViewModeToURL as r,getViewModeFromURL as s,setPaginationToURL as o,getPaginationFromURL as a}from"./helpers.js";import{createViewGrid as n}from"./view-grid/index.js";import{ButtonSwitch as h}from"./button-switch.js";import{createDataSurface as c}from"./index.create.js";import{createViewList as m}from"./view-list/index.js";var l=t(function t(){i(this,t),e(this,"createDataSurface",c),e(this,"createViewGrid",n),e(this,"createViewList",m),e(this,"ButtonSwitch",h),e(this,"createButtonSwitch",function(){return h}),e(this,"setViewModeToURL",r),e(this,"getViewModeFromURL",s),e(this,"setPaginationToURL",o),e(this,"getPaginationFromURL",a)}),p=new l;export{l as DinoDataSurFace,p as dinoDataSurface};
+//# sourceMappingURL=index.dino.js.map

package/dist/src/data-surface/index.dino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.dino.js","sources":["../../../src/data-surface/index.dino.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport { setViewModeToURL, getViewModeFromURL, setPaginationToURL, getPaginationFromURL } from './helpers'\r\nimport createViewGrid from './view-grid'\r\nimport ButtonSwitch from './button-switch'\r\nimport createDataSurface from './index.create'\r\nimport createViewList from './view-list'\r\n\r\nexport class DinoDataSurFace {\r\n  createDataSurface = createDataSurface\r\n  createViewGrid = createViewGrid\r\n  createViewList = createViewList\r\n  ButtonSwitch = ButtonSwitch\r\n  createButtonSwitch = () => ButtonSwitch\r\n\r\n  // helpers\r\n  setViewModeToURL = setViewModeToURL\r\n  getViewModeFromURL = getViewModeFromURL\r\n  setPaginationToURL = setPaginationToURL\r\n  getPaginationFromURL = getPaginationFromURL\r\n}\r\n\r\nexport const dinoDataSurface = new DinoDataSurFace()\r\n"],"names":["DinoDataSurFace","_createClass","_classCallCheck","_defineProperty","createDataSurface","createViewGrid","createViewList","ButtonSwitch","this","setViewModeToURL","getViewModeFromURL","setPaginationToURL","getPaginationFromURL","dinoDataSurface"],"mappings":"gcAQA,IAAaA,EAAeC,EAAA,SAAAD,IAAAE,OAAAF,GAAAG,2BACNC,GAAiBD,wBACpBE,GAAcF,wBACdG,GAAcH,sBAChBI,GAAYJ,EACNK,KAAA,qBAAA,WAAA,OAAMD,CAAY,GAEvCJ,0BACmBM,GAAgBN,4BACdO,GAAkBP,4BAClBQ,GAAkBR,8BAChBS,EAAoB,GAGhCC,EAAkB,IAAIb"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/data-surface/types.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport { ReactNode } from 'react'\r\n\r\nexport type TGetterId<T> = (item: T, index: number) => string | number\r\n\r\nexport type TRenderableNode = ReactNode | ((currentNode: ReactNode, rawText: string) => ReactNode)\r\n\r\nexport type TPagination = {\r\n  page?: number\r\n  pageSize?: number\r\n  hasNext?: boolean\r\n  hasPrev?: boolean\r\n  total?: number\r\n}\r\n\r\n/**\r\n * Controls how the list is rendered into the DOM.\r\n * - `normal`      — all rows are mounted (suitable for small datasets)\r\n * - `virtualized` — only visible rows are mounted (optimized for large datasets)\r\n */\r\nexport const RenderStrategyRule = {\r\n  normal: 'normal',\r\n  virtualized: 'virtualized'\r\n} as const\r\nexport type RenderStrategyRule = keyof typeof RenderStrategyRule\r\n\r\n/**\r\n * Controls how the list is displayed.\r\n * - `list` — items are displayed in a single column\r\n * - `grid` — items are displayed in multiple columns (number of columns is determined by the available width)\r\n */\r\nexport const DataSurfaceViewMode = {\r\n  list: 'list',\r\n  grid: 'grid'\r\n} as const\r\nexport type DataSurfaceViewMode = keyof typeof DataSurfaceViewMode\r\n/**\r\n * Controls how the data is loaded and when the loading indicator is shown.\r\n * - `pagination`    — loading indicator is shown when the user clicks on the pagination controls\r\n * - `infiniteScroll` — loading indicator is shown when the user scrolls to the end of the list\r\n */\r\nexport const LoadingModeRule = {\r\n  pagination: 'pagination',\r\n  infiniteScroll: 'infiniteScroll'\r\n} as const\r\nexport type LoadingModeRule = keyof typeof LoadingModeRule\r\n\r\nexport type TDataSurfaceState = {\r\n  viewMode?: DataSurfaceViewMode\r\n  loadMode?: LoadingModeRule\r\n  renderStrategy?: RenderStrategyRule\r\n}\r\n"],"names":["RenderStrategyRule","normal","virtualized","DataSurfaceViewMode","list","grid","LoadingModeRule","pagination","infiniteScroll"],"mappings":"AAqBO,IAAMA,EAAqB,CAChCC,OAAQ,SACRC,YAAa,eASFC,EAAsB,CACjCC,KAAM,OACNC,KAAM,QAQKC,EAAkB,CAC7BC,WAAY,aACZC,eAAgB"}

package/dist/src/data-surface/ui.units.js

@@ -0,0 +1,2 @@
+import{objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{colors as t,styled as o,Box as i,alpha as a,CircularProgress as l,Typography as c,Pagination as d,Stack as u}from"@mui/material";var s={padding:"8px",height:"100%",minHeight:180,width:"100%","& > .inner":{width:"100%",height:"100%",padding:"24px 16px",border:"1px dashed ".concat(t.grey[400]),borderRadius:6,display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"}},g=function(t){return r(p,e(e({},t),{},{children:n("div",{className:"inner",children:[r(l,{size:24}),r(c,{variant:"body2",color:"primary",children:"Loading..."})]})}))},p=o(i)(e(e({},s),{},{"& > div":{gap:8,borderColor:t.blue[400],backgroundColor:t.blue[50]}}));o(i)(e(e({},s),{},{"& > div":{borderColor:t.red[400],backgroundColor:t.red[50],color:t.red[900],flexDirection:"column"}}));var h=function(){return r(m,{children:n("div",{className:"inner",children:[r(c,{variant:"h6",gutterBottom:!0,children:"No data available"}),r(c,{variant:"body2",children:"Try changing the filter or search keyword"})]})})},m=o(i)(e(e({},s),{},{"& > div":{borderColor:t.grey[400],backgroundColor:t.grey[50],color:t.grey[700],flexDirection:"column"}}));o(i)(e(e({},s),{},{"& > div":{borderColor:t.blue[400],backgroundColor:t.blue[50],color:t.blue[900],flexDirection:"column"}})),o(i)(e(e({},s),{},{"& > div":{borderColor:t.red[700],backgroundColor:t.red[50],color:t.red[900],flexDirection:"column"}}));var b=function(){return r(x,{children:n("div",{children:[r(l,{size:24,thickness:4}),r(c,{variant:"body2",color:"text.primary",children:"Loading more..."})]})})},x=o(i)(function(e){return{position:"absolute",inset:0,bgcolor:"dark"===e.theme.palette.mode?"rgba(0,0,0,0.12)":"rgba(255,255,255,0.12)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10,backdropFilter:"blur(1px)",transition:"opacity 0.2s","& > div":{display:"flex",alignItems:"center",gap:10}}}),v=function(e){var t,o=e.slots,i=e.loading,a=e.hasNext,d=e.currentCount,s=e.total,g=function(e){return"string"!=typeof e?e:r(c,{variant:"caption",color:"text.secondary",children:e})},p=function(e,t){var o="Loading more...",i="Scroll for more",a="No more items";return e?{currentNode:n(u,{flexDirection:"row",alignItems:"center",gap:1,children:[r(l,{color:"primary",size:12,thickness:3}),r(c,{variant:"caption",color:"primary.main",children:o})]}),rawText:o}:t?{currentNode:i,rawText:i}:{currentNode:a,rawText:a}}(i,a),h=p.currentNode;"function"==typeof(null==o?void 0:o.statusText)?h=o.statusText(g(p.currentNode),p.rawText):null!=o&&o.statusText&&(h=o.statusText);var m=d>0?null!=s?"1–".concat(d," of ").concat(s):"1–".concat(d):"—",b="function"==typeof(null==o?void 0:o.rangeText)?o.rangeText(m,m):null!==(t=null==o?void 0:o.rangeText)&&void 0!==t?t:m;return r(f,{children:n("div",{children:[g(h),g(b)]})})},f=o(i)(function(e){var r=e.theme;return{"& > div":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:r.spacing(1,1.5),backgroundColor:a(r.palette.grey[500],.08),borderTop:"1px solid ".concat(a(r.palette.common.black,.08))},".MuiTypography-root":{lineHeight:1}}}),y=function(e){var t=e.page,o=e.pageSize,i=e.total,a=e.hasNext,l=e.loading,u=e.onPrevPage,s=e.onNextPage,g=e.onPageJump,p=t*o+1,h=null!=i?Math.min(p+o-1,i):p+o-1,m=null!=i?Math.ceil(i/o):void 0;return n(C,{children:[r(c,{variant:"caption",color:"text.secondary",children:null!=i?"".concat(p,"–").concat(h," / ").concat(i):"Page ".concat(t+1)}),r(d,{count:m,page:t+1,onChange:function(e,r){var n=r-1;g?g(n):n<t?null==u||u():n>t&&(null==s||s())},disabled:l,size:"small",showFirstButton:null!=m&&m>5,showLastButton:null!=m&&m>5,siblingCount:0,boundaryCount:1,hidePrevButton:null==m&&!a,hideNextButton:null==m&&!a})]})},C=o(i)(function(e){var r=e.theme;return{padding:"8px 16px",display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:r.palette.background.paper,borderTop:"1px solid ".concat("dark"===r.palette.mode?"rgba(255, 255, 255, 0.12)":"rgba(0, 0, 0, 0.12)")}});export{v as PanelInfiniteScrollFooter,b as PanelLoadMore,g as PanelLoading,h as PanelNoData,y as PanelPaginationFooter};
+//# sourceMappingURL=ui.units.js.map

package/dist/src/data-surface/ui.units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.units.js","sources":["../../../src/data-surface/ui.units.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Box, CircularProgress, Pagination, Typography, colors, styled, alpha, Stack } from '@mui/material'\r\n// types\r\nimport type { FC, ReactNode } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\nimport { TRenderableNode } from './types'\r\n\r\nconst stateWrapBase = {\r\n  padding: '8px',\r\n  height: '100%',\r\n  minHeight: 180,\r\n  width: '100%',\r\n  '& > .inner': {\r\n    width: '100%',\r\n    height: '100%',\r\n    padding: '24px 16px',\r\n    border: `1px dashed ${colors.grey[400]}`,\r\n    borderRadius: 6,\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    textAlign: 'center'\r\n  }\r\n} as const\r\n\r\nexport const PanelLoading: FC<BoxProps> = (props) => (\r\n  <PanelLoadingStyled {...props}>\r\n    <div className='inner'>\r\n      <CircularProgress size={24} />\r\n      <Typography variant='body2' color='primary'>\r\n        Loading...\r\n      </Typography>\r\n    </div>\r\n  </PanelLoadingStyled>\r\n)\r\n\r\nconst PanelLoadingStyled = styled(Box)({\r\n  ...stateWrapBase,\r\n  '& > div': { gap: 8, borderColor: colors.blue[400], backgroundColor: colors.blue[50] }\r\n})\r\n\r\nexport const PanelError: FC<{ error: string }> = ({ error }) => (\r\n  <PanelErrorStyled>\r\n    <div className='inner'>\r\n      <Typography variant='h6' gutterBottom>\r\n        An error occurred\r\n      </Typography>\r\n      {error && <Typography variant='body2'>{error}</Typography>}\r\n    </div>\r\n  </PanelErrorStyled>\r\n)\r\n\r\nconst PanelErrorStyled = styled(Box)({\r\n  ...stateWrapBase,\r\n  '& > div': {\r\n    borderColor: colors.red[400],\r\n    backgroundColor: colors.red[50],\r\n    color: colors.red[900],\r\n    flexDirection: 'column'\r\n  }\r\n})\r\n\r\nexport const PanelNoData: FC = () => (\r\n  <PanelNoDataStyled>\r\n    <div className='inner'>\r\n      <Typography variant='h6' gutterBottom>\r\n        No data available\r\n      </Typography>\r\n      <Typography variant='body2'>Try changing the filter or search keyword</Typography>\r\n    </div>\r\n  </PanelNoDataStyled>\r\n)\r\n\r\nconst PanelNoDataStyled = styled(Box)({\r\n  ...stateWrapBase,\r\n  '& > div': {\r\n    borderColor: colors.grey[400],\r\n    backgroundColor: colors.grey[50],\r\n    color: colors.grey[700],\r\n    flexDirection: 'column'\r\n  }\r\n})\r\n\r\nexport const PanelWaiting: FC = () => (\r\n  <PanelWaitingStyled>\r\n    <div className='inner'>\r\n      <Typography variant='h6' color='text.primary' sx={{ fontWeight: 'bold' }}>\r\n        Waiting for data...\r\n      </Typography>\r\n      <Typography variant='body2' color='text.secondary'>\r\n        Please wait while we fetch the data.\r\n      </Typography>\r\n    </div>\r\n  </PanelWaitingStyled>\r\n)\r\n\r\nconst PanelWaitingStyled = styled(Box)({\r\n  ...stateWrapBase,\r\n  '& > div': {\r\n    borderColor: colors.blue[400],\r\n    backgroundColor: colors.blue[50],\r\n    color: colors.blue[900],\r\n    flexDirection: 'column'\r\n  }\r\n})\r\n\r\nexport const PanelMissingConfig: FC = () => (\r\n  <PanelMissingConfigStyled>\r\n    <div className='inner'>\r\n      <Typography variant='h6' sx={{ fontWeight: 'bold' }}>\r\n        Missing Configuration\r\n      </Typography>\r\n      <Typography variant='body2'>A required configuration is missing for this view to work correctly.</Typography>\r\n    </div>\r\n  </PanelMissingConfigStyled>\r\n)\r\n\r\nconst PanelMissingConfigStyled = styled(Box)({\r\n  ...stateWrapBase,\r\n  '& > div': {\r\n    borderColor: colors.red[700],\r\n    backgroundColor: colors.red[50],\r\n    color: colors.red[900],\r\n    flexDirection: 'column'\r\n  }\r\n})\r\n\r\nexport const PanelLoadMore: FC = () => (\r\n  <PanelLoadMoreStyled>\r\n    <div>\r\n      <CircularProgress size={24} thickness={4} />\r\n      <Typography variant='body2' color='text.primary'>\r\n        Loading more...\r\n      </Typography>\r\n    </div>\r\n  </PanelLoadMoreStyled>\r\n)\r\n\r\nconst PanelLoadMoreStyled = styled(Box)(({ theme }) => ({\r\n  position: 'absolute',\r\n  inset: 0,\r\n  bgcolor: theme.palette.mode === 'dark' ? 'rgba(0,0,0,0.12)' : 'rgba(255,255,255,0.12)',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  zIndex: 10,\r\n  backdropFilter: 'blur(1px)',\r\n  transition: 'opacity 0.2s',\r\n  '& > div': { display: 'flex', alignItems: 'center', gap: 10 }\r\n}))\r\n\r\nexport interface IPanelInfiniteScrollFooterSlots {\r\n  statusText?: TRenderableNode\r\n  rangeText?: TRenderableNode\r\n}\r\n\r\nexport interface IPanelInfiniteScrollFooterProps {\r\n  loading?: boolean\r\n  hasNext?: boolean\r\n  currentCount: number\r\n  total?: number\r\n  slots?: IPanelInfiniteScrollFooterSlots\r\n}\r\n\r\nconst mapStatusText = (loading?: boolean, hasNext?: boolean): { currentNode: ReactNode; rawText: string } => {\r\n  const mapRawText: Record<string, string> = { loading: 'Loading more...', hasNext: 'Scroll for more', noMore: 'No more items' }\r\n  if (loading) {\r\n    return {\r\n      currentNode: (\r\n        <Stack flexDirection='row' alignItems='center' gap={1}>\r\n          <CircularProgress color='primary' size={12} thickness={3} />\r\n          <Typography variant='caption' color='primary.main'>\r\n            {mapRawText.loading}\r\n          </Typography>\r\n        </Stack>\r\n      ),\r\n      rawText: mapRawText.loading\r\n    }\r\n  } else if (hasNext) {\r\n    return { currentNode: mapRawText.hasNext, rawText: mapRawText.hasNext }\r\n  } else {\r\n    return { currentNode: mapRawText.noMore, rawText: mapRawText.noMore }\r\n  }\r\n}\r\n\r\nexport const PanelInfiniteScrollFooter: FC<IPanelInfiniteScrollFooterProps> = (props) => {\r\n  const { slots, loading, hasNext, currentCount, total } = props\r\n\r\n  const renderText = (value: ReactNode) => {\r\n    if (typeof value !== 'string') return value\r\n    return (\r\n      <Typography variant='caption' color='text.secondary'>\r\n        {value}\r\n      </Typography>\r\n    )\r\n  }\r\n\r\n  // Status text on the left\r\n  let obj = mapStatusText(loading, hasNext)\r\n  let finalStatusText: ReactNode = obj.currentNode\r\n  if (typeof slots?.statusText === 'function') {\r\n    finalStatusText = slots.statusText(renderText(obj.currentNode), obj.rawText)\r\n  } else if (slots?.statusText) {\r\n    finalStatusText = slots.statusText\r\n  }\r\n\r\n  // Range text on the right\r\n  const rangeText = currentCount > 0 ? (total != null ? `1–${currentCount} of ${total}` : `1–${currentCount}`) : '—'\r\n  const finalRangeText = typeof slots?.rangeText === 'function' ? slots.rangeText(rangeText, rangeText) : (slots?.rangeText ?? rangeText)\r\n\r\n  return (\r\n    <PanelInfiniteScrollFooterStyled>\r\n      <div>\r\n        {renderText(finalStatusText)}\r\n        {renderText(finalRangeText)}\r\n      </div>\r\n    </PanelInfiniteScrollFooterStyled>\r\n  )\r\n}\r\n\r\nconst PanelInfiniteScrollFooterStyled = styled(Box)(({ theme }) => ({\r\n  // padding: theme.spacing(0, 1),\r\n  '& > div': {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'space-between',\r\n    padding: theme.spacing(1, 1.5),\r\n    backgroundColor: alpha(theme.palette.grey[500], 0.08),\r\n    borderTop: `1px solid ${alpha(theme.palette.common.black, 0.08)}`\r\n  },\r\n  '.MuiTypography-root': { lineHeight: 1 }\r\n}))\r\n\r\nexport interface IPanelPaginationFooterProps {\r\n  page: number\r\n  pageSize: number\r\n  total?: number\r\n  hasNext?: boolean\r\n  hasPrev?: boolean\r\n  loading?: boolean\r\n  onPrevPage?: () => void\r\n  onNextPage?: () => void\r\n  onPageJump?: (page: number) => void\r\n}\r\n\r\nexport const PanelPaginationFooter: FC<IPanelPaginationFooterProps> = (props) => {\r\n  const { page, pageSize, total, hasNext, loading, onPrevPage, onNextPage, onPageJump } = props\r\n  const from = page * pageSize + 1\r\n  const to = total != null ? Math.min(from + pageSize - 1, total) : from + pageSize - 1\r\n\r\n  // Calculate page count for MUI Pagination (1-indexed)\r\n  const pageCount = total != null ? Math.ceil(total / pageSize) : undefined\r\n\r\n  const handlePageChange = (_event: any, value: number) => {\r\n    // MUI Pagination uses 1-indexed, convert to 0-indexed\r\n    const targetPage = value - 1\r\n\r\n    if (onPageJump) {\r\n      // Use direct page jump if available\r\n      onPageJump(targetPage)\r\n    } else {\r\n      // Fallback to prev/next if no jump handler\r\n      if (targetPage < page) {\r\n        onPrevPage?.()\r\n      } else if (targetPage > page) {\r\n        onNextPage?.()\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <PanelPaginationFooterStyled>\r\n      <Typography variant='caption' color='text.secondary'>\r\n        {total != null ? `${from}–${to} / ${total}` : `Page ${page + 1}`}\r\n      </Typography>\r\n      <Pagination\r\n        count={pageCount}\r\n        page={page + 1}\r\n        onChange={handlePageChange}\r\n        disabled={loading}\r\n        size='small'\r\n        showFirstButton={pageCount != null && pageCount > 5}\r\n        showLastButton={pageCount != null && pageCount > 5}\r\n        siblingCount={0}\r\n        boundaryCount={1}\r\n        hidePrevButton={pageCount == null && !hasNext}\r\n        hideNextButton={pageCount == null && !hasNext}\r\n      />\r\n    </PanelPaginationFooterStyled>\r\n  )\r\n}\r\n\r\nconst PanelPaginationFooterStyled = styled(Box)(({ theme }) => ({\r\n  padding: '8px 16px',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  backgroundColor: theme.palette.background.paper,\r\n  borderTop: `1px solid ${theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, 0.12)' : 'rgba(0, 0, 0, 0.12)'}`\r\n}))\r\n"],"names":["stateWrapBase","padding","height","minHeight","width","border","concat","colors","grey","borderRadius","display","alignItems","justifyContent","textAlign","PanelLoading","props","_jsx","PanelLoadingStyled","_objectSpread","children","_jsxs","className","CircularProgress","size","Typography","variant","color","styled","Box","gap","borderColor","blue","backgroundColor","red","flexDirection","PanelNoData","PanelNoDataStyled","gutterBottom","PanelLoadMore","PanelLoadMoreStyled","thickness","_ref2","position","inset","bgcolor","theme","palette","mode","zIndex","backdropFilter","transition","PanelInfiniteScrollFooter","_slots$rangeText","slots","loading","hasNext","currentCount","total","renderText","value","obj","mapRawText","currentNode","Stack","rawText","mapStatusText","finalStatusText","statusText","rangeText","finalRangeText","PanelInfiniteScrollFooterStyled","_ref3","spacing","alpha","borderTop","common","black","lineHeight","PanelPaginationFooter","page","pageSize","onPrevPage","onNextPage","onPageJump","from","to","Math","min","pageCount","ceil","undefined","PanelPaginationFooterStyled","Pagination","count","onChange","_event","targetPage","disabled","showFirstButton","showLastButton","siblingCount","boundaryCount","hidePrevButton","hideNextButton","_ref4","background","paper"],"mappings":"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"}

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

@@ -0,0 +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};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +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    }\r\n  }, [\r\n    props.spacing,\r\n    props.scrollingThreshold,\r\n    props.sizes,\r\n    props.Component,\r\n    config.spacing,\r\n    config.scrollingThreshold,\r\n    config.sizes,\r\n    config.Component\r\n  ])\r\n}\r\n"],"names":["useMergedConfig","props","config","useMemo","_props$sizes","_ref","_props$Component","spacing","resolveGridSpacing","scrollingThreshold","resolveGridScrollingThreshold","sizes","getGridItemSizes","Component","GridItemDefault"],"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,EAEtD,EAAG,CACDb,EAAMM,QACNN,EAAMQ,mBACNR,EAAMU,MACNV,EAAMY,UACNX,EAAOK,QACPL,EAAOO,mBACPP,EAAOS,MACPT,EAAOW,WAEX"}

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

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

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

@@ -0,0 +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, 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 mergedConfig = useMergedConfig<T>(props, config)\r\n    const ItemComponent = mergedConfig.Component\r\n    const [isScrolling, setIsScrolling] = useState(false)\r\n\r\n    const finalItems = useMemo(() => props.value, [props.value])\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 = [classes.root]\r\n    if (isScrolling) rootClasses.push(classes.scrolling)\r\n    return (\r\n      <ViewGridStyled className={rootClasses.filter(Boolean).join(' ')}>\r\n        <Box className={classes.scrollContainer} 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 } = 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, props.overscan ?? config.overscan ?? 4)\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    // 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        overscan={props.overscan}\r\n        onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\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","useMergedConfig","ItemComponent","Component","_useState","useState","_useState2","_slicedToArray","isScrolling","setIsScrolling","finalItems","useMemo","value","rootClasses","classes","root","push","scrolling","_jsx","ViewGridStyled","className","filter","Boolean","join","children","Box","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollTop","scrollingThreshold","scrollHeight","clientHeight","onNearEnd","call","Grid","container","spacing","concat","grid","map","item","index","_config$getterId","key","getterId","_objectSpread","gridItem","sizes","createViewGridNormal","ViewGridVirtualized","_ref","_props$overscan","wrapRef","useRef","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","current","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","_ref2","_ref4","_step","_iterator","_createForOfIteratorHelper","s","n","done","element","getBoundingClientRect","height","err","f","setMeasuredItemRef","node","set","_ref6","_ref8","_step2","_iterator2","virtualized","_jsxs","ref","_props$onNearEnd2","sx","offset","_config$getterId2","undefined","minHeight","createViewGridVirtualized","_ref0","_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/data-surface/view-grid/styleds.js

@@ -0,0 +1,2 @@
+import{defineProperty as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{styled as o,Box as r,alpha as e}from"@mui/material";var t={root:"DinoViewGrid-root",virtualized:"DinoViewGrid-virtualized",scrollContainer:"DinoViewGrid-scrollContainer",grid:"DinoViewGrid-grid",gridItem:"DinoViewGrid-item",scrolling:"DinoViewGrid-scrolling"},n=t,a=o(r)(function(o){var r=o.theme;return i(i(i({display:"flex",flex:1,minHeight:0,minWidth:0,position:"relative",width:"100%",height:"100%",overflow:"hidden",boxSizing:"border-box"},".".concat(n.scrollContainer),{width:"100%",height:"100%",overflowY:"auto",padding:r.spacing(.5),"&::-webkit-scrollbar":{width:8,height:8},"&::-webkit-scrollbar-thumb":{backgroundColor:r.palette.grey[300],borderRadius:4},"&::-webkit-scrollbar-thumb:hover":{backgroundColor:r.palette.grey[500]}}),".".concat(n.scrollContainer,"::before"),{content:'""',position:"absolute",top:0,left:0,right:0,height:r.spacing(1.5),background:"linear-gradient(\n      to bottom,\n      ".concat(r.palette.background.paper," 0%,\n      ").concat(e(r.palette.background.paper,.16)," 30%,\n      transparent 100%\n    )"),pointerEvents:"none",opacity:0,visibility:"hidden",transition:"all 0.3s ease-out",zIndex:r.zIndex.appBar-1}),"&.".concat(n.scrolling," .").concat(n.scrollContainer,"::before"),{opacity:1,visibility:"visible"})});export{a as ViewGridStyled,t as viewGridClasses};
+//# sourceMappingURL=styleds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styleds.js","sources":["../../../../src/data-surface/view-grid/styleds.tsx"],"sourcesContent":["import { alpha, Box, styled } from '@mui/material'\r\n\r\nexport const viewGridClasses = {\r\n  root: 'DinoViewGrid-root',\r\n  virtualized: 'DinoViewGrid-virtualized',\r\n  scrollContainer: 'DinoViewGrid-scrollContainer',\r\n  grid: 'DinoViewGrid-grid',\r\n  gridItem: 'DinoViewGrid-item',\r\n  // Statuses\r\n  scrolling: 'DinoViewGrid-scrolling'\r\n}\r\nconst classes = viewGridClasses\r\n\r\nexport const ViewGridStyled = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  flex: 1,\r\n  minHeight: 0,\r\n  minWidth: 0,\r\n  position: 'relative',\r\n  width: '100%',\r\n  height: '100%',\r\n  overflow: 'hidden',\r\n  boxSizing: 'border-box',\r\n  [`.${classes.scrollContainer}`]: {\r\n    width: '100%',\r\n    height: '100%',\r\n    overflowY: 'auto',\r\n    padding: theme.spacing(0.5),\r\n    // Scrollbar styling\r\n    '&::-webkit-scrollbar': { width: 8, height: 8 },\r\n    '&::-webkit-scrollbar-thumb': { backgroundColor: theme.palette.grey[300], borderRadius: 4 },\r\n    '&::-webkit-scrollbar-thumb:hover': { backgroundColor: theme.palette.grey[500] }\r\n  },\r\n  [`.${classes.scrollContainer}::before`]: {\r\n    content: '\"\"',\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    height: theme.spacing(1.5),\r\n    background: `linear-gradient(\r\n      to bottom,\r\n      ${theme.palette.background.paper} 0%,\r\n      ${alpha(theme.palette.background.paper, 0.16)} 30%,\r\n      transparent 100%\r\n    )`,\r\n    pointerEvents: 'none',\r\n    // animation\r\n    opacity: 0,\r\n    visibility: 'hidden',\r\n    transition: 'all 0.3s ease-out',\r\n    zIndex: theme.zIndex.appBar - 1\r\n  },\r\n  [`&.${classes.scrolling} .${classes.scrollContainer}::before`]: {\r\n    opacity: 1,\r\n    visibility: 'visible'\r\n  }\r\n}))\r\n"],"names":["viewGridClasses","root","virtualized","scrollContainer","grid","gridItem","scrolling","classes","ViewGridStyled","styled","Box","_ref","theme","_defineProperty","display","flex","minHeight","minWidth","position","width","height","overflow","boxSizing","concat","overflowY","padding","spacing","backgroundColor","palette","grey","borderRadius","content","top","left","right","background","paper","alpha","pointerEvents","opacity","visibility","transition","zIndex","appBar"],"mappings":"2IAEO,IAAMA,EAAkB,CAC7BC,KAAM,oBACNC,YAAa,2BACbC,gBAAiB,+BACjBC,KAAM,oBACNC,SAAU,oBAEVC,UAAW,0BAEPC,EAAUP,EAEHQ,EAAiBC,EAAOC,EAAPD,CAAY,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAAA,EAAA,CAChDC,QAAS,OACTC,KAAM,EACNC,UAAW,EACXC,SAAU,EACVC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,SAAU,SACVC,UAAW,cAAY,IAAAC,OAClBhB,EAAQJ,iBAAoB,CAC/BgB,MAAO,OACPC,OAAQ,OACRI,UAAW,OACXC,QAASb,EAAMc,QAAQ,IAEvB,uBAAwB,CAAEP,MAAO,EAAGC,OAAQ,GAC5C,6BAA8B,CAAEO,gBAAiBf,EAAMgB,QAAQC,KAAK,KAAMC,aAAc,GACxF,mCAAoC,CAAEH,gBAAiBf,EAAMgB,QAAQC,KAAK,YAC3EN,OACIhB,EAAQJ,gBAA4B,YAAA,CACvC4B,QAAS,KACTb,SAAU,WACVc,IAAK,EACLC,KAAM,EACNC,MAAO,EACPd,OAAQR,EAAMc,QAAQ,KACtBS,WAAU,6CAAAZ,OAENX,EAAMgB,QAAQO,WAAWC,MAAKb,gBAAAA,OAC9Bc,EAAMzB,EAAMgB,QAAQO,WAAWC,MAAO,KAExC,wCACFE,cAAe,OAEfC,QAAS,EACTC,WAAY,SACZC,WAAY,oBACZC,OAAQ9B,EAAM8B,OAAOC,OAAS,IAC/BpB,KAAAA,OACKhB,EAAQD,UAASiB,MAAAA,OAAKhB,EAAQJ,gBAA4B,YAAA,CAC9DoC,QAAS,EACTC,WAAY,WACb"}

package/dist/src/data-surface/view-grid/ui.units.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Card as e,Stack as n,Typography as t}from"@mui/material";var a=function(a){var o=JSON.stringify(a.value,null,2);return r(e,{variant:"outlined",sx:{height:"100%",width:"100%",overflow:"hidden",p:1,boxSizing:"border-box!important"},title:o,children:i(n,{spacing:1,children:[i(t,{children:["Index: ",a.index]}),i(t,{variant:"body2",sx:{fontFamily:"monospace",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:["Data: ",o]})]})})};export{a as GridItemDefault};
+//# sourceMappingURL=ui.units.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui.units.js","sources":["../../../../src/data-surface/view-grid/ui.units.tsx"],"sourcesContent":["import { FC } from 'react'\r\nimport { Card, Stack, Typography } from '@mui/material'\r\nimport { IViewGridItemProps } from './types'\r\n\r\nexport const GridItemDefault: FC<IViewGridItemProps<any>> = (props) => {\r\n  const content = JSON.stringify(props.value, null, 2)\r\n  return (\r\n    <Card variant='outlined' sx={{ height: '100%', width: '100%', overflow: 'hidden', p: 1, boxSizing: 'border-box!important' }} title={content}>\r\n      <Stack spacing={1}>\r\n        <Typography>Index: {props.index}</Typography>\r\n        <Typography variant='body2' sx={{ fontFamily: 'monospace', whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\r\n          Data: {content}\r\n        </Typography>\r\n      </Stack>\r\n    </Card>\r\n  )\r\n}\r\n"],"names":["GridItemDefault","props","content","JSON","stringify","value","_jsx","Card","variant","sx","height","width","overflow","p","boxSizing","title","children","_jsxs","Stack","spacing","Typography","index","fontFamily","whiteSpace","wordBreak"],"mappings":"sHAIaA,EAA+C,SAACC,GAC3D,IAAMC,EAAUC,KAAKC,UAAUH,EAAMI,MAAO,KAAM,GAClD,OACEC,EAACC,EAAK,CAAAC,QAAQ,WAAWC,GAAI,CAAEC,OAAQ,OAAQC,MAAO,OAAQC,SAAU,SAAUC,EAAG,EAAGC,UAAW,wBAA0BC,MAAOb,EAAOc,SACzIC,EAACC,EAAK,CAACC,QAAS,EACdH,SAAA,CAAAC,EAACG,EAAU,CAAAJ,SAAA,CAAA,UAASf,EAAMoB,SAC1BJ,EAACG,EAAU,CAACZ,QAAQ,QAAQC,GAAI,CAAEa,WAAY,YAAaC,WAAY,WAAYC,UAAW,cACrFR,SAAA,CAAA,SAAAd,SAKjB"}

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

@@ -0,0 +1,2 @@
+import{objectSpread2 as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{ListDensity as t}from"./types.js";var n=48,e=4,i={compact:36,standard:48,comfortable:56},a={compact:"6px 10px",standard:"10px 12px",comfortable:"12px 14px"},u=function(t,n){return n?Object.keys(n).map(function(t){var e,i=null!==(e=n[t])&&void 0!==e?e:{};return r({field:t},i)}):function(r){if(0===r.length)return[];var t=r[0];return Object.keys(t).map(function(r){return{field:r,label:String(r),flex:1}})}(t)};function o(r){if("number"==typeof r&&Number.isFinite(r)&&r>0)return r;var n="number"==typeof r?t.standard:null!=r?r:t.standard;return i[n]}function f(r){if("number"==typeof r)return a[t.standard];var n="number"==typeof r?t.standard:null!=r?r:t.standard;return a[n]}function d(r){return"number"==typeof r&&Number.isFinite(r)&&r>=0?r:4}function l(r,t,n){return r<=0?0:r*t+Math.max(0,r-1)*n}var m=function(t,n,e){var i,a=function(r,t){if(void 0!==r.width)return r.width;if(r.flex&&r.flex>0&&t>0){var n=r.flex/t*100;return"".concat(n,"%")}}(t,n),u=void 0!==t.width;return r({width:a,minWidth:u?a:t.minWidth,maxWidth:null!==(i=t.maxWidth)&&void 0!==i?i:a},e)};export{a as LIST_CELL_PADDING_BY_DENSITY,e as LIST_DEFAULT_ROW_SPACING,n as LIST_HEADER_HEIGHT,i as LIST_ROW_HEIGHT_BY_DENSITY,u as columnsRecordToArray,m as mapSxTableCell,f as resolveListCellPadding,o as resolveListRowHeight,d as resolveListRowSpacing,l as resolveListSpacerHeight};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/data-surface/view-list/helpers.ts"],"sourcesContent":["import { TableCellProps } from '@mui/material'\r\nimport { IViewListConfig, IViewListProps, ListDensity, TListColumn, TListColumns } from './types'\r\nimport { VIEW_LIST_ROW_SPACING_VAR } from './styled'\r\nimport { CSSProperties } from 'react'\r\n\r\nexport const LIST_HEADER_HEIGHT = 48\r\nexport const LIST_DEFAULT_ROW_SPACING = 4\r\n\r\nexport const LIST_ROW_HEIGHT_BY_DENSITY: Record<ListDensity, number> = {\r\n  compact: 36,\r\n  standard: 48,\r\n  comfortable: 56\r\n}\r\n\r\nexport const LIST_CELL_PADDING_BY_DENSITY: Record<ListDensity, string> = {\r\n  compact: '6px 10px',\r\n  standard: '10px 12px',\r\n  comfortable: '12px 14px'\r\n}\r\n\r\nconst buildDefaultColumns = <T>(data: T[]): TListColumn<T>[] => {\r\n  if (data.length === 0) return []\r\n  const firstRow = data[0]\r\n  return Object.keys(firstRow as object).map((key) => ({\r\n    field: key as keyof T,\r\n    label: String(key),\r\n    flex: 1\r\n  }))\r\n}\r\n\r\n/**\r\n * Converts TListColumns<T> Record type to TListColumn<T>[] array for internal use.\r\n */\r\nexport const columnsRecordToArray = <T>(value: T[], columnsRecord?: TListColumns<T>): TListColumn<T>[] => {\r\n  if (!columnsRecord) return buildDefaultColumns(value)\r\n  const keys = Object.keys(columnsRecord) as (keyof T)[]\r\n  return keys.map((key) => {\r\n    const colConfig = columnsRecord[key] ?? {}\r\n    return { field: key, ...colConfig } as TListColumn<T>\r\n  })\r\n}\r\n\r\nexport function resolveListRowHeight(density?: number | ListDensity): number {\r\n  if (typeof density === 'number' && Number.isFinite(density) && density > 0) {\r\n    return density\r\n  }\r\n\r\n  const resolvedDensity: ListDensity = typeof density === 'number' ? ListDensity.standard : (density ?? ListDensity.standard)\r\n  return LIST_ROW_HEIGHT_BY_DENSITY[resolvedDensity]\r\n}\r\n\r\nexport function resolveListCellPadding(density?: number | ListDensity): string {\r\n  if (typeof density === 'number') {\r\n    return LIST_CELL_PADDING_BY_DENSITY[ListDensity.standard]\r\n  }\r\n\r\n  const resolvedDensity: ListDensity = typeof density === 'number' ? ListDensity.standard : (density ?? ListDensity.standard)\r\n  return LIST_CELL_PADDING_BY_DENSITY[resolvedDensity]\r\n}\r\n\r\nexport function resolveListRowSpacing(spacing?: number): number {\r\n  if (typeof spacing === 'number' && Number.isFinite(spacing) && spacing >= 0) {\r\n    return spacing\r\n  }\r\n\r\n  return LIST_DEFAULT_ROW_SPACING\r\n}\r\n\r\nexport function resolveListSpacerHeight(count: number, rowHeight: number, rowSpacing: number): number {\r\n  if (count <= 0) return 0\r\n  return count * rowHeight + Math.max(0, count - 1) * rowSpacing\r\n}\r\n\r\n\r\nconst getColumnWidth = <T>(column: TListColumn<T>, totalFlex: number): number | string | undefined => {\r\n  // Priority 1: Explicit width always wins\r\n  if (column.width !== undefined) return column.width\r\n\r\n  // Priority 2: Flex-based proportional width\r\n  if (column.flex && column.flex > 0 && totalFlex > 0) {\r\n    const percent = (column.flex / totalFlex) * 100\r\n    return `${percent}%`\r\n  }\r\n\r\n  // Priority 3: Auto-width (no width or flex specified)\r\n  // Let the table auto-calculate based on content\r\n  return undefined\r\n}\r\n\r\nexport const mapSxTableCell = <T>(col: TListColumn<T>, totalFlex: number, sx?: TableCellProps['sx']): TableCellProps['sx'] => {\r\n  const colWidth = getColumnWidth(col, totalFlex)\r\n  const hasFixedWidth = col.width !== undefined\r\n  return {\r\n    width: colWidth,\r\n    // For fixed-width columns, enforce minWidth = width to prevent shrinking\r\n    minWidth: hasFixedWidth ? colWidth : col.minWidth,\r\n    // Lock all columns with maxWidth to prevent text overflow expansion\r\n    maxWidth: col.maxWidth ?? colWidth,\r\n    ...sx\r\n  }\r\n}\r\n"],"names":["LIST_HEADER_HEIGHT","LIST_DEFAULT_ROW_SPACING","LIST_ROW_HEIGHT_BY_DENSITY","compact","standard","comfortable","LIST_CELL_PADDING_BY_DENSITY","columnsRecordToArray","value","columnsRecord","Object","keys","map","key","_columnsRecord$key","colConfig","_objectSpread","field","data","length","firstRow","label","String","flex","buildDefaultColumns","resolveListRowHeight","density","Number","isFinite","resolvedDensity","ListDensity","resolveListCellPadding","resolveListRowSpacing","spacing","resolveListSpacerHeight","count","rowHeight","rowSpacing","Math","max","mapSxTableCell","col","totalFlex","sx","_col$maxWidth","colWidth","column","undefined","width","percent","concat","getColumnWidth","hasFixedWidth","minWidth","maxWidth"],"mappings":"wHAKO,IAAMA,EAAqB,GACrBC,EAA2B,EAE3BC,EAA0D,CACrEC,QAAS,GACTC,SAAU,GACVC,YAAa,IAGFC,EAA4D,CACvEH,QAAS,WACTC,SAAU,YACVC,YAAa,aAgBFE,EAAuB,SAAIC,EAAYC,GAClD,OAAKA,EACQC,OAAOC,KAAKF,GACbG,IAAI,SAACC,GAAO,IAAAC,EAChBC,EAA8B,QAArBD,EAAGL,EAAcI,UAAI,IAAAC,EAAAA,EAAI,CAAE,EAC1C,OAAAE,EAAA,CAASC,MAAOJ,GAAQE,EAC1B,GAnB0B,SAAIG,GAC9B,GAAoB,IAAhBA,EAAKC,OAAc,MAAO,GAC9B,IAAMC,EAAWF,EAAK,GACtB,OAAOR,OAAOC,KAAKS,GAAoBR,IAAI,SAACC,GAAG,MAAM,CACnDI,MAAOJ,EACPQ,MAAOC,OAAOT,GACdU,KAAM,EACP,EACH,CAM6BC,CAAoBhB,EAMjD,EAEM,SAAUiB,EAAqBC,GACnC,GAAuB,iBAAZA,GAAwBC,OAAOC,SAASF,IAAYA,EAAU,EACvE,OAAOA,EAGT,IAAMG,EAAkD,iBAAZH,EAAuBI,EAAY1B,SAAYsB,QAAAA,EAAWI,EAAY1B,SAClH,OAAOF,EAA2B2B,EACpC,CAEM,SAAUE,EAAuBL,GACrC,GAAuB,iBAAZA,EACT,OAAOpB,EAA6BwB,EAAY1B,UAGlD,IAAMyB,EAAkD,iBAAZH,EAAuBI,EAAY1B,SAAYsB,QAAAA,EAAWI,EAAY1B,SAClH,OAAOE,EAA6BuB,EACtC,CAEM,SAAUG,EAAsBC,GACpC,MAAuB,iBAAZA,GAAwBN,OAAOC,SAASK,IAAYA,GAAW,EACjEA,EAxD6B,CA4DxC,UAEgBC,EAAwBC,EAAeC,EAAmBC,GACxE,OAAIF,GAAS,EAAU,EAChBA,EAAQC,EAAYE,KAAKC,IAAI,EAAGJ,EAAQ,GAAKE,CACtD,CAGA,IAeaG,EAAiB,SAAIC,EAAqBC,EAAmBC,GAAmD,IAAAC,EACrHC,EAhBe,SAAIC,EAAwBJ,GAEjD,QAAqBK,IAAjBD,EAAOE,MAAqB,OAAOF,EAAOE,MAG9C,GAAIF,EAAOvB,MAAQuB,EAAOvB,KAAO,GAAKmB,EAAY,EAAG,CACnD,IAAMO,EAAWH,EAAOvB,KAAOmB,EAAa,IAC5C,MAAAQ,GAAAA,OAAUD,EAAO,IAClB,CAKH,CAGmBE,CAAeV,EAAKC,GAC/BU,OAA8BL,IAAdN,EAAIO,MAC1B,OAAAhC,EAAA,CACEgC,MAAOH,EAEPQ,SAAUD,EAAgBP,EAAWJ,EAAIY,SAEzCC,SAAsBV,QAAdA,EAAEH,EAAIa,gBAAQV,IAAAA,EAAAA,EAAIC,GACvBF,EAEP"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as e,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as l}from"react";import{VIEW_LIST_ROW_SPACING_VAR as t}from"./styled.js";import{resolveListRowSpacing as r,resolveListCellPadding as o,resolveListRowHeight as i,columnsRecordToArray as c}from"./helpers.js";function u(n,u){return l(function(){var l,s,a,d,f,m=null!==(l=u.density)&&void 0!==l?l:n.density,p=r(null!==(s=u.spacing)&&void 0!==s?s:n.spacing);return{columns:c(u.value,null!==(a=u.columns)&&void 0!==a?a:n.columns),selectable:null!==(d=null!==(f=u.selectable)&&void 0!==f?f:n.selectable)&&void 0!==d&&d,rowHeight:i(m),cellPadding:o(m),rowSpacing:p,rootStyle:e({},t,"".concat(p,"px"))}},[u.value,u.columns,u.density,u.spacing,u.selectable,n.columns,n.density,n.spacing,n.selectable])}function s(e,t,r,o,i){var c=null!=o?o:[],u=l(function(){var n=new Map;return e.forEach(function(e,l){var r=t(e,l);null!=r&&n.set(r,e)}),n},[e,t]),s=l(function(){return Array.from(u.keys())},[u]),a=s.length>0&&s.every(function(e){return c.includes(e)}),d=c.length>0&&!a;return{selectedIds:c,isAllSelected:a,isSomeSelected:d,handleToggleAll:function(){r&&i&&i(a?[]:s)},handleToggleRow:function(e){if(r&&i){var l=c.includes(e)?c.filter(function(n){return n!==e}):[].concat(n(c),[e]);i(l)}}}}export{s as useListSelection,u as useMergedConfig};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../../../src/data-surface/view-list/hooks.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport { CSSProperties, useMemo } from 'react'\r\nimport { VIEW_LIST_ROW_SPACING_VAR } from './styled'\r\nimport { columnsRecordToArray, resolveListCellPadding, resolveListRowHeight, resolveListRowSpacing } from './helpers'\r\nimport type { TGetterId } from '../types'\r\nimport type { IViewListConfig, IViewListProps } from './types'\r\n\r\nexport function useMergedConfig<T>(config: IViewListConfig<T>, props: IViewListProps<T>) {\r\n  return useMemo(() => {\r\n    const density = props.density ?? config.density\r\n    const rowSpacing = resolveListRowSpacing(props.spacing ?? config.spacing)\r\n\r\n    return {\r\n      columns: columnsRecordToArray(props.value, props.columns ?? config.columns),\r\n      selectable: props.selectable ?? config.selectable ?? false,\r\n      rowHeight: resolveListRowHeight(density),\r\n      cellPadding: resolveListCellPadding(density),\r\n      rowSpacing,\r\n      rootStyle: { [VIEW_LIST_ROW_SPACING_VAR]: `${rowSpacing}px` } as CSSProperties\r\n    }\r\n  }, [props.value, props.columns, props.density, props.spacing, props.selectable, config.columns, config.density, config.spacing, config.selectable])\r\n}\r\n\r\n/**\r\n * Custom hook to manage list row selection logic.\r\n * Handles select all, individual row selection, and indeterminate state.\r\n *\r\n * @param value - The array of data items\r\n * @param getterId - Function to extract unique ID from each row\r\n * @param selectable - Whether selection is enabled\r\n * @param selectedIds - Controlled array of selected row IDs\r\n * @param onSelectionChange - Callback when selection changes\r\n * @returns Selection state and handlers\r\n */\r\nexport function useListSelection<T>(\r\n  value: T[],\r\n  getterId: TGetterId<T>,\r\n  selectable: boolean,\r\n  selectedIds?: (string | number)[],\r\n  onSelectionChange?: (selectedIds: (string | number)[]) => void\r\n) {\r\n  const safeSelectedIds = selectedIds ?? []\r\n\r\n  // Build map of row IDs for quick lookup\r\n  const rowIdMap = useMemo(() => {\r\n    const map = new Map<string | number, T>()\r\n    value.forEach((row, index) => {\r\n      const id = getterId(row, index)\r\n      if (id !== null && id !== undefined) {\r\n        map.set(id, row)\r\n      }\r\n    })\r\n    return map\r\n  }, [value, getterId])\r\n\r\n  const allRowIds = useMemo(() => Array.from(rowIdMap.keys()), [rowIdMap])\r\n\r\n  const isAllSelected = allRowIds.length > 0 && allRowIds.every((id) => safeSelectedIds.includes(id))\r\n  const isSomeSelected = safeSelectedIds.length > 0 && !isAllSelected\r\n\r\n  const handleToggleAll = () => {\r\n    if (!selectable || !onSelectionChange) return\r\n    if (isAllSelected) {\r\n      onSelectionChange([])\r\n    } else {\r\n      onSelectionChange(allRowIds)\r\n    }\r\n  }\r\n\r\n  const handleToggleRow = (rowId: string | number) => {\r\n    if (!selectable || !onSelectionChange) return\r\n    const newSelected = safeSelectedIds.includes(rowId) ? safeSelectedIds.filter((id) => id !== rowId) : [...safeSelectedIds, rowId]\r\n    onSelectionChange(newSelected)\r\n  }\r\n\r\n  return {\r\n    selectedIds: safeSelectedIds,\r\n    isAllSelected,\r\n    isSomeSelected,\r\n    handleToggleAll,\r\n    handleToggleRow\r\n  }\r\n}\r\n"],"names":["useMergedConfig","config","props","useMemo","_props$density","_props$spacing","_props$columns","_ref","_props$selectable","density","rowSpacing","resolveListRowSpacing","spacing","columns","columnsRecordToArray","value","selectable","rowHeight","resolveListRowHeight","cellPadding","resolveListCellPadding","rootStyle","_defineProperty","VIEW_LIST_ROW_SPACING_VAR","concat","useListSelection","getterId","selectedIds","onSelectionChange","safeSelectedIds","rowIdMap","map","Map","forEach","row","index","id","set","allRowIds","Array","from","keys","isAllSelected","length","every","includes","isSomeSelected","handleToggleAll","handleToggleRow","rowId","newSelected","filter","_toConsumableArray"],"mappings":"oUAQgB,SAAAA,EAAmBC,EAA4BC,GAC7D,OAAOC,EAAQ,WAAK,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACZC,EAAuBL,QAAhBA,EAAGF,EAAMO,eAAOL,IAAAA,EAAAA,EAAIH,EAAOQ,QAClCC,EAAaC,EAAmC,QAAdN,EAACH,EAAMU,eAAOP,IAAAA,EAAAA,EAAIJ,EAAOW,SAEjE,MAAO,CACLC,QAASC,EAAqBZ,EAAMa,MAAoB,QAAfT,EAAEJ,EAAMW,eAAOP,IAAAA,EAAAA,EAAIL,EAAOY,SACnEG,mBAAUT,EAAkBC,QAAlBA,EAAEN,EAAMc,sBAAUR,EAAAA,EAAIP,EAAOe,kBAAU,IAAAT,GAAAA,EACjDU,UAAWC,EAAqBT,GAChCU,YAAaC,EAAuBX,GACpCC,WAAAA,EACAW,UAASC,EAAA,GAAKC,EAAyBC,GAAAA,OAAMd,EAAU,OAE3D,EAAG,CAACR,EAAMa,MAAOb,EAAMW,QAASX,EAAMO,QAASP,EAAMU,QAASV,EAAMc,WAAYf,EAAOY,QAASZ,EAAOQ,QAASR,EAAOW,QAASX,EAAOe,YACzI,CAaM,SAAUS,EACdV,EACAW,EACAV,EACAW,EACAC,GAEA,IAAMC,EAAkBF,QAAAA,EAAe,GAGjCG,EAAW3B,EAAQ,WACvB,IAAM4B,EAAM,IAAIC,IAOhB,OANAjB,EAAMkB,QAAQ,SAACC,EAAKC,GAClB,IAAMC,EAAKV,EAASQ,EAAKC,GACrBC,SACFL,EAAIM,IAAID,EAAIF,EAEhB,GACOH,CACT,EAAG,CAAChB,EAAOW,IAELY,EAAYnC,EAAQ,WAAA,OAAMoC,MAAMC,KAAKV,EAASW,SAAS,CAACX,IAExDY,EAAgBJ,EAAUK,OAAS,GAAKL,EAAUM,MAAM,SAACR,GAAE,OAAKP,EAAgBgB,SAAST,KACzFU,EAAiBjB,EAAgBc,OAAS,IAAMD,EAiBtD,MAAO,CACLf,YAAaE,EACba,cAAAA,EACAI,eAAAA,EACAC,gBAnBsB,WACjB/B,GAAeY,GAElBA,EADEc,EACgB,GAEAJ,EAErB,EAaCU,gBAXsB,SAACC,GACvB,GAAKjC,GAAeY,EAApB,CACA,IAAMsB,EAAcrB,EAAgBgB,SAASI,GAASpB,EAAgBsB,OAAO,SAACf,GAAE,OAAKA,IAAOa,IAAM,GAAAzB,OAAA4B,EAAOvB,GAAe,CAAEoB,IAC1HrB,EAAkBsB,EAFqB,CAGxC,EASH"}

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

@@ -0,0 +1,2 @@
+import{objectSpread2 as e,asyncToGenerator as l,regenerator as n,slicedToArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useCallback as i,useRef as o,useState as c,useLayoutEffect as d,useMemo as s}from"react";import{TableContainer as u,Table as g,TableHead as h,TableRow as v,TableCell as m,Checkbox as f,TableBody as p,Box as b,Typography as S}from"@mui/material";import{useMergedConfig as x,useListSelection as C}from"./hooks.js";import{ViewListStyled as N,viewListClasses as H}from"./styled.js";import{LIST_HEADER_HEIGHT as y,resolveListSpacerHeight as w,mapSxTableCell as k}from"./helpers.js";function T(e,l,n){var a=l[e.field],r=e.valueGetter?e.valueGetter(a,l,n):a,i={value:r,row:l,index:n,field:e.field};if(e.renderCell)return e.renderCell(i);var o=String(null!=r?r:"");return t(S,{variant:"body2",noWrap:!0,title:o,children:o})}function I(l){var n=function(e){return function(l){var n=x(e,l),a=n.columns.reduce(function(e,l){return e+(l.flex&&l.flex>0?l.flex:0)},0),i=l.onSelectionChange,o=C(l.value,e.getterId,n.selectable,l.selectedIds,i),c=o.selectedIds,d=o.isAllSelected,s=o.isSomeSelected,S=o.handleToggleAll,y=o.handleToggleRow;return t(N,{className:H.root,style:n.rootStyle,children:t(u,{className:H.scrollContainer,onScroll:function(e){var n,a=e.currentTarget;a.scrollHeight-a.scrollTop-a.clientHeight<=80&&(null===(n=l.onNearEnd)||void 0===n||n.call(l))},children:r(g,{size:"small",className:H.table,children:[t(h,{className:H.tableHeader,children:r(v,{children:[n.selectable&&t(m,{padding:"checkbox",className:H.tableHeaderCell,sx:{width:48},children:t(f,{checked:d,indeterminate:s,onChange:S})}),n.columns.map(function(e){var l;return t(m,{className:H.tableHeaderCell,align:e.align,sx:k(e,a),children:null!==(l=e.label)&&void 0!==l?l:String(e.field)},String(e.field))})]})}),t(p,{children:l.value.map(function(l,i){var o,d=null!==(o=e.getterId(l,i))&&void 0!==o?o:i,s=c.includes(d),u=n.rowHeight,g=n.cellPadding;return r(v,{hover:!0,sx:{height:u},selected:s,children:[n.selectable&&t(m,{padding:"checkbox",className:H.tableBodyCell,sx:{height:u,padding:g},children:t(f,{checked:s,onChange:function(){return y(d)}})}),n.columns.map(function(e){return t(m,{className:H.tableBodyCell,align:e.align,sx:k(e,a,{height:u,padding:g}),children:t(b,{className:H.tableCellContent,children:T(e,l,i)})},"".concat(String(d),"-").concat(String(e.field)))})]},d)})})]})})})}}(l),i=function(e){return function(l){var n,i,S=x(e,l),I=S.columns.reduce(function(e,l){return e+(l.flex&&l.flex>0?l.flex:0)},0),M=l.onSelectionChange,j=C(l.value,e.getterId,S.selectable,l.selectedIds,M),z=j.selectedIds,B=j.isAllSelected,A=j.isSomeSelected,P=j.handleToggleAll,R=j.handleToggleRow,E=o(null),G=o(null),_=c(0),O=a(_,2),W=O[0],q=O[1],D=c(0),F=a(D,2),J=F[0],K=F[1],L=c(y),Q=a(L,2),U=Q[0],V=Q[1],X=Math.max(1,null!==(n=null!==(i=l.overscan)&&void 0!==i?i:e.overscan)&&void 0!==n?n:6);d(function(){if(E.current){var e=function(){var e,l,n=null!==(e=null===(l=E.current)||void 0===l?void 0:l.clientHeight)&&void 0!==e?e:0;q(function(e){return e===n?e:n})};e();var l=new ResizeObserver(function(){return e()});return l.observe(E.current),function(){return l.disconnect()}}},[]),d(function(){var e,l,n=null!==(e=null===(l=G.current)||void 0===l?void 0:l.offsetHeight)&&void 0!==e?e:0;n>0&&n!==U&&V(n)},[S.columns.length,U]);var Y=s(function(){var e=l.value.length;if(0===e)return{start:0,end:-1,topSpacerHeight:0,bottomSpacerHeight:0};var n=S.rowHeight,a=S.rowSpacing,t=n+a,r=J,i=Math.max(1,W-U),o=Math.max(0,r-U),c=Math.max(0,Math.floor(o/t)-X),d=Math.ceil(i/t),s=Math.min(e-1,c+d+2*X);return{start:c,end:s,topSpacerHeight:w(c,n,a),bottomSpacerHeight:w(e-s-1,n,a)}},[l.value.length,U,X,S,J,W]),Z=Y.end>=Y.start?l.value.slice(Y.start,Y.end+1):[],$=[H.root,H.virtualized].filter(Boolean).join(" ");return t(N,{className:$,style:S.rootStyle,children:t(u,{ref:E,className:H.scrollContainer,onScroll:function(e){var n,a=e.currentTarget;K(a.scrollTop),a.scrollHeight-a.scrollTop-a.clientHeight<=80&&(null===(n=l.onNearEnd)||void 0===n||n.call(l))},children:r(g,{size:"small",className:H.table,children:[t(h,{className:H.tableHeader,children:r(v,{ref:G,children:[S.selectable&&t(m,{padding:"checkbox",className:H.tableHeaderCell,sx:{width:48},children:t(f,{checked:B,indeterminate:A,onChange:P})}),S.columns.map(function(e){var l;return t(m,{className:H.tableHeaderCell,align:e.align,sx:k(e,I),children:null!==(l=e.label)&&void 0!==l?l:String(e.field)},String(e.field))})]})}),r(p,{children:[Y.topSpacerHeight>0?t(v,{className:H.tableSpacerRow,children:t(m,{colSpan:S.columns.length+(S.selectable?1:0),className:H.tableSpacerCell,sx:{height:Y.topSpacerHeight,padding:0,border:0}})}):null,Z.map(function(l,n){var a,i=Y.start+n,o=null!==(a=e.getterId(l,i))&&void 0!==a?a:i,c=z.includes(o),d=S.rowHeight,s=S.cellPadding;return r(v,{hover:!0,sx:{height:d},selected:c,children:[S.selectable&&t(m,{padding:"checkbox",className:H.tableBodyCell,sx:{height:d,padding:s},children:t(f,{checked:c,onChange:function(){return R(o)}})}),S.columns.map(function(e){return t(m,{className:H.tableBodyCell,align:e.align,sx:k(e,I,{height:d,padding:s}),children:t(b,{className:H.tableCellContent,children:T(e,l,i)})},"".concat(String(o),"-").concat(String(e.field)))})]},o)}),Y.bottomSpacerHeight>0?t(v,{className:H.tableSpacerRow,children:t(m,{colSpan:S.columns.length+(S.selectable?1:0),className:H.tableSpacerCell,sx:{height:Y.bottomSpacerHeight,padding:0,border:0}})}):null]})]})})})}}(l);return function(a){var r,o,c=null!==(r=null!==(o=a.renderStrategy)&&void 0!==o?o:l.renderStrategy)&&void 0!==r?r:"normal";return t("virtualized"===c?i:n,e({},a))}}function M(e){return function(a){var r,o,c,d=i(l(n().m(function e(){var l,t,r,i,o,c,d,s,u;return n().w(function(e){for(;;)switch(e.n){case 0:if("infiniteScroll"===a.loadMode){e.n=1;break}return e.a(2);case 1:if(null!==(l=a.pagination)&&void 0!==l&&l.hasNext){e.n=2;break}return e.a(2);case 2:if(!a.loading){e.n=3;break}return e.a(2);case 3:return d=null!==(t=null===(r=a.pagination)||void 0===r?void 0:r.page)&&void 0!==t?t:0,s=null!==(i=null===(o=a.pagination)||void 0===o?void 0:o.pageSize)&&void 0!==i?i:20,u=d+1,e.n=4,null===(c=a.onPageChange)||void 0===c?void 0:c.call(a,u,s);case 4:return e.a(2)}},e)})),[a.loadMode,null===(r=a.pagination)||void 0===r?void 0:r.hasNext,null===(o=a.pagination)||void 0===o?void 0:o.page,null===(c=a.pagination)||void 0===c?void 0:c.pageSize,a.loading,a.onPageChange]);return t(e,{value:a.value,columns:a.columns,density:a.density,spacing:a.spacing,renderStrategy:a.renderStrategy,overscan:a.overscan,onNearEnd:"infiniteScroll"===a.loadMode?d:void 0,selectable:a.selectable,selectedIds:a.selectedIds,onSelectionChange:a.onSelectionChange})}}export{I as createViewList,M as createViewListLoading,I as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/data-surface/view-list/index.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { Box, Checkbox, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography } from '@mui/material'\r\nimport { useListSelection, useMergedConfig } from './hooks'\r\nimport { ViewListStyled, viewListClasses as classes } from './styled'\r\nimport { LIST_HEADER_HEIGHT, mapSxTableCell, resolveListSpacerHeight } from './helpers'\r\n// types\r\nimport type { TableContainerProps } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport type { LoadingModeRule, TPagination } from '../types'\r\nimport type { IListCellParams, IViewListConfig, IViewListProps, TListColumn } from './types'\r\n\r\nexport * from './types'\r\n\r\n//#region Helpers\r\nfunction renderCellValue<T>(column: TListColumn<T>, row: T, index: number): ReactNode {\r\n  const currentValue = (row as any)[column.field]\r\n  const value = column.valueGetter ? column.valueGetter(currentValue, row, index) : currentValue\r\n  const params: IListCellParams<T> = { value, row, index, field: column.field }\r\n  if (column.renderCell) return column.renderCell(params)\r\n  const valueLabel = String(value ?? '')\r\n  return (\r\n    <Typography variant='body2' noWrap title={valueLabel}>\r\n      {valueLabel}\r\n    </Typography>\r\n  )\r\n}\r\n\r\n//#endregion\r\n//#region Normal List\r\nfunction createViewListNormal<T>(config: IViewListConfig<T>) {\r\n  const ViewListNormal: FC<IViewListProps<T>> = (props) => {\r\n    const mergedConfig = useMergedConfig(config, props)\r\n    const totalFlex = mergedConfig.columns.reduce((sum, col) => sum + (col.flex && col.flex > 0 ? col.flex : 0), 0)\r\n\r\n    const onSelectionChange = props.onSelectionChange\r\n\r\n    const handleScroll: TableContainerProps['onScroll'] = (e) => {\r\n      const t = e.currentTarget\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n        props.onNearEnd?.()\r\n      }\r\n    }\r\n\r\n    // Use selection hook to manage checkbox state and handlers\r\n    const selection = useListSelection(props.value, config.getterId, mergedConfig.selectable, props.selectedIds, onSelectionChange)\r\n    const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n    return (\r\n      <ViewListStyled className={classes.root} style={mergedConfig.rootStyle}>\r\n        <TableContainer className={classes.scrollContainer} onScroll={handleScroll}>\r\n          <Table size='small' className={classes.table}>\r\n            <TableHead className={classes.tableHeader}>\r\n              <TableRow>\r\n                {mergedConfig.selectable && (\r\n                  <TableCell padding='checkbox' className={classes.tableHeaderCell} sx={{ width: 48 }}>\r\n                    <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n                  </TableCell>\r\n                )}\r\n                {mergedConfig.columns.map((col) => (\r\n                  <TableCell key={String(col.field)} className={classes.tableHeaderCell} align={col.align} sx={mapSxTableCell(col, totalFlex)}>\r\n                    {col.label ?? String(col.field)}\r\n                  </TableCell>\r\n                ))}\r\n              </TableRow>\r\n            </TableHead>\r\n            <TableBody>\r\n              {props.value.map((row, index) => {\r\n                const rowKey = config.getterId(row, index) ?? index\r\n                const isSelected = selectedIds.includes(rowKey)\r\n                const { rowHeight, cellPadding } = mergedConfig\r\n                return (\r\n                  <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n                    {mergedConfig.selectable && (\r\n                      <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n                        <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n                      </TableCell>\r\n                    )}\r\n                    {mergedConfig.columns.map((col) => (\r\n                      <TableCell\r\n                        key={`${String(rowKey)}-${String(col.field)}`}\r\n                        className={classes.tableBodyCell}\r\n                        align={col.align}\r\n                        sx={mapSxTableCell(col, totalFlex, { height: rowHeight, padding: cellPadding })}\r\n                      >\r\n                        <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n                      </TableCell>\r\n                    ))}\r\n                  </TableRow>\r\n                )\r\n              })}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </ViewListStyled>\r\n    )\r\n  }\r\n  return ViewListNormal\r\n}\r\n//#endregion\r\n//#region Virtualized List\r\nfunction createViewListVirtualized<T>(config: IViewListConfig<T>) {\r\n  const ViewListVirtualized: FC<IViewListProps<T>> = (props) => {\r\n    const mergedConfig = useMergedConfig(config, props)\r\n    const totalFlex = mergedConfig.columns.reduce((sum, col) => sum + (col.flex && col.flex > 0 ? col.flex : 0), 0)\r\n\r\n    const onSelectionChange = props.onSelectionChange\r\n\r\n    // Use selection hook to manage checkbox state and handlers\r\n    const selection = useListSelection(props.value, config.getterId, mergedConfig.selectable, props.selectedIds, onSelectionChange)\r\n    const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n    const wrapRef = useRef<HTMLDivElement | null>(null)\r\n    const headerRowRef = useRef<HTMLTableRowElement | null>(null)\r\n    const [containerHeight, setContainerHeight] = useState(0)\r\n    const [scrollTopState, setScrollTopState] = useState(0)\r\n    const [headerHeight, setHeaderHeight] = useState(LIST_HEADER_HEIGHT)\r\n\r\n    const overscan = Math.max(1, props.overscan ?? config.overscan ?? 6)\r\n\r\n    const handleScroll: TableContainerProps['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    useLayoutEffect(() => {\r\n      if (!wrapRef.current) return\r\n\r\n      const updateSize = () => {\r\n        const nextHeight = wrapRef.current?.clientHeight ?? 0\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    useLayoutEffect(() => {\r\n      const measured = headerRowRef.current?.offsetHeight ?? 0\r\n      if (measured > 0 && measured !== headerHeight) {\r\n        setHeaderHeight(measured)\r\n      }\r\n    }, [mergedConfig.columns.length, headerHeight])\r\n\r\n    const windowed = useMemo(() => {\r\n      const totalItems = props.value.length\r\n      if (totalItems === 0) {\r\n        return { start: 0, end: -1, topSpacerHeight: 0, bottomSpacerHeight: 0 }\r\n      }\r\n      const { rowHeight, rowSpacing } = mergedConfig\r\n      const rowStride = rowHeight + rowSpacing\r\n      const effectiveScrollTop = scrollTopState\r\n      const safeViewportHeight = Math.max(1, containerHeight - headerHeight)\r\n      const adjustedScrollTop = Math.max(0, effectiveScrollTop - headerHeight)\r\n      const start = Math.max(0, Math.floor(adjustedScrollTop / rowStride) - overscan)\r\n      const visibleCount = Math.ceil(safeViewportHeight / rowStride)\r\n      const end = Math.min(totalItems - 1, start + visibleCount + overscan * 2)\r\n\r\n      const topSpacerHeight = resolveListSpacerHeight(start, rowHeight, rowSpacing)\r\n      const bottomSpacerHeight = resolveListSpacerHeight(totalItems - end - 1, rowHeight, rowSpacing)\r\n\r\n      return { start, end, topSpacerHeight, bottomSpacerHeight }\r\n    }, [props.value.length, headerHeight, overscan, mergedConfig, scrollTopState, containerHeight])\r\n\r\n    const rowsToRender = windowed.end >= windowed.start ? props.value.slice(windowed.start, windowed.end + 1) : []\r\n    const rootClasses = [classes.root, classes.virtualized].filter(Boolean).join(' ')\r\n    return (\r\n      <ViewListStyled className={rootClasses} style={mergedConfig.rootStyle}>\r\n        <TableContainer ref={wrapRef} className={classes.scrollContainer} onScroll={handleScroll}>\r\n          <Table size='small' className={classes.table}>\r\n            <TableHead className={classes.tableHeader}>\r\n              <TableRow ref={headerRowRef}>\r\n                {mergedConfig.selectable && (\r\n                  <TableCell padding='checkbox' className={classes.tableHeaderCell} sx={{ width: 48 }}>\r\n                    <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n                  </TableCell>\r\n                )}\r\n                {mergedConfig.columns.map((col) => (\r\n                  <TableCell key={String(col.field)} className={classes.tableHeaderCell} align={col.align} sx={mapSxTableCell(col, totalFlex)}>\r\n                    {col.label ?? String(col.field)}\r\n                  </TableCell>\r\n                ))}\r\n              </TableRow>\r\n            </TableHead>\r\n            <TableBody>\r\n              {windowed.topSpacerHeight > 0 ? (\r\n                <TableRow className={classes.tableSpacerRow}>\r\n                  <TableCell\r\n                    colSpan={mergedConfig.columns.length + (mergedConfig.selectable ? 1 : 0)}\r\n                    className={classes.tableSpacerCell}\r\n                    sx={{ height: windowed.topSpacerHeight, padding: 0, border: 0 }}\r\n                  />\r\n                </TableRow>\r\n              ) : null}\r\n\r\n              {rowsToRender.map((row, offset) => {\r\n                const index = windowed.start + offset\r\n                const rowKey = config.getterId(row, index) ?? index\r\n                const isSelected = selectedIds.includes(rowKey)\r\n                const { rowHeight, cellPadding } = mergedConfig\r\n                return (\r\n                  <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n                    {mergedConfig.selectable && (\r\n                      <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n                        <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n                      </TableCell>\r\n                    )}\r\n                    {mergedConfig.columns.map((col) => (\r\n                      <TableCell\r\n                        key={`${String(rowKey)}-${String(col.field)}`}\r\n                        className={classes.tableBodyCell}\r\n                        align={col.align}\r\n                        sx={mapSxTableCell(col, totalFlex, { height: rowHeight, padding: cellPadding })}\r\n                      >\r\n                        <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n                      </TableCell>\r\n                    ))}\r\n                  </TableRow>\r\n                )\r\n              })}\r\n\r\n              {windowed.bottomSpacerHeight > 0 ? (\r\n                <TableRow className={classes.tableSpacerRow}>\r\n                  <TableCell\r\n                    colSpan={mergedConfig.columns.length + (mergedConfig.selectable ? 1 : 0)}\r\n                    className={classes.tableSpacerCell}\r\n                    sx={{ height: windowed.bottomSpacerHeight, padding: 0, border: 0 }}\r\n                  />\r\n                </TableRow>\r\n              ) : null}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </ViewListStyled>\r\n    )\r\n  }\r\n  return ViewListVirtualized\r\n}\r\n//#endregion\r\n//#region Main\r\nexport function createViewList<T>(config: IViewListConfig<T>) {\r\n  const ViewListNormal = createViewListNormal<T>(config)\r\n  const ViewListVirtualized = createViewListVirtualized<T>(config)\r\n\r\n  const ViewList: FC<IViewListProps<T>> = (props) => {\r\n    const renderStrategy = props.renderStrategy ?? config.renderStrategy ?? 'normal'\r\n    if (renderStrategy === 'virtualized') {\r\n      return <ViewListVirtualized {...props} />\r\n    }\r\n    return <ViewListNormal {...props} />\r\n  }\r\n  return ViewList\r\n}\r\n\r\nexport interface IViewListLoadingProps<T> extends IViewListProps<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 createViewListLoading<T>(ListComponent: ComponentType<IViewListProps<T>>) {\r\n  const ViewListLoading: FC<IViewListLoadingProps<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      <ListComponent\r\n        value={props.value}\r\n        columns={props.columns}\r\n        density={props.density}\r\n        spacing={props.spacing}\r\n        renderStrategy={props.renderStrategy}\r\n        overscan={props.overscan}\r\n        onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\r\n        selectable={props.selectable}\r\n        selectedIds={props.selectedIds}\r\n        onSelectionChange={props.onSelectionChange}\r\n      />\r\n    )\r\n  }\r\n\r\n  return ViewListLoading\r\n}\r\n\r\nexport default createViewList\r\n//#endregion\r\n"],"names":["renderCellValue","column","row","index","currentValue","field","value","valueGetter","params","renderCell","valueLabel","String","_jsx","Typography","variant","noWrap","title","createViewList","config","ViewListNormal","props","mergedConfig","useMergedConfig","totalFlex","columns","reduce","sum","col","flex","onSelectionChange","selection","useListSelection","getterId","selectable","selectedIds","isAllSelected","isSomeSelected","handleToggleAll","handleToggleRow","ViewListStyled","className","classes","root","style","rootStyle","children","TableContainer","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollHeight","scrollTop","clientHeight","onNearEnd","call","_jsxs","Table","size","table","TableHead","tableHeader","TableRow","TableCell","padding","tableHeaderCell","sx","width","Checkbox","checked","indeterminate","onChange","map","_col$label","align","mapSxTableCell","label","TableBody","_config$getterId","rowKey","isSelected","includes","rowHeight","cellPadding","hover","height","selected","tableBodyCell","Box","tableCellContent","concat","createViewListNormal","ViewListVirtualized","_ref","_props$overscan","wrapRef","useRef","headerRowRef","_useState","useState","_useState2","_slicedToArray","containerHeight","setContainerHeight","_useState3","_useState4","scrollTopState","setScrollTopState","_useState5","LIST_HEADER_HEIGHT","_useState6","headerHeight","setHeaderHeight","overscan","Math","max","useLayoutEffect","current","updateSize","_wrapRef$current$clie","_wrapRef$current","nextHeight","prev","observer","ResizeObserver","observe","disconnect","_headerRowRef$current","_headerRowRef$current2","measured","offsetHeight","length","windowed","useMemo","totalItems","start","end","topSpacerHeight","bottomSpacerHeight","rowSpacing","rowStride","effectiveScrollTop","safeViewportHeight","adjustedScrollTop","floor","visibleCount","ceil","min","resolveListSpacerHeight","rowsToRender","slice","rootClasses","virtualized","filter","Boolean","join","ref","_props$onNearEnd2","_col$label2","tableSpacerRow","colSpan","tableSpacerCell","border","offset","_config$getterId2","createViewListVirtualized","_ref2","_props$renderStrategy","renderStrategy","_objectSpread","createViewListLoading","ListComponent","_props$pagination4","_props$pagination5","_props$pagination6","handleNearEnd","useCallback","_asyncToGenerator","_regenerator","m","_callee","_props$pagination","_props$pagination$pag","_props$pagination2","_props$pagination$pag2","_props$pagination3","_props$onPageChange","currentPage","currentPageSize","nextPage","w","_context","n","loadMode","a","pagination","hasNext","loading","page","pageSize","onPageChange","density","spacing","undefined"],"mappings":"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"}

package/dist/src/data-surface/view-list/styled.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{styled as t,Box as o,alpha as a}from"@mui/material";var i="--DinoViewList-rowSpacing",r={root:"DinoViewList-root",virtualized:"DinoViewList-virtualized",scrollContainer:"DinoViewList-scrollContainer",table:"DinoViewList-table",tableHeader:"DinoViewList-tableHeader",tableHeaderCell:"DinoViewList-tableHeaderCell",tableBodyCell:"DinoViewList-tableBodyCell",tableSpacerRow:"DinoViewList-tableSpacerRow",tableSpacerCell:"DinoViewList-tableSpacerCell",tableCellContent:"DinoViewList-tableCellContent"},l=r,n=t(o)(function(t){var o=t.theme,r=o.palette.mode,n=a(o.palette.common.black,"dark"===r?.24:.08),c="dark"===r?o.palette.grey[800]:o.palette.grey[50];return e(e(e(e(e(e(e(e({},"&.".concat(l.root),{position:"relative",width:"100%",height:"100%",overflow:"hidden"}),".".concat(l.scrollContainer),{position:"absolute",inset:0,overflowY:"auto",padding:o.spacing(0,.5),margin:o.spacing(0,-.5),"&::-webkit-scrollbar":{width:8,height:8},"&::-webkit-scrollbar-thumb":{backgroundColor:o.palette.grey[300],borderRadius:4},"&::-webkit-scrollbar-thumb:hover":{backgroundColor:o.palette.grey[500]}}),".".concat(l.table),{tableLayout:"auto",width:"100%",borderCollapse:"separate",borderSpacing:"0 var(".concat(i,", ").concat(o.spacing(.5),")"),marginTop:"calc(var(".concat(i,", ").concat(o.spacing(.5),") * -1)")}),".".concat(l.tableHeader),{position:"sticky",top:0,zIndex:2,backgroundColor:c}),".".concat(l.tableHeaderCell),{fontWeight:500,paddingTop:o.spacing(1.5),paddingBottom:o.spacing(1.5),overflow:"hidden",borderBottom:"unset"}),".".concat(l.tableBodyCell),{overflow:"hidden",borderTop:"0.5px dashed ".concat(n),borderBottom:"0.5px dashed ".concat(n),"&:first-of-type":{borderLeft:"0.5px dashed ".concat(n),borderRadius:o.spacing(.5,0,0,.5)},"&:last-of-type":{borderRight:"0.5px dashed ".concat(n),borderRadius:o.spacing(0,.5,.5,0)}}),".".concat(l.tableCellContent),{minWidth:0,width:"100%"}),"&.".concat(l.virtualized),{boxSizing:"border-box"})});export{i as VIEW_LIST_ROW_SPACING_VAR,n as ViewListStyled,r as viewListClasses};
+//# sourceMappingURL=styled.js.map

package/dist/src/data-surface/view-list/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/data-surface/view-list/styled.tsx"],"sourcesContent":["import { alpha, Box, styled } from '@mui/material'\r\n\r\nexport const VIEW_LIST_ROW_SPACING_VAR = '--DinoViewList-rowSpacing'\r\n\r\nexport const viewListClasses = {\r\n  root: 'DinoViewList-root',\r\n  virtualized: 'DinoViewList-virtualized',\r\n  scrollContainer: 'DinoViewList-scrollContainer',\r\n  table: 'DinoViewList-table',\r\n  tableHeader: 'DinoViewList-tableHeader',\r\n  tableHeaderCell: 'DinoViewList-tableHeaderCell',\r\n  tableBodyCell: 'DinoViewList-tableBodyCell',\r\n  tableSpacerRow: 'DinoViewList-tableSpacerRow',\r\n  tableSpacerCell: 'DinoViewList-tableSpacerCell',\r\n  tableCellContent: 'DinoViewList-tableCellContent'\r\n}\r\nconst classes = viewListClasses\r\n\r\nexport const ViewListStyled = styled(Box)(({ theme }) => {\r\n  const mode = theme.palette.mode\r\n  const borderColor = alpha(theme.palette.common.black, mode === 'dark' ? 0.24 : 0.08)\r\n  const bgHeader = mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[50]\r\n\r\n  return {\r\n    [`&.${classes.root}`]: {\r\n      position: 'relative',\r\n      width: '100%',\r\n      height: '100%',\r\n      overflow: 'hidden'\r\n    },\r\n    [`.${classes.scrollContainer}`]: {\r\n      position: 'absolute',\r\n      inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n      overflowY: 'auto',\r\n      padding: theme.spacing(0, 0.5),\r\n      margin: theme.spacing(0, -0.5),\r\n      // Scrollbar styling\r\n      '&::-webkit-scrollbar': { width: 8, height: 8 },\r\n      '&::-webkit-scrollbar-thumb': { backgroundColor: theme.palette.grey[300], borderRadius: 4 },\r\n      '&::-webkit-scrollbar-thumb:hover': { backgroundColor: theme.palette.grey[500] }\r\n    },\r\n    [`.${classes.table}`]: {\r\n      tableLayout: 'auto',\r\n      width: '100%',\r\n      borderCollapse: 'separate',\r\n      borderSpacing: `0 var(${VIEW_LIST_ROW_SPACING_VAR}, ${theme.spacing(0.5)})`,\r\n      marginTop: `calc(var(${VIEW_LIST_ROW_SPACING_VAR}, ${theme.spacing(0.5)}) * -1)`\r\n    },\r\n    [`.${classes.tableHeader}`]: {\r\n      position: 'sticky',\r\n      top: 0,\r\n      zIndex: 2,\r\n      backgroundColor: bgHeader\r\n    },\r\n    [`.${classes.tableHeaderCell}`]: {\r\n      fontWeight: 500,\r\n      paddingTop: theme.spacing(1.5),\r\n      paddingBottom: theme.spacing(1.5),\r\n      overflow: 'hidden',\r\n      borderBottom: 'unset'\r\n      // borderTop: `1px dashed ${borderColor}`,\r\n      // borderBottom: `1px dashed ${borderColor}`,\r\n      // '&:first-of-type': { borderLeft: `1px dashed ${borderColor}` },\r\n      // '&:last-of-type': { borderRight: `1px dashed ${borderColor}` }\r\n    },\r\n    [`.${classes.tableBodyCell}`]: {\r\n      overflow: 'hidden',\r\n      borderTop: `0.5px dashed ${borderColor}`,\r\n      borderBottom: `0.5px dashed ${borderColor}`,\r\n      '&:first-of-type': {\r\n        borderLeft: `0.5px dashed ${borderColor}`,\r\n        borderRadius: theme.spacing(0.5, 0, 0, 0.5)\r\n      },\r\n      '&:last-of-type': {\r\n        borderRight: `0.5px dashed ${borderColor}`,\r\n        borderRadius: theme.spacing(0, 0.5, 0.5, 0)\r\n      }\r\n    },\r\n    [`.${classes.tableCellContent}`]: {\r\n      minWidth: 0, // Allow shrinking below content size\r\n      width: '100%' // Fill parent TableCell\r\n    },\r\n    // Virtualized styles\r\n    [`&.${classes.virtualized}`]: {\r\n      boxSizing: 'border-box'\r\n    }\r\n  }\r\n})\r\n"],"names":["VIEW_LIST_ROW_SPACING_VAR","viewListClasses","root","virtualized","scrollContainer","table","tableHeader","tableHeaderCell","tableBodyCell","tableSpacerRow","tableSpacerCell","tableCellContent","classes","ViewListStyled","styled","Box","_ref","theme","mode","palette","borderColor","alpha","common","black","bgHeader","grey","_defineProperty","concat","position","width","height","overflow","inset","overflowY","padding","spacing","margin","backgroundColor","borderRadius","tableLayout","borderCollapse","borderSpacing","marginTop","top","zIndex","fontWeight","paddingTop","paddingBottom","borderBottom","borderTop","borderLeft","borderRight","minWidth","boxSizing"],"mappings":"2IAEO,IAAMA,EAA4B,4BAE5BC,EAAkB,CAC7BC,KAAM,oBACNC,YAAa,2BACbC,gBAAiB,+BACjBC,MAAO,qBACPC,YAAa,2BACbC,gBAAiB,+BACjBC,cAAe,6BACfC,eAAgB,8BAChBC,gBAAiB,+BACjBC,iBAAkB,iCAEdC,EAAUX,EAEHY,EAAiBC,EAAOC,EAAPD,CAAY,SAAAE,GAAc,IAAXC,EAAKD,EAALC,MACrCC,EAAOD,EAAME,QAAQD,KACrBE,EAAcC,EAAMJ,EAAME,QAAQG,OAAOC,MAAgB,SAATL,EAAkB,IAAO,KACzEM,EAAoB,SAATN,EAAkBD,EAAME,QAAQM,KAAK,KAAOR,EAAME,QAAQM,KAAK,IAEhF,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAAA,KAAAC,OACQf,EAAQV,MAAS,CACrB0B,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,SAAU,eACXJ,OACIf,EAAQR,iBAAoB,CAC/BwB,SAAU,WACVI,MAAO,EACPC,UAAW,OACXC,QAASjB,EAAMkB,QAAQ,EAAG,IAC1BC,OAAQnB,EAAMkB,QAAQ,GAAG,IAEzB,uBAAwB,CAAEN,MAAO,EAAGC,OAAQ,GAC5C,6BAA8B,CAAEO,gBAAiBpB,EAAME,QAAQM,KAAK,KAAMa,aAAc,GACxF,mCAAoC,CAAED,gBAAiBpB,EAAME,QAAQM,KAAK,YAC3EE,OACIf,EAAQP,OAAU,CACrBkC,YAAa,OACbV,MAAO,OACPW,eAAgB,WAChBC,cAAad,SAAAA,OAAW3B,EAAyB2B,MAAAA,OAAKV,EAAMkB,QAAQ,IAAO,KAC3EO,UAASf,YAAAA,OAAc3B,EAAyB2B,MAAAA,OAAKV,EAAMkB,QAAQ,IAAI,iBACxER,OACIf,EAAQN,aAAgB,CAC3BsB,SAAU,SACVe,IAAK,EACLC,OAAQ,EACRP,gBAAiBb,QAClBG,OACIf,EAAQL,iBAAoB,CAC/BsC,WAAY,IACZC,WAAY7B,EAAMkB,QAAQ,KAC1BY,cAAe9B,EAAMkB,QAAQ,KAC7BJ,SAAU,SACViB,aAAc,cAKfrB,OACIf,EAAQJ,eAAkB,CAC7BuB,SAAU,SACVkB,UAAStB,gBAAAA,OAAkBP,GAC3B4B,aAAYrB,gBAAAA,OAAkBP,GAC9B,kBAAmB,CACjB8B,WAAUvB,gBAAAA,OAAkBP,GAC5BkB,aAAcrB,EAAMkB,QAAQ,GAAK,EAAG,EAAG,KAEzC,iBAAkB,CAChBgB,YAAWxB,gBAAAA,OAAkBP,GAC7BkB,aAAcrB,EAAMkB,QAAQ,EAAG,GAAK,GAAK,UAE5CR,OACIf,EAAQD,kBAAqB,CAChCyC,SAAU,EACVvB,MAAO,cACRF,OAEKf,EAAQT,aAAgB,CAC5BkD,UAAW,cAGjB"}

package/dist/src/{lab/data-surface/view-list.types.js → data-surface/view-list/types.js}

@@ -1,2 +1,2 @@
 var a={compact:"compact",standard:"standard",comfortable:"comfortable"};export{a as ListDensity};
-//# sourceMappingURL=view-list.types.js.map
+//# sourceMappingURL=types.js.map

package/dist/src/data-surface/view-list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/data-surface/view-list/types.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport type { ReactNode } from 'react'\r\nimport { RenderStrategyRule, TGetterId } from '../types'\r\n\r\n/**\r\n * Props received by the custom render function for each row in List view.\r\n * @template T - The shape of a single data row object.\r\n */\r\nexport interface IViewListItemProps<T> {\r\n  /** The data object for this list row. */\r\n  value: T\r\n  /** Zero-based position of this item in the data array. */\r\n  index: number\r\n  /** Whether this row is currently selected. */\r\n  selected?: boolean\r\n}\r\n\r\n/** Horizontal alignment for list cell content. */\r\nexport type TListAlign = 'left' | 'right' | 'center'\r\n\r\n/**\r\n * Context passed to a column's render callback.\r\n * @template T - The shape of a single data row object.\r\n */\r\nexport interface IListCellParams<T> {\r\n  /** Resolved cell value (after valueGetter if provided). */\r\n  value: any\r\n  /** The full row object. */\r\n  row: T\r\n  /** Zero-based row index. */\r\n  index: number\r\n  /** The column field key this cell belongs to. */\r\n  field: keyof T\r\n}\r\n\r\n/**\r\n * Definition of a single column in List view.\r\n * @template T - The shape of a single data row object.\r\n */\r\nexport interface TListColumn<T> {\r\n  /** Key of the row object this column maps to. */\r\n  field: keyof T\r\n  /** Column header label shown in the header. */\r\n  label?: string\r\n  /** Explicit column width. Accepts px number or CSS string (e.g. '120px', '20%'). */\r\n  width?: number | string\r\n  /** Minimum column width in pixels. */\r\n  minWidth?: number\r\n  /** Maximum column width in pixels. */\r\n  maxWidth?: number\r\n  /** Flex grow ratio used when no explicit width is set. */\r\n  flex?: number\r\n  /** Horizontal alignment of the cell content. */\r\n  align?: TListAlign\r\n  /** Custom cell render function - receives CellParams, returns ReactNode. */\r\n  renderCell?: (params: IListCellParams<T>) => ReactNode\r\n  /** Derives a value from the row before it is passed to the render step. */\r\n  valueGetter?: (value: string, row: T, index: number) => any\r\n}\r\n/** Columns configuration for List view. */\r\nexport type TListColumns<T> = Partial<Record<keyof T, Omit<TListColumn<T>, 'field'>>>\r\n\r\n/**\r\n * Row density preset for List view.\r\n * Controls the row height and cell padding.\r\n */\r\nexport const ListDensity = {\r\n  compact: 'compact',\r\n  standard: 'standard',\r\n  comfortable: 'comfortable'\r\n} as const\r\nexport type ListDensity = keyof typeof ListDensity\r\n\r\n/** Base configuration for List view. */\r\nexport interface IViewListBase<T> {\r\n  /** Custom render function for list rows. If not provided, a default row layout will be used. */\r\n  columns?: TListColumns<T>\r\n  /** Row height preset or an explicit row height in pixels. @default 'standard' */\r\n  density?: number | ListDensity\r\n  /** Spacing between rows in pixels. @default 4 */\r\n  spacing?: number\r\n  /**\r\n   * Controls how the list is rendered into the DOM.\r\n   * - `normal`      — all rows are mounted (suitable for small datasets)\r\n   * - `virtualized` — only visible rows are mounted (optimized for large datasets)\r\n   * @default 'normal'\r\n   */\r\n  renderStrategy?: RenderStrategyRule\r\n  /** Enable row selection with checkboxes. */\r\n  selectable?: boolean\r\n  /** Number of extra rows rendered outside the viewport as a buffer when using virtualized rendering. @default 6 */\r\n  overscan?: number\r\n}\r\n\r\n/** Configuration for List view. */\r\nexport interface IViewListConfig<T> extends IViewListBase<T> {\r\n  /** Function to extract unique row ID from a data item. Required for selection and virtualization. */\r\n  getterId: TGetterId<T>\r\n}\r\n\r\n/** Props for List view component. */\r\nexport interface IViewListProps<T> extends IViewListBase<T> {\r\n  /** The array of data items to display in the list. */\r\n  value: T[]\r\n  /** Called when user scrolls near the bottom of the list. Use this to trigger pagination or infinity load. */\r\n  onNearEnd?: () => void\r\n  /** Array of selected row IDs (controlled). */\r\n  selectedIds?: (string | number)[]\r\n  /** Callback when selection changes. */\r\n  onSelectionChange?: (selectedIds: (string | number)[]) => void\r\n}\r\n"],"names":["ListDensity","compact","standard","comfortable"],"mappings":"AAmEO,IAAMA,EAAc,CACzBC,QAAS,UACTC,SAAU,WACVC,YAAa"}

package/dist/src/data-surface/view-switch-transition.js

@@ -0,0 +1,2 @@
+import{slicedToArray as n}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useRef as t,useState as r,useMemo as l,useEffect as o}from"react";import{DEFAULT_ANIMATION as u,ViewDefault as v,ViewSwitchTransitionStyled as a,viewSwitchTransitionClasses as c,CombinedTransition as d}from"./view-switch-transition.units.js";function s(s){var f=c,w="".concat(f.view," ").concat(f.viewA),m="".concat(f.view," ").concat(f.viewB);return function(c){var g,h,p,A,y,B,C,x,T=t(null),O=t(null),b=t(null),j=r(null!==(g=c.value)&&void 0!==g?g:null==s||null===(h=s.viewA)||void 0===h?void 0:h.value),D=n(j,2),H=D[0],N=D[1],_=r(!0),q=n(_,2),F=q[0],G=q[1],P=t(null),W=t(null),k=l(function(){var n,i;return{viewA:null!==(n=c.viewA)&&void 0!==n?n:null==s?void 0:s.viewA,viewB:null!==(i=c.viewB)&&void 0!==i?i:null==s?void 0:s.viewB}},[c.viewA,c.viewB,null==s?void 0:s.viewA,null==s?void 0:s.viewB]),z=l(function(){var n;return Object.assign({},u,null==s?void 0:s.transitionConfig,null!==(n=c.transitionConfig)&&void 0!==n?n:{})},[null==s?void 0:s.transitionConfig,c.transitionConfig]);o(function(){var n,i;if(c.value!==H){W.current&&(window.clearTimeout(W.current),W.current=null),P.current=null!==(n=c.value)&&void 0!==n?n:null;var e=null===(i=T.current)||void 0===i?void 0:i.offsetHeight;return T.current&&"number"==typeof e&&(T.current.style.height="".concat(e,"px"),T.current.style.transition="height ".concat(z.enter,"ms ").concat(z.ease)),G(!1),W.current=window.setTimeout(function(){var n=P.current;P.current=null,n&&(N(n),requestAnimationFrame(function(){var i,e,t,r,l,o=null!==(e=null!==(t=null===(r=(n===(null===(i=k.viewA)||void 0===i?void 0:i.value)?O:b).current)||void 0===r?void 0:r.offsetHeight)&&void 0!==t?t:null===(l=T.current)||void 0===l?void 0:l.offsetHeight)&&void 0!==e?e:0;G(!0),T.current&&(T.current.style.height="".concat(o,"px"),window.setTimeout(function(){T.current&&(T.current.style.height="")},z.enter))})),W.current=null},z.exit+z.hold),function(){W.current&&(window.clearTimeout(W.current),W.current=null)}}},[z,c.value,H]);var E=l(function(){var n,i;return null!==(n=null===(i=k.viewA)||void 0===i?void 0:i.Content)&&void 0!==n?n:v},[null===(p=k.viewA)||void 0===p?void 0:p.Content]),I=l(function(){var n,i;return null!==(n=null===(i=k.viewB)||void 0===i?void 0:i.Content)&&void 0!==n?n:v},[null===(A=k.viewB)||void 0===A?void 0:A.Content]);return i(a,{className:f.root,children:e("div",{ref:T,className:f.viewWrapper,children:[H===(null===(y=k.viewA)||void 0===y?void 0:y.value)&&i(d,{open:F,timeout:{enter:z.enter,exit:z.exit},mountDelay:z.mountDelay,animationConfig:z,style:{transformOrigin:z.transformOriginGrid},children:i("div",{ref:O,className:w,children:i(E,{value:null===(B=k.viewA)||void 0===B?void 0:B.value})})}),H===(null===(C=k.viewB)||void 0===C?void 0:C.value)&&i(d,{open:F,timeout:{enter:z.enter,exit:z.exit},mountDelay:z.mountDelay,animationConfig:z,style:{transformOrigin:z.transformOriginTable},children:i("div",{ref:b,className:m,children:i(I,{value:null===(x=k.viewB)||void 0===x?void 0:x.value})})})]})})}}export{s as createViewSwitchTransition};
+//# sourceMappingURL=view-switch-transition.js.map