dinocollab-core 2.2.2 → 2.2.4

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

@@ -1 +1 @@
-{"version":3,"file":"button-switch.js","sources":["../../../../src/lab/data-surface/button-switch.tsx"],"sourcesContent":["import React from 'react'\r\nimport type { DataSurfaceViewMode } from './types'\r\nimport Button from '@mui/material/Button'\r\nimport ButtonGroup from '@mui/material/ButtonGroup'\r\nimport ViewListIcon from '@mui/icons-material/ViewList'\r\nimport GridViewIcon from '@mui/icons-material/GridView'\r\n\r\ntype Props = {\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}\r\n\r\nconst sizeMap = {\r\n  sm: 'small',\r\n  md: 'medium'\r\n} as const\r\n\r\nconst ButtonSwitch: React.FC<Props> = ({ value = 'list', onChange, size = 'md', className, onlyIcon = false }) => {\r\n  const muiSize = sizeMap[size] || 'small'\r\n\r\n  const handleClick = (v: DataSurfaceViewMode) => {\r\n    if (v === value) return\r\n    onChange?.(v)\r\n  }\r\n\r\n  return (\r\n    <ButtonGroup className={className} variant='outlined' aria-label='view mode group' size={muiSize}>\r\n      <Button\r\n        aria-pressed={value === 'list'}\r\n        onClick={() => handleClick('list')}\r\n        variant={value === 'list' ? 'contained' : 'outlined'}\r\n        startIcon={!onlyIcon ? <ViewListIcon fontSize={muiSize} /> : undefined}\r\n        size={muiSize}\r\n        sx={{\r\n          minWidth: onlyIcon ? (muiSize === 'small' ? 36 : 44) : undefined,\r\n          px: onlyIcon ? 1 : undefined,\r\n          display: 'inline-flex',\r\n          justifyContent: 'center'\r\n        }}\r\n        {...(onlyIcon ? { 'aria-label': 'List view' } : {})}\r\n      >\r\n        {onlyIcon ? <ViewListIcon fontSize={muiSize} /> : 'List'}\r\n      </Button>\r\n\r\n      <Button\r\n        aria-pressed={value === 'grid'}\r\n        onClick={() => handleClick('grid')}\r\n        variant={value === 'grid' ? 'contained' : 'outlined'}\r\n        startIcon={!onlyIcon ? <GridViewIcon fontSize={muiSize} /> : undefined}\r\n        size={muiSize}\r\n        sx={{\r\n          minWidth: onlyIcon ? (muiSize === 'small' ? 36 : 44) : undefined,\r\n          px: onlyIcon ? 1 : undefined,\r\n          display: 'inline-flex',\r\n          justifyContent: 'center'\r\n        }}\r\n        {...(onlyIcon ? { 'aria-label': 'Grid view' } : {})}\r\n      >\r\n        {onlyIcon ? <GridViewIcon fontSize={muiSize} /> : 'Grid'}\r\n      </Button>\r\n    </ButtonGroup>\r\n  )\r\n}\r\n\r\nexport default ButtonSwitch\r\n"],"names":["sizeMap","sm","md","ButtonSwitch","_ref","_ref$value","value","onChange","_ref$size","size","className","_ref$onlyIcon","onlyIcon","muiSize","handleClick","v","_jsxs","ButtonGroup","variant","children","_jsx","Button","_objectSpread","onClick","startIcon","undefined","ViewListIcon","fontSize","sx","minWidth","px","display","justifyContent","GridViewIcon"],"mappings":"sSAeA,IAAMA,EAAU,CACdC,GAAI,QACJC,GAAI,UAGAC,EAAgC,SAApBC,GAA+F,IAAAC,EAAAD,EAAxEE,MAAAA,OAAQ,IAAHD,EAAG,OAAMA,EAAEE,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAEE,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EACnGE,EAAUb,EAAQS,IAAS,QAE3BK,EAAc,SAACC,GACfA,IAAMT,IACVC,SAAAA,EAAWQ,GACZ,EAED,OACEC,EAACC,EAAW,CAACP,UAAWA,EAAWQ,QAAQ,WAAU,aAAY,kBAAkBT,KAAMI,EACvFM,SAAA,CAAAC,EAACC,EAAMC,EAAAA,EAAA,CAAA,eACmB,SAAVhB,EACdiB,QAAS,WAAF,OAAQT,EAAY,OAAO,EAClCI,QAAmB,SAAVZ,EAAmB,YAAc,WAC1CkB,UAAYZ,OAAiDa,EAAtCL,EAACM,EAAa,CAAAC,SAAUd,IAC/CJ,KAAMI,EACNe,GAAI,CACFC,SAAUjB,EAAwB,UAAZC,EAAsB,GAAK,QAAMY,EACvDK,GAAIlB,EAAW,OAAIa,EACnBM,QAAS,cACTC,eAAgB,WAEbpB,EAAW,CAAE,aAAc,aAAgB,CAAA,GAAE,GAAA,UAEjDA,EAAWQ,EAACM,EAAY,CAACC,SAAUd,IAAc,UAGpDO,EAACC,EAAMC,EAAAA,EAAA,gBACmB,SAAVhB,EACdiB,QAAS,WAAF,OAAQT,EAAY,OAAO,EAClCI,QAAmB,SAAVZ,EAAmB,YAAc,WAC1CkB,UAAYZ,OAAiDa,EAAtCL,EAACa,EAAa,CAAAN,SAAUd,IAC/CJ,KAAMI,EACNe,GAAI,CACFC,SAAUjB,EAAwB,UAAZC,EAAsB,GAAK,QAAMY,EACvDK,GAAIlB,EAAW,OAAIa,EACnBM,QAAS,cACTC,eAAgB,WAEbpB,EAAW,CAAE,aAAc,aAAgB,CAAA,GAAE,GAAA,CAEjDO,SAAAP,EAAWQ,EAACa,EAAY,CAACN,SAAUd,IAAc,YAI1D"}
+{"version":3,"file":"button-switch.js","sources":["../../../../src/lab/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\nimport { QueryParam } from '../../utils'\r\n\r\ntype Props = {\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 = {\r\n  sm: 'small',\r\n  md: 'medium'\r\n} 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\nconst ButtonSwitch: FC<Props> = (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>\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\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\r\nexport default ButtonSwitch\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","map","mode","Tooltip","title","arrow","children","ToggleButton","sx","p","undefined","minWidth","styled","ToggleButtonGroup","flex","color","colors","common","white","backgroundColor","blue","borderColor"],"mappings":"0UAgBA,IAAMA,EAAU,CACdC,GAAI,QACJC,GAAI,UAGAC,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,cAG/EG,EAA0B,SAACC,GAC/B,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,EAAuB,CAAChB,UAAWA,EAAWD,KAAMM,EAASpB,MAAOA,EAAOgC,WAAU,EAAApB,SAAU,SAACqB,EAAGC,GAAC,OAAKX,EAAaW,EAAE,EAAa,aAAA,qBACnIL,EAAaM,IAAI,SAACC,GAAI,OACrBhC,EAACiC,EAAO,CAAkBC,MAAOF,EAAK7B,MAAOgC,OAAK,EAAAC,SAChDpC,EAACqC,GACCzC,MAAOoC,EAAKpC,MACA,aAAAoC,EAAK7B,MACjBO,KAAMM,EACNsB,GAAI,CACFC,EAAG1B,EAAW,WAAQ2B,EACtBC,SAAU5B,EAAwB,UAAZG,EAAsB,GAAK,QAAMwB,GAGxDJ,SAAAvB,EAAWmB,EAAKjC,KAAOiC,EAAK7B,SAVnB6B,EAAKpC,MAapB,IAGP,EAEM+B,EAA0Be,EAAOC,EAAPD,CAA0B,CACxDE,KAAM,WACN,gCAAiC,CAC/B,iBAAkB,CAChBC,MAAOC,EAAOC,OAAOC,MACrBC,gBAAe,uBAAAvB,OAAyBoB,EAAOI,KAAK,KAAO,KAC3DC,YAAW,uBAAAzB,OAAyBoB,EAAOI,KAAK,KAAO,KACvD,oCAAqC,CACnCC,YAAW,uBAAAzB,OAAyBoB,EAAOI,KAAK,KAAI,MAEtD,UAAW,CACTD,gBAAe,uBAAAvB,OAAyBoB,EAAOI,KAAK,KAAI"}

