dinocollab-core 2.2.10 → 2.2.13

package/README.md

@@ -21,25 +21,3 @@ dev dependencies:
 ```bash
 pnpm add @types/jest@27.0.1 -D
 ```
-
-## 📦 Build npm - dinocollab-core
-
-```
-npm version <patch|minor|major>
-npm run build
-npm publish
-```
-
-| Lệnh                | Tác dụng                                |
-| ------------------- | --------------------------------------- |
-| `npm version patch` | Tăng `PATCH` (ví dụ: `1.2.3` → `1.2.4`) |
-| `npm version minor` | Tăng `MINOR` (ví dụ: `1.2.3` → `1.3.0`) |
-| `npm version major` | Tăng `MAJOR` (ví dụ: `1.2.3` → `2.0.0`) |
-
-> 💡 Mỗi lệnh npm version sẽ tự động cập nhật package.json.
-
-Bạn có thể thêm tuỳ chọn --no-git-tag-version nếu không muốn tạo git tag:
-
-```
-npm version <patch|minor|major> --no-git-tag-version
-```

package/dist/data-surface/index.js

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

package/dist/filter-bar/index.js

@@ -1,2 +1,2 @@
-export{KeySpecial}from"../src/filter-bar/types.js";export{createFilterBar}from"../src/filter-bar/index.create.js";export{HintIcon,HintList,createHintIcon}from"../src/filter-bar/components/hint-icon.js";export{TableFileterConverter,createConvertToGraphQL,mapLogic,mapSortDirection}from"../src/filter-bar/convert-to-graphql.js";export{DinoFilterBar,dinoFilterBar}from"../src/filter-bar/index.dino.js";
+export{KeySpecial}from"../src/filter-bar/types.js";export{createFilterBar}from"../src/filter-bar/index.create.js";export{HintIcon,HintList,createHintIcon}from"../src/filter-bar/components/hint-icon.js";export{TableFileterConverter,createConvertToGraphQL,mapLogic,mapSortDirection}from"../src/filter-bar/convert-to-graphql.js";export{LocalFilterBuilder,createLocalFilterBuilder}from"../src/filter-bar/local-filter-builder.js";export{DinoFilterBar,dinoFilterBar}from"../src/filter-bar/index.dino.js";
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var i={normal:"normal",virtualized:"virtualized"},l={list:"list",grid:"grid"},n={pagination:"pagination",infiniteScroll:"infiniteScroll"};export{l as DataSurfaceViewMode,n as LoadingModeRule,i as RenderStrategyRule};
+var i={client:"client",server:"server"},r={normal:"normal",virtualized:"virtualized"},l={list:"list",grid:"grid"},n={pagination:"pagination",infiniteScroll:"infiniteScroll"};export{i as DataSurfaceFeatureMode,l as DataSurfaceViewMode,n as LoadingModeRule,r as RenderStrategyRule};
 //# sourceMappingURL=types.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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