package/dist/src/lab/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/lab/data-surface/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/lab/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":"uIAOgB,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/lab/data-surface/index.create.js

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

@@ -1 +1 @@
-{"version":3,"file":"index.create.js","sources":["../../../../src/lab/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 { createViewGrid, createViewGridLoading } from './view-grid'\r\nimport { createViewList, createViewListLoading } from './view-list'\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 { TPagination, TDataSurfaceState } from './types'\r\nimport type { IViewGridConfig, IViewGridLoadingProps, IViewGridProps } from './view-grid'\r\nimport type { IViewListConfig, IViewListLoadingProps, IViewListProps } from './view-list'\r\n\r\nexport interface IDataSurfaceSlots {}\r\n\r\nexport interface IDataSurfaceProps<T> {\r\n  value?: T[]\r\n  /** Controlled state. When provided, DataSurface becomes fully controlled. */\r\n  state?: TDataSurfaceState\r\n  /** Called on any state change (viewMode, loadMode, page, pageSize). */\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}\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    // uncontrolled internal state (used when props.state is not provided)\r\n    const [internalState, setInternalState] = useState<TDataSurfaceState>({\r\n      viewMode: defaultViewMode,\r\n      loadMode: defaultLoadMode\r\n    })\r\n\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 state: controlled takes priority over internal\r\n    const surfaceState = useMemo<Required<TDataSurfaceState>>(() => {\r\n      const s = props.state ?? internalState\r\n      const resolvedViewMode = s.viewMode ?? defaultViewMode\r\n\r\n      // Determine default renderStrategy based on current viewMode\r\n      let defaultRenderStrategy = config.listConfig?.renderStrategy ?? 'normal'\r\n      if (resolvedViewMode === 'grid') {\r\n        defaultRenderStrategy = config.gridConfig?.renderStrategy ?? 'normal'\r\n      }\r\n\r\n      const resolved = {\r\n        viewMode: resolvedViewMode,\r\n        loadMode: s.loadMode ?? defaultLoadMode,\r\n        renderStrategy: s.renderStrategy ?? defaultRenderStrategy\r\n      }\r\n      return resolved\r\n    }, [props.state, internalState])\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 updateState = useCallback(\r\n    //   (patch: Partial<TDataSurfaceState>) => {\r\n    //     const next = { ...surfaceState, ...patch }\r\n    //     if (!props.state) setInternalState(next)\r\n    //     props.onStateChange?.(next)\r\n    //   },\r\n    //   [surfaceState, props.state, props.onStateChange]\r\n    // )\r\n\r\n    const viewMode = props.viewMode ?? surfaceState.viewMode\r\n    const loadMode = props.loadMode ?? surfaceState.loadMode\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        renderStrategy: surfaceState.renderStrategy,\r\n        virtualizedConfig: config.listConfig?.virtualizedConfig\r\n      }),\r\n      [finalValue, loadMode, props.loading, paginationState, surfaceState.renderStrategy, handleGridPageChange]\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        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          />\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  backgroundColor: theme.palette.background.default,\r\n  minHeight: 0,\r\n  flex: 1\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","viewMode","loadMode","_useState2","_slicedToArray","internalState","_useState3","page","pageSize","_useState4","internalPagination","setInternalPagination","surfaceState","useMemo","_props$state","_s$viewMode","_config$listConfig$re","_config$listConfig","_s$loadMode","_s$renderStrategy","_config$gridConfig$re","_config$gridConfig","s","state","resolvedViewMode","defaultRenderStrategy","renderStrategy","paginationState","_props$pagination","_p$page","_p$pageSize","_p$hasNext","_p$hasPrev","p","pagination","hasNext","hasPrev","total","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","columns","density","virtualizedConfig","listPayloadRef","_paginationState$page6","_paginationState$page7","_paginationState$page8","_props$pagination2","_props$pagination3","ListViewContent","_jsx","GridViewContent","_jsxs","DataSurfaceStyled","sx","children","Box","flex","minHeight","position","PanelLoading","PanelNoData","viewA","Content","viewB","PanelLoadMore","LoadingModeRule","infiniteScroll","PanelInfiniteScrollFooter","currentCount","PanelPaginationFooter","onPrevPage","onNextPage","onPageJump","styled","_ref5","display","flexDirection","width","height","backgroundColor","theme","palette","background"],"mappings":"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"}
+{"version":3,"file":"index.create.js","sources":["../../../../src/lab/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 { createViewGrid, createViewGridLoading } from './view-grid'\r\nimport { createViewList, createViewListLoading, viewListClasses } from './view-list'\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, ReactNode } from 'react'\r\nimport type { TPagination, TDataSurfaceState } from './types'\r\nimport type { IViewGridConfig, IViewGridLoadingProps, IViewGridProps } from './view-grid'\r\nimport type { IViewListConfig, IViewListLoadingProps, IViewListProps } from './view-list'\r\n\r\nexport interface IDataSurfaceSlots {\r\n  footer?: {\r\n    status?: string | ((currentStatus: string) => ReactNode)\r\n    range?: string | ((currentRange: string) => ReactNode)\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        renderStrategy: renderStrategy,\r\n        virtualizedConfig: config.listConfig?.virtualizedConfig,\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","_props$selectable","_config$listConfig5","columns","density","virtualizedConfig","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/lab/data-surface/index.dino.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.dino.js","sources":["../../../../src/lab/data-surface/index.dino.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport createViewGrid from './view-grid'\r\nimport createDataSurface from './index.create'\r\nimport ButtonSwitch from './button-switch'\r\n\r\nexport class DinoDataSurFace {\r\n  createDataSurface = createDataSurface\r\n  createViewGrid = createViewGrid\r\n  createButtonSwitch = () => ButtonSwitch\r\n}\r\n\r\nexport const dinoDataSurface = new DinoDataSurFace()\r\n"],"names":["DinoDataSurFace","_createClass","_classCallCheck","_defineProperty","createDataSurface","createViewGrid","this","ButtonSwitch","dinoDataSurface"],"mappings":"6PAMA,IAAaA,EAAeC,EAAA,SAAAD,IAAAE,OAAAF,GAAAG,2BACNC,GAAiBD,wBACpBE,GAAcF,EACVG,KAAA,qBAAA,WAAA,OAAMC,CAAY,EAAA,GAG5BC,EAAkB,IAAIR"}
+{"version":3,"file":"index.dino.js","sources":["../../../../src/lab/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\n\r\nexport class DinoDataSurFace {\r\n  createDataSurface = createDataSurface\r\n  createViewGrid = createViewGrid\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","ButtonSwitch","this","setViewModeToURL","getViewModeFromURL","setPaginationToURL","getPaginationFromURL","dinoDataSurface"],"mappings":"uXAOA,IAAaA,EAAeC,EAAA,SAAAD,IAAAE,OAAAF,GAAAG,2BACNC,GAAiBD,wBACpBE,GAAcF,sBAChBG,GAAYH,EACNI,KAAA,qBAAA,WAAA,OAAMD,CAAY,GAEvCH,0BACmBK,GAAgBL,4BACdM,GAAkBN,4BAClBO,GAAkBP,8BAChBQ,EAAoB,GAGhCC,EAAkB,IAAIZ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui.units.js","sources":["../../../../src/lab/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 } from '@mui/material'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { BoxProps } from '@mui/material'\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 IPanelInfiniteScrollFooterProps {\r\n  loading?: boolean\r\n  hasNext?: boolean\r\n  currentCount: number\r\n  total?: number\r\n}\r\n\r\nexport const PanelInfiniteScrollFooter: FC<IPanelInfiniteScrollFooterProps> = ({ loading, hasNext, currentCount, total }) => {\r\n  // Status text on the left\r\n  let statusText = ''\r\n  if (loading) {\r\n    statusText = 'Loading more...'\r\n  } else if (hasNext) {\r\n    statusText = 'Scroll for more'\r\n  } else {\r\n    statusText = 'No more items'\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\r\n  return (\r\n    <PanelInfiniteScrollFooterStyled>\r\n      <Typography variant='caption' color='text.secondary'>\r\n        {statusText}\r\n      </Typography>\r\n      <Typography variant='caption' color='text.secondary'>\r\n        {rangeText}\r\n      </Typography>\r\n    </PanelInfiniteScrollFooterStyled>\r\n  )\r\n}\r\n\r\nconst PanelInfiniteScrollFooterStyled = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  padding: theme.spacing(1, 1.5),\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  '.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","_ref3","loading","hasNext","currentCount","total","statusText","rangeText","PanelInfiniteScrollFooterStyled","_ref4","spacing","background","paper","borderTop","lineHeight","PanelPaginationFooter","page","pageSize","onPrevPage","onNextPage","onPageJump","from","to","Math","min","pageCount","ceil","undefined","PanelPaginationFooterStyled","Pagination","count","onChange","_event","value","targetPage","disabled","showFirstButton","showLastButton","siblingCount","boundaryCount","hidePrevButton","hideNextButton","_ref5"],"mappings":"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"}
+{"version":3,"file":"ui.units.js","sources":["../../../../src/lab/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 } from '@mui/material'\r\n// types\r\nimport type { FC, ReactNode } from 'react'\r\nimport type { BoxProps } from '@mui/material'\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?: string | ((currentStatus: string) => ReactNode)\r\n  rangeText?: string | ((currentRange: string) => ReactNode)\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\nexport const PanelInfiniteScrollFooter: FC<IPanelInfiniteScrollFooterProps> = (props) => {\r\n  const { slots, loading, hasNext, currentCount, total } = props\r\n  // Status text on the left\r\n  let statusText = ''\r\n  if (loading) {\r\n    statusText = 'Loading more...'\r\n  } else if (hasNext) {\r\n    statusText = 'Scroll for more'\r\n  } else {\r\n    statusText = 'No more items'\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 finalStatusText = typeof slots?.statusText === 'function' ? slots.statusText(statusText) : (slots?.statusText ?? statusText)\r\n  const finalRangeText = typeof slots?.rangeText === 'function' ? slots.rangeText(rangeText) : (slots?.rangeText ?? rangeText)\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  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$statusText","_slots$rangeText","slots","loading","hasNext","currentCount","total","statusText","rangeText","finalStatusText","finalRangeText","renderText","value","PanelInfiniteScrollFooterStyled","_ref3","_defineProperty","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","_ref5","background","paper"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as e,objectSpread2 as n,asyncToGenerator as i,regenerator as t,slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,jsxs as a}from"react/jsx-runtime";import{styled as l,Box as d,Grid as u}from"@mui/material";import{useCallback as c,useMemo as g,useRef as s,useState as v,useLayoutEffect as p}from"react";import{getMaxGridItemHeight as h,GridItemDefault as m,getGridItemSizes as f,getMaxGridGap as x,resolveGridColumnsFromWidth as z}from"./view-grid.units.js";function I(e){var i=function(e){return function(i){var t=g(function(){var n,t,r;return{gap:x(i.gap,e.gap,8),sizes:f(null!==(n=i.sizes)&&void 0!==n?n:e.sizes),getterId:e.getterId,Component:null!==(t=null!==(r=i.Component)&&void 0!==r?r:e.Component)&&void 0!==t?t:m,gridItemHeight:h(i.gridItemHeight,e.gridItemHeight)}},[i.value,i.gap,i.sizes,i.Component,e]),r=g(function(){return i.value},[i.value]),a=function(e,n){var i=t.Component;return o(i,{value:e,index:n})};return o(w,{className:C.root,children:o("div",{className:C.scrollContainer,onScroll:function(e){var n,t=e.currentTarget;t.scrollHeight-t.scrollTop-t.clientHeight<=80&&(null===(n=i.onNearEnd)||void 0===n||n.call(i))},children:o(u,{container:!0,spacing:"".concat(t.gap,"px"),children:r.map(function(e,i){var r,l=null!==(r=t.getterId(e,i))&&void 0!==r?r:i;return o(u,n(n({className:C.gridItem,item:!0},t.sizes),{},{sx:{height:t.gridItemHeight},children:a(e,i)}),l)})})})})}}(e),t=function(e){return function(n){var i,t,l=g(function(){return n.value},[n.value]),u=g(function(){var i,t,r;return{gap:x(n.gap,e.gap,8),sizes:f(null!==(i=n.sizes)&&void 0!==i?i:e.sizes),getterId:e.getterId,Component:null!==(t=null!==(r=n.Component)&&void 0!==r?r:e.Component)&&void 0!==t?t:m,gridItemHeight:h(n.gridItemHeight,e.gridItemHeight),virtualized:Object.assign({},e.virtualizedConfig,n.virtualizedConfig)}},[n.gap,n.sizes,n.Component,e]),c=u.sizes,I=u.getterId,H=u.virtualized,b=u.gridItemHeight,w=s(null),T=v(0),M=r(T,2),y=M[0],N=M[1],V=v(0),j=r(V,2),G=j[0],D=j[1],R=v(null!==(i=H.scrollTop)&&void 0!==i?i:0),P=r(R,2),k=P[0],E=P[1],Y=h(b),O=Math.max(1,null!==(t=H.overscan)&&void 0!==t?t:4),_=x(u.gap),A=_/2;p(function(){if(w.current){var e=function(){var e,n,i,t,r=null!==(e=null===(n=w.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0,o=null!==(i=null===(t=w.current)||void 0===t?void 0:t.clientHeight)&&void 0!==i?i:0;N(function(e){return e===r?e:r}),D(function(e){return e===o?e:o})};e();var n=new ResizeObserver(function(){e()});return n.observe(w.current),function(){return n.disconnect()}}},[]),p(function(){"number"==typeof H.scrollTop&&E(H.scrollTop)},[H.scrollTop]);var B=z(y,c),W=Y+_,q=g(function(){var e,n,i=l.length;if(0===i)return{startRow:0,endRow:-1,topSpacerHeight:0,bottomSpacerHeight:0,startIndex:0,endIndex:-1};var t=Math.ceil(i/B),r=Math.max(1,null!==(e=null!==(n=H.viewportHeight)&&void 0!==n?n:G)&&void 0!==e?e:1),o="number"==typeof H.scrollTop?H.scrollTop:k,a=Math.max(0,Math.floor(o/W)-O),d=Math.ceil(r/W),u=Math.min(t-1,a+d+2*O),c=a*B,g=Math.min(i-1,(u+1)*B-1);return{startRow:a,endRow:u,topSpacerHeight:a*W,bottomSpacerHeight:Math.max(0,(t-u-1)*W),startIndex:c,endIndex:g}},[B,l.length,O,W,H,k,G]),F=q.endIndex>=q.startIndex?l.slice(q.startIndex,q.endIndex+1):[],J=function(e,n){var i=u.Component;return o(i,{value:e,index:n})},K=[C.gridVirtualized,C.grid].join(" ");return o(S,{className:K,children:a(d,{ref:w,sx:{p:"".concat(A,"px"),overflowY:"auto",height:"100%",boxSizing:"border-box"},onScroll:function(e){var i,t=e.currentTarget;"number"!=typeof H.scrollTop&&E(t.scrollTop),t.scrollHeight-t.scrollTop-t.clientHeight<=80&&(null===(i=n.onNearEnd)||void 0===i||i.call(n))},children:[q.topSpacerHeight>0?o(d,{sx:{height:q.topSpacerHeight}}):null,o(d,{sx:{display:"grid",gap:"".concat(_,"px"),gridTemplateColumns:"repeat(".concat(B,", minmax(0, 1fr))")},children:F.map(function(e,n){var i,t=q.startIndex+n,r=null!==(i=I(e,t))&&void 0!==i?i:t;return o(d,{sx:{minHeight:Y,height:Y},children:J(e,t)},r)})}),q.bottomSpacerHeight>0?o(d,{sx:{height:q.bottomSpacerHeight}}):null]})})}}(e);return function(r){var a,l,d=null!==(a=null!==(l=r.renderStrategy)&&void 0!==l?l:e.renderStrategy)&&void 0!==a?a:"normal";return o("virtualized"===d?t:i,n({},r))}}function H(e){return function(n){var r,a,l,d=c(i(t().m(function e(){var i,r,o,a,l,d,u,c,g;return t().w(function(e){for(;;)switch(e.n){case 0:if("infiniteScroll"===n.loadMode){e.n=1;break}return e.a(2);case 1:if(null!==(i=n.pagination)&&void 0!==i&&i.hasNext){e.n=2;break}return e.a(2);case 2:if(!n.loading){e.n=3;break}return e.a(2);case 3:return u=null!==(r=null===(o=n.pagination)||void 0===o?void 0:o.page)&&void 0!==r?r:0,c=null!==(a=null===(l=n.pagination)||void 0===l?void 0:l.pageSize)&&void 0!==a?a:20,g=u+1,e.n=4,null===(d=n.onPageChange)||void 0===d?void 0:d.call(n,g,c);case 4:return e.a(2)}},e)})),[n.loadMode,null===(r=n.pagination)||void 0===r?void 0:r.hasNext,null===(a=n.pagination)||void 0===a?void 0:a.page,null===(l=n.pagination)||void 0===l?void 0:l.pageSize,n.loading,n.onPageChange]);return o(e,{value:n.value,gap:n.gap,sizes:n.sizes,gridItemHeight:n.gridItemHeight,renderStrategy:n.renderStrategy,Component:n.Component,virtualizedConfig:n.virtualizedConfig,onNearEnd:"infiniteScroll"===n.loadMode?d:void 0})}}var b={root:"DinoViewGrid-root",scrollContainer:"DinoViewGrid-scrollContainer",grid:"DinoViewGrid-grid",gridVirtualized:"DinoViewGrid-gridVirtualized",gridItem:"DinoViewGrid-item"},C=b,w=l(d)(function(n){var i=n.theme;return e({position:"relative",width:"100%",height:"100%",overflow:"hidden"},"& .".concat(C.scrollContainer),{position:"absolute",top:0,left:0,right:0,bottom:0,overflowY:"auto",padding:i.spacing(1)})}),S=l(d)(function(n){var i=n.theme;return e({position:"relative",width:"100%",height:"100%",overflow:"hidden",boxSizing:"border-box","& > div":{height:"100%"}},"& .".concat(C.scrollContainer),{position:"absolute",top:0,left:0,right:0,bottom:0,overflowY:"auto",padding:i.spacing(1)})});export{I as createViewGrid,H as createViewGridLoading,I as default,b as viewGridClasses};
+import{defineProperty as e,objectSpread2 as n,asyncToGenerator as i,regenerator as t,slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,jsxs as a}from"react/jsx-runtime";import{styled as l,Box as d,Grid as u}from"@mui/material";import{useCallback as c,useMemo as g,useRef as s,useState as v,useLayoutEffect as p}from"react";import{getMaxGridItemHeight as h,GridItemDefault as m,getGridItemSizes as f,getMaxGridGap as x,resolveGridColumnsFromWidth as z}from"./view-grid.units.js";function I(e){var i=function(e){return function(i){var t=g(function(){var n,t,r;return{gap:x(i.gap,e.gap),sizes:f(null!==(n=i.sizes)&&void 0!==n?n:e.sizes),getterId:e.getterId,Component:null!==(t=null!==(r=i.Component)&&void 0!==r?r:e.Component)&&void 0!==t?t:m,gridItemHeight:h(i.gridItemHeight,e.gridItemHeight)}},[i.value,i.gap,i.sizes,i.Component,e]),r=g(function(){return i.value},[i.value]),a=function(e,n){var i=t.Component;return o(i,{value:e,index:n})};return o(w,{className:C.root,children:o("div",{className:C.scrollContainer,onScroll:function(e){var n,t=e.currentTarget;t.scrollHeight-t.scrollTop-t.clientHeight<=80&&(null===(n=i.onNearEnd)||void 0===n||n.call(i))},children:o(u,{container:!0,spacing:"".concat(t.gap,"px"),children:r.map(function(e,i){var r,l=null!==(r=t.getterId(e,i))&&void 0!==r?r:i;return o(u,n(n({className:C.gridItem,item:!0},t.sizes),{},{sx:{height:t.gridItemHeight},children:a(e,i)}),l)})})})})}}(e),t=function(e){return function(n){var i,t,l=g(function(){return n.value},[n.value]),u=g(function(){var i,t,r;return{gap:x(n.gap,e.gap,8),sizes:f(null!==(i=n.sizes)&&void 0!==i?i:e.sizes),getterId:e.getterId,Component:null!==(t=null!==(r=n.Component)&&void 0!==r?r:e.Component)&&void 0!==t?t:m,gridItemHeight:h(n.gridItemHeight,e.gridItemHeight),virtualized:Object.assign({},e.virtualizedConfig,n.virtualizedConfig)}},[n.gap,n.sizes,n.Component,e]),c=u.sizes,I=u.getterId,H=u.virtualized,b=u.gridItemHeight,w=s(null),T=v(0),M=r(T,2),y=M[0],N=M[1],V=v(0),j=r(V,2),G=j[0],D=j[1],R=v(null!==(i=H.scrollTop)&&void 0!==i?i:0),P=r(R,2),k=P[0],E=P[1],Y=h(b),O=Math.max(1,null!==(t=H.overscan)&&void 0!==t?t:4),_=x(u.gap),A=_/2;p(function(){if(w.current){var e=function(){var e,n,i,t,r=null!==(e=null===(n=w.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0,o=null!==(i=null===(t=w.current)||void 0===t?void 0:t.clientHeight)&&void 0!==i?i:0;N(function(e){return e===r?e:r}),D(function(e){return e===o?e:o})};e();var n=new ResizeObserver(function(){e()});return n.observe(w.current),function(){return n.disconnect()}}},[]),p(function(){"number"==typeof H.scrollTop&&E(H.scrollTop)},[H.scrollTop]);var B=z(y,c),W=Y+_,q=g(function(){var e,n,i=l.length;if(0===i)return{startRow:0,endRow:-1,topSpacerHeight:0,bottomSpacerHeight:0,startIndex:0,endIndex:-1};var t=Math.ceil(i/B),r=Math.max(1,null!==(e=null!==(n=H.viewportHeight)&&void 0!==n?n:G)&&void 0!==e?e:1),o="number"==typeof H.scrollTop?H.scrollTop:k,a=Math.max(0,Math.floor(o/W)-O),d=Math.ceil(r/W),u=Math.min(t-1,a+d+2*O),c=a*B,g=Math.min(i-1,(u+1)*B-1);return{startRow:a,endRow:u,topSpacerHeight:a*W,bottomSpacerHeight:Math.max(0,(t-u-1)*W),startIndex:c,endIndex:g}},[B,l.length,O,W,H,k,G]),F=q.endIndex>=q.startIndex?l.slice(q.startIndex,q.endIndex+1):[],J=function(e,n){var i=u.Component;return o(i,{value:e,index:n})},K=[C.gridVirtualized,C.grid].join(" ");return o(S,{className:K,children:a(d,{ref:w,sx:{p:"".concat(A,"px"),overflowY:"auto",height:"100%",boxSizing:"border-box"},onScroll:function(e){var i,t=e.currentTarget;"number"!=typeof H.scrollTop&&E(t.scrollTop),t.scrollHeight-t.scrollTop-t.clientHeight<=80&&(null===(i=n.onNearEnd)||void 0===i||i.call(n))},children:[q.topSpacerHeight>0?o(d,{sx:{height:q.topSpacerHeight}}):null,o(d,{sx:{display:"grid",gap:"".concat(_,"px"),gridTemplateColumns:"repeat(".concat(B,", minmax(0, 1fr))")},children:F.map(function(e,n){var i,t=q.startIndex+n,r=null!==(i=I(e,t))&&void 0!==i?i:t;return o(d,{sx:{minHeight:Y,height:Y},children:J(e,t)},r)})}),q.bottomSpacerHeight>0?o(d,{sx:{height:q.bottomSpacerHeight}}):null]})})}}(e);return function(r){var a,l,d=null!==(a=null!==(l=r.renderStrategy)&&void 0!==l?l:e.renderStrategy)&&void 0!==a?a:"normal";return o("virtualized"===d?t:i,n({},r))}}function H(e){return function(n){var r,a,l,d=c(i(t().m(function e(){var i,r,o,a,l,d,u,c,g;return t().w(function(e){for(;;)switch(e.n){case 0:if("infiniteScroll"===n.loadMode){e.n=1;break}return e.a(2);case 1:if(null!==(i=n.pagination)&&void 0!==i&&i.hasNext){e.n=2;break}return e.a(2);case 2:if(!n.loading){e.n=3;break}return e.a(2);case 3:return u=null!==(r=null===(o=n.pagination)||void 0===o?void 0:o.page)&&void 0!==r?r:0,c=null!==(a=null===(l=n.pagination)||void 0===l?void 0:l.pageSize)&&void 0!==a?a:20,g=u+1,e.n=4,null===(d=n.onPageChange)||void 0===d?void 0:d.call(n,g,c);case 4:return e.a(2)}},e)})),[n.loadMode,null===(r=n.pagination)||void 0===r?void 0:r.hasNext,null===(a=n.pagination)||void 0===a?void 0:a.page,null===(l=n.pagination)||void 0===l?void 0:l.pageSize,n.loading,n.onPageChange]);return o(e,{value:n.value,gap:n.gap,sizes:n.sizes,gridItemHeight:n.gridItemHeight,renderStrategy:n.renderStrategy,Component:n.Component,virtualizedConfig:n.virtualizedConfig,onNearEnd:"infiniteScroll"===n.loadMode?d:void 0})}}var b={root:"DinoViewGrid-root",scrollContainer:"DinoViewGrid-scrollContainer",grid:"DinoViewGrid-grid",gridVirtualized:"DinoViewGrid-gridVirtualized",gridItem:"DinoViewGrid-item"},C=b,w=l(d)(function(n){var i=n.theme;return e({position:"relative",width:"100%",height:"100%",overflow:"hidden"},"& .".concat(C.scrollContainer),{position:"absolute",top:0,left:0,right:0,bottom:0,overflowY:"auto",padding:i.spacing(1)})}),S=l(d)(function(n){var i=n.theme;return e({position:"relative",width:"100%",height:"100%",overflow:"hidden",boxSizing:"border-box","& > div":{height:"100%"}},"& .".concat(C.scrollContainer),{position:"absolute",top:0,left:0,right:0,bottom:0,overflowY:"auto",padding:i.spacing(1)})});export{I as createViewGrid,H as createViewGridLoading,I as default,b as viewGridClasses};
 //# sourceMappingURL=view-grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"view-grid.js","sources":["../../../../src/lab/data-surface/view-grid.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Box, Grid, styled } from '@mui/material'\r\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { getGridItemSizes, getMaxGridGap, getMaxGridItemHeight, GridItemDefault, resolveGridColumnsFromWidth } from './view-grid.units'\r\n// types\r\nimport type { BoxProps } from '@mui/material'\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { TGetterId, LoadingModeRule, TPagination, TVirtualizedConfig, RenderStrategyRule } from './types'\r\nimport type { IViewGridItemProps, TGridSizes } from './view-grid.types'\r\n\r\nexport interface IViewGridBase<T> {\r\n  gap?: number\r\n  sizes?: TGridSizes\r\n  gridItemHeight?: 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  Component?: ComponentType<IViewGridItemProps<T>>\r\n  virtualizedConfig?: TVirtualizedConfig\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}\r\n\r\nexport interface IViewGridConfig<T> extends IViewGridBase<T> {\r\n  getterId: TGetterId<T>\r\n}\r\n\r\nexport interface IViewGridProps<T> extends IViewGridBase<T> {\r\n  value: T[]\r\n}\r\n\r\nexport interface IViewGridLoadingProps<T> extends IViewGridBase<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\nfunction createViewGridNormal<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridNormal: FC<IViewGridProps<T>> = (props) => {\r\n    const mergedConfig = useMemo(() => {\r\n      return {\r\n        gap: getMaxGridGap(props.gap, config.gap, 8),\r\n        sizes: getGridItemSizes(props.sizes ?? config.sizes),\r\n        getterId: config.getterId,\r\n        Component: props.Component ?? config.Component ?? GridItemDefault,\r\n        gridItemHeight: getMaxGridItemHeight(props.gridItemHeight, config.gridItemHeight)\r\n      }\r\n    }, [props.value, props.gap, props.sizes, props.Component, config])\r\n\r\n    const gridItems = useMemo(() => {\r\n      return props.value\r\n    }, [props.value])\r\n\r\n    const renderItem = (item: T, index: number) => {\r\n      const ItemComponent = mergedConfig.Component\r\n      return <ItemComponent value={item} index={index} />\r\n    }\r\n\r\n    return (\r\n      <ViewGridNormalStyled className={classes.root}>\r\n        <div\r\n          className={classes.scrollContainer}\r\n          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          <Grid container spacing={`${mergedConfig.gap}px`}>\r\n            {gridItems.map((item, index) => {\r\n              const key = mergedConfig.getterId(item, index) ?? index\r\n              return (\r\n                <Grid key={key} className={classes.gridItem} item {...mergedConfig.sizes} sx={{ height: mergedConfig.gridItemHeight }}>\r\n                  {renderItem(item, index)}\r\n                </Grid>\r\n              )\r\n            })}\r\n          </Grid>\r\n        </div>\r\n      </ViewGridNormalStyled>\r\n    )\r\n  }\r\n  return ViewGridNormal\r\n}\r\n\r\nfunction createViewGridVirtualized<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridVirtualized: FC<IViewGridProps<T>> = (props) => {\r\n    const finalItems = useMemo(() => {\r\n      return props.value\r\n    }, [props.value])\r\n\r\n    const mergedConfig = useMemo(() => {\r\n      return {\r\n        gap: getMaxGridGap(props.gap, config.gap, 8),\r\n        sizes: getGridItemSizes(props.sizes ?? config.sizes),\r\n        getterId: config.getterId,\r\n        Component: props.Component ?? config.Component ?? GridItemDefault,\r\n        gridItemHeight: getMaxGridItemHeight(props.gridItemHeight, config.gridItemHeight),\r\n        virtualized: Object.assign({}, config.virtualizedConfig, props.virtualizedConfig) as TVirtualizedConfig\r\n      }\r\n    }, [props.gap, props.sizes, props.Component, config])\r\n\r\n    const { sizes, getterId, virtualized, gridItemHeight } = mergedConfig\r\n\r\n    const wrapRef = useRef<HTMLDivElement | null>(null)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n    const [containerHeight, setContainerHeight] = useState(0)\r\n    const [scrollTopState, setScrollTopState] = useState(virtualized.scrollTop ?? 0)\r\n\r\n    const itemHeight = getMaxGridItemHeight(gridItemHeight)\r\n    const overscan = Math.max(1, virtualized.overscan ?? 4)\r\n    const gapPx = getMaxGridGap(mergedConfig.gap)\r\n    const outerGutterPx = gapPx / 2\r\n\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(() => {\r\n        updateSize()\r\n      })\r\n\r\n      observer.observe(wrapRef.current)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    // sync external virtualized.scrollTop when provided\r\n    useLayoutEffect(() => {\r\n      if (typeof virtualized.scrollTop === 'number') {\r\n        setScrollTopState(virtualized.scrollTop)\r\n      }\r\n    }, [virtualized.scrollTop])\r\n\r\n    const columns = resolveGridColumnsFromWidth(containerWidth, sizes)\r\n    const rowHeight = itemHeight + gapPx\r\n\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, virtualized.viewportHeight ?? containerHeight ?? 1)\r\n      const effectiveScrollTop = typeof virtualized.scrollTop === 'number' ? virtualized.scrollTop : 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, virtualized, scrollTopState, containerHeight])\r\n\r\n    const getSxForContent = (): BoxProps['sx'] => ({\r\n      display: 'grid',\r\n      gap: `${gapPx}px`,\r\n      gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`\r\n    })\r\n\r\n    const visibleItems = windowed.endIndex >= windowed.startIndex ? finalItems.slice(windowed.startIndex, windowed.endIndex + 1) : []\r\n\r\n    const renderItem = (item: T, index: number) => {\r\n      const ItemComponent = mergedConfig.Component\r\n      return <ItemComponent value={item} index={index} />\r\n    }\r\n\r\n    const rootClasses = [classes.gridVirtualized, classes.grid].join(' ')\r\n    return (\r\n      <ViewGridVirtualizedStyled className={rootClasses}>\r\n        <Box\r\n          ref={wrapRef}\r\n          sx={{ p: `${outerGutterPx}px`, overflowY: 'auto', height: '100%', boxSizing: 'border-box' }}\r\n          onScroll={(e) => {\r\n            const t = e.currentTarget as HTMLDivElement\r\n            if (typeof virtualized.scrollTop !== 'number') {\r\n              setScrollTopState(t.scrollTop)\r\n            }\r\n            if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n              props.onNearEnd?.()\r\n            }\r\n          }}\r\n        >\r\n          {windowed.topSpacerHeight > 0 ? <Box sx={{ height: windowed.topSpacerHeight }} /> : null}\r\n\r\n          <Box sx={getSxForContent()}>\r\n            {visibleItems.map((item, offset) => {\r\n              const index = windowed.startIndex + offset\r\n              const key = getterId(item, index) ?? index\r\n              return (\r\n                <Box key={key} sx={{ minHeight: itemHeight, height: itemHeight }}>\r\n                  {renderItem(item, index)}\r\n                </Box>\r\n              )\r\n            })}\r\n          </Box>\r\n\r\n          {windowed.bottomSpacerHeight > 0 ? <Box sx={{ height: windowed.bottomSpacerHeight }} /> : null}\r\n        </Box>\r\n      </ViewGridVirtualizedStyled>\r\n    )\r\n  }\r\n  return ViewGridVirtualized\r\n}\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 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        gap={props.gap}\r\n        sizes={props.sizes}\r\n        gridItemHeight={props.gridItemHeight}\r\n        renderStrategy={props.renderStrategy}\r\n        Component={props.Component}\r\n        virtualizedConfig={props.virtualizedConfig}\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\r\nexport const viewGridClasses = {\r\n  root: 'DinoViewGrid-root',\r\n  scrollContainer: 'DinoViewGrid-scrollContainer',\r\n  grid: 'DinoViewGrid-grid',\r\n  gridVirtualized: 'DinoViewGrid-gridVirtualized',\r\n  gridItem: 'DinoViewGrid-item'\r\n}\r\nconst classes = viewGridClasses\r\n\r\nconst ViewGridNormalStyled = styled(Box)(({ theme }) => ({\r\n  position: 'relative',\r\n  width: '100%',\r\n  height: '100%',\r\n  overflow: 'hidden',\r\n  [`& .${classes.scrollContainer}`]: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    overflowY: 'auto',\r\n    padding: theme.spacing(1)\r\n  }\r\n}))\r\n\r\nconst ViewGridVirtualizedStyled = styled(Box)(({ theme }) => ({\r\n  position: 'relative',\r\n  width: '100%',\r\n  height: '100%',\r\n  overflow: 'hidden',\r\n  boxSizing: 'border-box',\r\n  '& > div': {\r\n    height: '100%'\r\n  },\r\n  [`& .${classes.scrollContainer}`]: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    overflowY: 'auto',\r\n    padding: theme.spacing(1)\r\n  }\r\n}))\r\n"],"names":["createViewGrid","config","ViewGridNormal","props","mergedConfig","useMemo","_props$sizes","_ref","_props$Component","gap","getMaxGridGap","sizes","getGridItemSizes","getterId","Component","GridItemDefault","gridItemHeight","getMaxGridItemHeight","value","gridItems","renderItem","item","index","ItemComponent","_jsx","ViewGridNormalStyled","className","classes","root","children","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollHeight","scrollTop","clientHeight","onNearEnd","call","Grid","container","spacing","concat","map","_mergedConfig$getterI","key","_objectSpread","gridItem","sx","height","createViewGridNormal","ViewGridVirtualized","_virtualized$scrollTo","_virtualized$overscan","finalItems","_props$sizes2","_ref2","_props$Component2","virtualized","Object","assign","virtualizedConfig","wrapRef","useRef","_useState","useState","_useState2","_slicedToArray","containerWidth","setContainerWidth","_useState3","_useState4","containerHeight","setContainerHeight","_useState5","_useState6","scrollTopState","setScrollTopState","itemHeight","overscan","Math","max","gapPx","outerGutterPx","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","_ref3","_virtualized$viewport","totalItems","length","startRow","endRow","topSpacerHeight","bottomSpacerHeight","startIndex","endIndex","totalRows","ceil","safeViewportHeight","viewportHeight","effectiveScrollTop","floor","visibleRows","min","visibleItems","slice","rootClasses","gridVirtualized","grid","join","ViewGridVirtualizedStyled","_jsxs","Box","ref","p","overflowY","boxSizing","_props$onNearEnd2","display","gridTemplateColumns","offset","_getterId","minHeight","createViewGridVirtualized","_ref4","_props$renderStrategy","renderStrategy","createViewGridLoading","GridComponent","_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","undefined","viewGridClasses","styled","_ref6","theme","_defineProperty","position","width","overflow","top","left","right","bottom","padding","_ref8"],"mappings":"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"}
+{"version":3,"file":"view-grid.js","sources":["../../../../src/lab/data-surface/view-grid.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Box, Grid, styled } from '@mui/material'\r\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { getGridItemSizes, getMaxGridGap, getMaxGridItemHeight, GridItemDefault, resolveGridColumnsFromWidth } from './view-grid.units'\r\n// types\r\nimport type { BoxProps } from '@mui/material'\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { TGetterId, LoadingModeRule, TPagination, TVirtualizedConfig, RenderStrategyRule } from './types'\r\nimport type { IViewGridItemProps, TGridSizes } from './view-grid.types'\r\n\r\nexport interface IViewGridBase<T> {\r\n  gap?: number\r\n  sizes?: TGridSizes\r\n  gridItemHeight?: 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  Component?: ComponentType<IViewGridItemProps<T>>\r\n  virtualizedConfig?: TVirtualizedConfig\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}\r\n\r\nexport interface IViewGridConfig<T> extends IViewGridBase<T> {\r\n  getterId: TGetterId<T>\r\n}\r\n\r\nexport interface IViewGridProps<T> extends IViewGridBase<T> {\r\n  value: T[]\r\n}\r\n\r\nexport interface IViewGridLoadingProps<T> extends IViewGridBase<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\nfunction createViewGridNormal<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridNormal: FC<IViewGridProps<T>> = (props) => {\r\n    const mergedConfig = useMemo(() => {\r\n      return {\r\n        gap: getMaxGridGap(props.gap, config.gap),\r\n        sizes: getGridItemSizes(props.sizes ?? config.sizes),\r\n        getterId: config.getterId,\r\n        Component: props.Component ?? config.Component ?? GridItemDefault,\r\n        gridItemHeight: getMaxGridItemHeight(props.gridItemHeight, config.gridItemHeight)\r\n      }\r\n    }, [props.value, props.gap, props.sizes, props.Component, config])\r\n\r\n    const gridItems = useMemo(() => {\r\n      return props.value\r\n    }, [props.value])\r\n\r\n    const renderItem = (item: T, index: number) => {\r\n      const ItemComponent = mergedConfig.Component\r\n      return <ItemComponent value={item} index={index} />\r\n    }\r\n\r\n    return (\r\n      <ViewGridNormalStyled className={classes.root}>\r\n        <div\r\n          className={classes.scrollContainer}\r\n          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          <Grid container spacing={`${mergedConfig.gap}px`}>\r\n            {gridItems.map((item, index) => {\r\n              const key = mergedConfig.getterId(item, index) ?? index\r\n              return (\r\n                <Grid key={key} className={classes.gridItem} item {...mergedConfig.sizes} sx={{ height: mergedConfig.gridItemHeight }}>\r\n                  {renderItem(item, index)}\r\n                </Grid>\r\n              )\r\n            })}\r\n          </Grid>\r\n        </div>\r\n      </ViewGridNormalStyled>\r\n    )\r\n  }\r\n  return ViewGridNormal\r\n}\r\n\r\nfunction createViewGridVirtualized<T>(config: IViewGridConfig<T>) {\r\n  const ViewGridVirtualized: FC<IViewGridProps<T>> = (props) => {\r\n    const finalItems = useMemo(() => {\r\n      return props.value\r\n    }, [props.value])\r\n\r\n    const mergedConfig = useMemo(() => {\r\n      return {\r\n        gap: getMaxGridGap(props.gap, config.gap, 8),\r\n        sizes: getGridItemSizes(props.sizes ?? config.sizes),\r\n        getterId: config.getterId,\r\n        Component: props.Component ?? config.Component ?? GridItemDefault,\r\n        gridItemHeight: getMaxGridItemHeight(props.gridItemHeight, config.gridItemHeight),\r\n        virtualized: Object.assign({}, config.virtualizedConfig, props.virtualizedConfig) as TVirtualizedConfig\r\n      }\r\n    }, [props.gap, props.sizes, props.Component, config])\r\n\r\n    const { sizes, getterId, virtualized, gridItemHeight } = mergedConfig\r\n\r\n    const wrapRef = useRef<HTMLDivElement | null>(null)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n    const [containerHeight, setContainerHeight] = useState(0)\r\n    const [scrollTopState, setScrollTopState] = useState(virtualized.scrollTop ?? 0)\r\n\r\n    const itemHeight = getMaxGridItemHeight(gridItemHeight)\r\n    const overscan = Math.max(1, virtualized.overscan ?? 4)\r\n    const gapPx = getMaxGridGap(mergedConfig.gap)\r\n    const outerGutterPx = gapPx / 2\r\n\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(() => {\r\n        updateSize()\r\n      })\r\n\r\n      observer.observe(wrapRef.current)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    // sync external virtualized.scrollTop when provided\r\n    useLayoutEffect(() => {\r\n      if (typeof virtualized.scrollTop === 'number') {\r\n        setScrollTopState(virtualized.scrollTop)\r\n      }\r\n    }, [virtualized.scrollTop])\r\n\r\n    const columns = resolveGridColumnsFromWidth(containerWidth, sizes)\r\n    const rowHeight = itemHeight + gapPx\r\n\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, virtualized.viewportHeight ?? containerHeight ?? 1)\r\n      const effectiveScrollTop = typeof virtualized.scrollTop === 'number' ? virtualized.scrollTop : 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, virtualized, scrollTopState, containerHeight])\r\n\r\n    const getSxForContent = (): BoxProps['sx'] => ({\r\n      display: 'grid',\r\n      gap: `${gapPx}px`,\r\n      gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`\r\n    })\r\n\r\n    const visibleItems = windowed.endIndex >= windowed.startIndex ? finalItems.slice(windowed.startIndex, windowed.endIndex + 1) : []\r\n\r\n    const renderItem = (item: T, index: number) => {\r\n      const ItemComponent = mergedConfig.Component\r\n      return <ItemComponent value={item} index={index} />\r\n    }\r\n\r\n    const rootClasses = [classes.gridVirtualized, classes.grid].join(' ')\r\n    return (\r\n      <ViewGridVirtualizedStyled className={rootClasses}>\r\n        <Box\r\n          ref={wrapRef}\r\n          sx={{ p: `${outerGutterPx}px`, overflowY: 'auto', height: '100%', boxSizing: 'border-box' }}\r\n          onScroll={(e) => {\r\n            const t = e.currentTarget as HTMLDivElement\r\n            if (typeof virtualized.scrollTop !== 'number') {\r\n              setScrollTopState(t.scrollTop)\r\n            }\r\n            if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n              props.onNearEnd?.()\r\n            }\r\n          }}\r\n        >\r\n          {windowed.topSpacerHeight > 0 ? <Box sx={{ height: windowed.topSpacerHeight }} /> : null}\r\n\r\n          <Box sx={getSxForContent()}>\r\n            {visibleItems.map((item, offset) => {\r\n              const index = windowed.startIndex + offset\r\n              const key = getterId(item, index) ?? index\r\n              return (\r\n                <Box key={key} sx={{ minHeight: itemHeight, height: itemHeight }}>\r\n                  {renderItem(item, index)}\r\n                </Box>\r\n              )\r\n            })}\r\n          </Box>\r\n\r\n          {windowed.bottomSpacerHeight > 0 ? <Box sx={{ height: windowed.bottomSpacerHeight }} /> : null}\r\n        </Box>\r\n      </ViewGridVirtualizedStyled>\r\n    )\r\n  }\r\n  return ViewGridVirtualized\r\n}\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 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        gap={props.gap}\r\n        sizes={props.sizes}\r\n        gridItemHeight={props.gridItemHeight}\r\n        renderStrategy={props.renderStrategy}\r\n        Component={props.Component}\r\n        virtualizedConfig={props.virtualizedConfig}\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\r\nexport const viewGridClasses = {\r\n  root: 'DinoViewGrid-root',\r\n  scrollContainer: 'DinoViewGrid-scrollContainer',\r\n  grid: 'DinoViewGrid-grid',\r\n  gridVirtualized: 'DinoViewGrid-gridVirtualized',\r\n  gridItem: 'DinoViewGrid-item'\r\n}\r\nconst classes = viewGridClasses\r\n\r\nconst ViewGridNormalStyled = styled(Box)(({ theme }) => ({\r\n  position: 'relative',\r\n  width: '100%',\r\n  height: '100%',\r\n  overflow: 'hidden',\r\n  [`& .${classes.scrollContainer}`]: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    overflowY: 'auto',\r\n    padding: theme.spacing(1)\r\n  }\r\n}))\r\n\r\nconst ViewGridVirtualizedStyled = styled(Box)(({ theme }) => ({\r\n  position: 'relative',\r\n  width: '100%',\r\n  height: '100%',\r\n  overflow: 'hidden',\r\n  boxSizing: 'border-box',\r\n  '& > div': {\r\n    height: '100%'\r\n  },\r\n  [`& .${classes.scrollContainer}`]: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    overflowY: 'auto',\r\n    padding: theme.spacing(1)\r\n  }\r\n}))\r\n"],"names":["createViewGrid","config","ViewGridNormal","props","mergedConfig","useMemo","_props$sizes","_ref","_props$Component","gap","getMaxGridGap","sizes","getGridItemSizes","getterId","Component","GridItemDefault","gridItemHeight","getMaxGridItemHeight","value","gridItems","renderItem","item","index","ItemComponent","_jsx","ViewGridNormalStyled","className","classes","root","children","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollHeight","scrollTop","clientHeight","onNearEnd","call","Grid","container","spacing","concat","map","_mergedConfig$getterI","key","_objectSpread","gridItem","sx","height","createViewGridNormal","ViewGridVirtualized","_virtualized$scrollTo","_virtualized$overscan","finalItems","_props$sizes2","_ref2","_props$Component2","virtualized","Object","assign","virtualizedConfig","wrapRef","useRef","_useState","useState","_useState2","_slicedToArray","containerWidth","setContainerWidth","_useState3","_useState4","containerHeight","setContainerHeight","_useState5","_useState6","scrollTopState","setScrollTopState","itemHeight","overscan","Math","max","gapPx","outerGutterPx","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","_ref3","_virtualized$viewport","totalItems","length","startRow","endRow","topSpacerHeight","bottomSpacerHeight","startIndex","endIndex","totalRows","ceil","safeViewportHeight","viewportHeight","effectiveScrollTop","floor","visibleRows","min","visibleItems","slice","rootClasses","gridVirtualized","grid","join","ViewGridVirtualizedStyled","_jsxs","Box","ref","p","overflowY","boxSizing","_props$onNearEnd2","display","gridTemplateColumns","offset","_getterId","minHeight","createViewGridVirtualized","_ref4","_props$renderStrategy","renderStrategy","createViewGridLoading","GridComponent","_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","undefined","viewGridClasses","styled","_ref6","theme","_defineProperty","position","width","overflow","top","left","right","bottom","padding","_ref8"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{toConsumableArray as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Card as i,Stack as o,Typography as t}from"@mui/material";var u=8,a=function(){for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return Math.max.apply(Math,[0].concat(l(r.map(function(l){return null!=l?l:8}))))},e=120,d=function(){for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return 0===r.length?120:Math.max.apply(Math,l(r.map(function(l){return null!=l?l:120})))},m={xs:12,sm:6,md:4,lg:3},v=function(l){return null!=l?l:m},x=function(l){var n,r,i,o,t,u,a,e,d,v,x,h,s,c,p,f=null!=l?l:{},g=f.xs,w=f.sm,y=f.md,M=f.lg,b=f.xl;return{xs:null!==(n=null!=g?g:m.xs)&&void 0!==n?n:12,sm:null!==(r=null!==(i=null!=w?w:g)&&void 0!==i?i:m.sm)&&void 0!==r?r:6,md:null!==(o=null!==(t=null!==(u=null!=y?y:w)&&void 0!==u?u:g)&&void 0!==t?t:m.md)&&void 0!==o?o:4,lg:null!==(a=null!==(e=null!==(d=null!==(v=null!=M?M:y)&&void 0!==v?v:w)&&void 0!==d?d:g)&&void 0!==e?e:m.lg)&&void 0!==a?a:3,xl:null!==(x=null!==(h=null!==(s=null!==(c=null!==(p=null!=b?b:M)&&void 0!==p?p:y)&&void 0!==c?c:w)&&void 0!==s?s:g)&&void 0!==h?h:m.xl)&&void 0!==x?x:3}},h=function(l,n){var r,i=x(n),o=function(l){return l>=1536?"xl":l>=1200?"lg":l>=900?"md":l>=600?"sm":"xs"}(l),t=null!==(r=i[o])&&void 0!==r?r:12,u=Math.min(12,Math.max(1,t));return Math.max(1,Math.floor(12/u))},s=function(l){var u=JSON.stringify(l.value,null,2);return n(i,{variant:"outlined",sx:{height:"100%",width:"100%",overflow:"hidden",p:1,boxSizing:"border-box!important"},title:u,children:r(o,{spacing:1,children:[r(t,{children:["Index: ",l.index]}),r(t,{variant:"body2",sx:{fontFamily:"monospace",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:["Data: ",u]})]})})};export{u as DEFAULT_GRID_GAP_PX,e as DEFAULT_GRID_ITEM_MAX_HEIGHT,m as DEFAULT_GRID_ITEM_SIZES,s as GridItemDefault,v as getGridItemSizes,a as getMaxGridGap,d as getMaxGridItemHeight,x as normalizeGridSizes,h as resolveGridColumnsFromWidth};
+import{toConsumableArray as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Card as i,Stack as o,Typography as t}from"@mui/material";var u=8,a=function(){for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];var o=r.filter(Boolean);return 0===o.length?8:Math.max.apply(Math,[0].concat(l(o.map(function(l){return null!=l?l:8}))))},e=120,d=function(){for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return 0===r.length?120:Math.max.apply(Math,l(r.map(function(l){return null!=l?l:120})))},m={xs:12,sm:6,md:4,lg:3},v=function(l){return null!=l?l:m},h=function(l){var n,r,i,o,t,u,a,e,d,v,h,x,s,c,f,p=null!=l?l:{},g=p.xs,w=p.sm,y=p.md,M=p.lg,b=p.xl;return{xs:null!==(n=null!=g?g:m.xs)&&void 0!==n?n:12,sm:null!==(r=null!==(i=null!=w?w:g)&&void 0!==i?i:m.sm)&&void 0!==r?r:6,md:null!==(o=null!==(t=null!==(u=null!=y?y:w)&&void 0!==u?u:g)&&void 0!==t?t:m.md)&&void 0!==o?o:4,lg:null!==(a=null!==(e=null!==(d=null!==(v=null!=M?M:y)&&void 0!==v?v:w)&&void 0!==d?d:g)&&void 0!==e?e:m.lg)&&void 0!==a?a:3,xl:null!==(h=null!==(x=null!==(s=null!==(c=null!==(f=null!=b?b:M)&&void 0!==f?f:y)&&void 0!==c?c:w)&&void 0!==s?s:g)&&void 0!==x?x:m.xl)&&void 0!==h?h:3}},x=function(l,n){var r,i=h(n),o=function(l){return l>=1536?"xl":l>=1200?"lg":l>=900?"md":l>=600?"sm":"xs"}(l),t=null!==(r=i[o])&&void 0!==r?r:12,u=Math.min(12,Math.max(1,t));return Math.max(1,Math.floor(12/u))},s=function(l){var u=JSON.stringify(l.value,null,2);return n(i,{variant:"outlined",sx:{height:"100%",width:"100%",overflow:"hidden",p:1,boxSizing:"border-box!important"},title:u,children:r(o,{spacing:1,children:[r(t,{children:["Index: ",l.index]}),r(t,{variant:"body2",sx:{fontFamily:"monospace",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:["Data: ",u]})]})})};export{u as DEFAULT_GRID_GAP_PX,e as DEFAULT_GRID_ITEM_MAX_HEIGHT,m as DEFAULT_GRID_ITEM_SIZES,s as GridItemDefault,v as getGridItemSizes,a as getMaxGridGap,d as getMaxGridItemHeight,h as normalizeGridSizes,x as resolveGridColumnsFromWidth};
 //# sourceMappingURL=view-grid.units.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"view-grid.units.js","sources":["../../../../src/lab/data-surface/view-grid.units.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Card, Stack, Typography } from '@mui/material'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IViewGridItemProps, TGridSizes } from './view-grid.types'\r\n\r\nexport const DEFAULT_GRID_GAP_PX = 8\r\nexport const getMaxGridGap = (...gap: (number | undefined)[]) => {\r\n  return Math.max(0, ...gap.map((g) => g ?? DEFAULT_GRID_GAP_PX))\r\n}\r\n\r\nexport const DEFAULT_GRID_ITEM_MAX_HEIGHT = 120\r\n// export const DEFAULT_GRID_ITEM_MIN_HEIGHT = 60\r\nexport const getMaxGridItemHeight = (...height: (number | undefined)[]) => {\r\n  if (height.length === 0) return DEFAULT_GRID_ITEM_MAX_HEIGHT\r\n  return Math.max(...height.map((h) => h ?? DEFAULT_GRID_ITEM_MAX_HEIGHT))\r\n}\r\n\r\nexport const DEFAULT_GRID_ITEM_SIZES: TGridSizes = { xs: 12, sm: 6, md: 4, lg: 3 }\r\nexport const getGridItemSizes = (sizes?: TGridSizes): TGridSizes => {\r\n  return sizes ?? DEFAULT_GRID_ITEM_SIZES\r\n}\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\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\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\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":["DEFAULT_GRID_GAP_PX","getMaxGridGap","_len","arguments","length","gap","Array","_key","Math","max","apply","concat","_toConsumableArray","map","g","DEFAULT_GRID_ITEM_MAX_HEIGHT","getMaxGridItemHeight","_len2","height","_key2","h","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","GridItemDefault","props","content","JSON","stringify","value","_jsx","Card","variant","sx","overflow","p","boxSizing","title","children","_jsxs","Stack","spacing","Typography","index","fontFamily","whiteSpace","wordBreak"],"mappings":"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"}
+{"version":3,"file":"view-grid.units.js","sources":["../../../../src/lab/data-surface/view-grid.units.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { Card, Stack, Typography } from '@mui/material'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IViewGridItemProps, TGridSizes } from './view-grid.types'\r\n\r\nexport const DEFAULT_GRID_GAP_PX = 8\r\nexport const getMaxGridGap = (...gap: (number | undefined)[]) => {\r\n  const finalGaps = gap.filter(Boolean)\r\n  if (finalGaps.length === 0) return DEFAULT_GRID_GAP_PX\r\n  return Math.max(0, ...finalGaps.map((g) => g ?? DEFAULT_GRID_GAP_PX))\r\n}\r\n\r\nexport const DEFAULT_GRID_ITEM_MAX_HEIGHT = 120\r\n// export const DEFAULT_GRID_ITEM_MIN_HEIGHT = 60\r\nexport const getMaxGridItemHeight = (...height: (number | undefined)[]) => {\r\n  if (height.length === 0) return DEFAULT_GRID_ITEM_MAX_HEIGHT\r\n  return Math.max(...height.map((h) => h ?? DEFAULT_GRID_ITEM_MAX_HEIGHT))\r\n}\r\n\r\nexport const DEFAULT_GRID_ITEM_SIZES: TGridSizes = { xs: 12, sm: 6, md: 4, lg: 3 }\r\nexport const getGridItemSizes = (sizes?: TGridSizes): TGridSizes => {\r\n  return sizes ?? DEFAULT_GRID_ITEM_SIZES\r\n}\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\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\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\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":["DEFAULT_GRID_GAP_PX","getMaxGridGap","_len","arguments","length","gap","Array","_key","finalGaps","filter","Boolean","Math","max","apply","concat","_toConsumableArray","map","g","DEFAULT_GRID_ITEM_MAX_HEIGHT","getMaxGridItemHeight","_len2","height","_key2","h","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","GridItemDefault","props","content","JSON","stringify","value","_jsx","Card","variant","sx","overflow","p","boxSizing","title","children","_jsxs","Stack","spacing","Typography","index","fontFamily","whiteSpace","wordBreak"],"mappings":"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"}