dinocollab-core 2.2.39 → 2.2.41

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

@@ -1,2 +1,2 @@
-import{createForOfIteratorHelper as r,objectSpread2 as t,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{ListDensity as e}from"./types.js";var i=48,a=4,f=48,o={compact:36,standard:48,comfortable:56},u={compact:"6px 10px",standard:"10px 12px",comfortable:"12px 14px"},l=function(r,n){return n?Object.keys(n).map(function(r){var e,i=null!==(e=n[r])&&void 0!==e?e:{};return t({field:r},i)}):function(r){if(0===r.length)return[];var t=r[0];return Object.keys(t).map(function(r){return{field:r,label:String(r),flex:1}})}(r)};function d(r){if("number"==typeof r&&Number.isFinite(r)&&r>0)return r;var t="number"==typeof r?e.standard:null!=r?r:e.standard;return o[t]}function m(r){if("number"==typeof r)return u[e.standard];var t="number"==typeof r?e.standard:null!=r?r:e.standard;return u[t]}function h(r){return"number"==typeof r&&Number.isFinite(r)&&r>=0?r:4}var v=80;function c(){for(var r=arguments.length,t=new Array(r),e=0;e<r;e++)t[e]=arguments[e];var i=t.filter(function(r){return"number"==typeof r});return 0===i.length?80:Math.max.apply(Math,[0].concat(n(i)))}function p(r,t,n){return r<=0?0:r*t+Math.max(0,r-1)*n}function s(t,n,e){var i=e-(n?48:0),a=new Array(t.length).fill(void 0);if(e<=0)return t.map(function(r){return void 0!==r.width?r.width:r.minWidth});for(var f=[],o=0;o<t.length;o++){var u=t[o];if(void 0!==u.width)a[o]=u.width,i-="number"==typeof u.width?u.width:0;else if(!u.flex||u.flex<=0){var l,d=null!==(l=u.minWidth)&&void 0!==l?l:0;a[o]=d>0?d:void 0,i-=d}else{var m,h;f.push({i:o,flex:u.flex,min:null!==(m=u.minWidth)&&void 0!==m?m:0,max:null!==(h=u.maxWidth)&&void 0!==h?h:1/0,width:0,frozen:!1})}}if(0===f.length||i<=0)return a;for(var v=0;v<=f.length;v++){var c=f.filter(function(r){return!r.frozen});if(0===c.length)break;var p,s=c.reduce(function(r,t){return r+t.flex},0),x=!1,b=r(c);try{for(b.s();!(p=b.n()).done;){var y=p.value,w=y.flex/s*i;w<y.min?(y.width=y.min,y.frozen=!0,i-=y.min,x=!0):w>y.max&&(y.width=y.max,y.frozen=!0,i-=y.max,x=!0)}}catch(r){b.e(r)}finally{b.f()}if(!x){var g,W=r(c);try{for(W.s();!(g=W.n()).done;){var j=g.value;j.width=Math.round(j.flex/s*i)}}catch(r){W.e(r)}finally{W.f()}break}}for(var k=0,z=f;k<z.length;k++){var M=z[k];a[M.i]=M.width}return a}var x=function(r,n,e){return t({width:n,minWidth:r.minWidth,maxWidth:r.maxWidth},e)};export{f as CHECKBOX_COL_WIDTH,u as LIST_CELL_PADDING_BY_DENSITY,v as LIST_DEFAULT_NEAR_END_THRESHOLD,a as LIST_DEFAULT_ROW_SPACING,i as LIST_HEADER_HEIGHT,o as LIST_ROW_HEIGHT_BY_DENSITY,l as columnsRecordToArray,x as mapSxTableCell,s as resolveFlexColumnWidths,m as resolveListCellPadding,c as resolveListNearEndThreshold,d as resolveListRowHeight,h as resolveListRowSpacing,p as resolveListSpacerHeight};
+import{objectSpread2 as r,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{ListDensity as n}from"./types.js";var e=48,i=4,a=48,f={compact:36,standard:48,comfortable:56},o={compact:"0 10px",standard:"0 12px",comfortable:"0 14px"},u=function(t,n){return n?Object.keys(n).map(function(t){var e,i=null!==(e=n[t])&&void 0!==e?e:{};return r({field:t},i)}):function(r){if(0===r.length)return[];var t=r[0];return Object.keys(t).map(function(r){return{field:r,label:String(r),flex:1}})}(t)};function l(r){if("number"==typeof r&&Number.isFinite(r)&&r>0)return r;var t="number"==typeof r?n.standard:null!=r?r:n.standard;return f[t]}function d(r){if("number"==typeof r)return o[n.standard];var t="number"==typeof r?n.standard:null!=r?r:n.standard;return o[t]}function h(r){return"number"==typeof r&&Number.isFinite(r)&&r>=0?r:4}var m=80;function v(){for(var r=arguments.length,n=new Array(r),e=0;e<r;e++)n[e]=arguments[e];var i=n.filter(function(r){return"number"==typeof r});return 0===i.length?80:Math.max.apply(Math,[0].concat(t(i)))}function c(r,t,n){return r<=0?0:r*t+Math.max(0,r-1)*n}function p(r,t,n){var e=t?48:0,i=Math.floor(n)-e,a=new Array(r.length).fill(void 0);if(n<=0)return r.map(function(r){return void 0!==r.width?r.width:r.minWidth});for(var f=[],o=0;o<r.length;o++){var u=r[o];if(void 0!==u.width)a[o]=u.width,i-="number"==typeof u.width?u.width:0;else if(!u.flex||u.flex<=0){var l,d=null!==(l=u.minWidth)&&void 0!==l?l:0;a[o]=d>0?d:void 0,i-=d}else{var h,m;f.push({i:o,flex:u.flex,min:null!==(h=u.minWidth)&&void 0!==h?h:0,max:null!==(m=u.maxWidth)&&void 0!==m?m:1/0,width:0,frozen:!1})}}if(0===f.length||i<=0)return a;for(var v=function(){var r=f.filter(function(r){return!r.frozen});if(0===r.length)return 0;for(var t=r.reduce(function(r,t){return r+t.flex},0),n=r.map(function(r){return r.flex/t*i}),e=!1,a=0;a<r.length;a++){var o=r[a],u=n[a];u<o.min?(o.width=o.min,o.frozen=!0,i-=o.min,e=!0):u>o.max&&(o.width=o.max,o.frozen=!0,i-=o.max,e=!0)}if(!e){for(var l=0,d=0;d<r.length;d++){var h=r[d];d===r.length-1?h.width=i-l:(h.width=Math.floor(h.flex/t*i),l+=h.width)}return 0}},c=0;c<=f.length&&0!==v();c++);for(var p=0,s=f;p<s.length;p++){var x=s[p];a[x.i]=x.width}return a}var s=function(t,n,e){return r({width:n,minWidth:t.minWidth,maxWidth:t.maxWidth},e)};export{a as CHECKBOX_COL_WIDTH,o as LIST_CELL_PADDING_BY_DENSITY,m as LIST_DEFAULT_NEAR_END_THRESHOLD,i as LIST_DEFAULT_ROW_SPACING,e as LIST_HEADER_HEIGHT,f as LIST_ROW_HEIGHT_BY_DENSITY,u as columnsRecordToArray,s as mapSxTableCell,p as resolveFlexColumnWidths,d as resolveListCellPadding,v as resolveListNearEndThreshold,l as resolveListRowHeight,h as resolveListRowSpacing,c as resolveListSpacerHeight};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/data-surface/view-list/helpers.ts"],"sourcesContent":["import { TableCellProps } from '@mui/material'\r\nimport { ListDensity, TListColumn, TListColumns } from './types'\r\n\r\nexport const LIST_HEADER_HEIGHT = 48\r\nexport const LIST_DEFAULT_ROW_SPACING = 4\r\nexport const CHECKBOX_COL_WIDTH = 48\r\n\r\nexport const LIST_ROW_HEIGHT_BY_DENSITY: Record<ListDensity, number> = {\r\n  compact: 36,\r\n  standard: 48,\r\n  comfortable: 56\r\n}\r\n\r\nexport const LIST_CELL_PADDING_BY_DENSITY: Record<ListDensity, string> = {\r\n  compact: '6px 10px',\r\n  standard: '10px 12px',\r\n  comfortable: '12px 14px'\r\n}\r\n\r\nconst buildDefaultColumns = <T>(data: T[]): TListColumn<T>[] => {\r\n  if (data.length === 0) return []\r\n  const firstRow = data[0]\r\n  return Object.keys(firstRow as object).map((key) => ({\r\n    field: key as keyof T,\r\n    label: String(key),\r\n    flex: 1\r\n  }))\r\n}\r\n\r\n/**\r\n * Converts TListColumns<T> Record type to TListColumn<T>[] array for internal use.\r\n */\r\nexport const columnsRecordToArray = <T>(value: T[], columnsRecord?: TListColumns<T>): TListColumn<T>[] => {\r\n  if (!columnsRecord) return buildDefaultColumns(value)\r\n  const keys = Object.keys(columnsRecord) as (keyof T)[]\r\n  return keys.map((key) => {\r\n    const colConfig = columnsRecord[key] ?? {}\r\n    return { field: key, ...colConfig } as TListColumn<T>\r\n  })\r\n}\r\n\r\nexport function resolveListRowHeight(density?: number | ListDensity): number {\r\n  if (typeof density === 'number' && Number.isFinite(density) && density > 0) {\r\n    return density\r\n  }\r\n\r\n  const resolvedDensity: ListDensity = typeof density === 'number' ? ListDensity.standard : (density ?? ListDensity.standard)\r\n  return LIST_ROW_HEIGHT_BY_DENSITY[resolvedDensity]\r\n}\r\n\r\nexport function resolveListCellPadding(density?: number | ListDensity): string {\r\n  if (typeof density === 'number') {\r\n    return LIST_CELL_PADDING_BY_DENSITY[ListDensity.standard]\r\n  }\r\n\r\n  const resolvedDensity: ListDensity = typeof density === 'number' ? ListDensity.standard : (density ?? ListDensity.standard)\r\n  return LIST_CELL_PADDING_BY_DENSITY[resolvedDensity]\r\n}\r\n\r\nexport function resolveListRowSpacing(spacing?: number): number {\r\n  if (typeof spacing === 'number' && Number.isFinite(spacing) && spacing >= 0) {\r\n    return spacing\r\n  }\r\n\r\n  return LIST_DEFAULT_ROW_SPACING\r\n}\r\n\r\n/** Default near-end threshold in pixels for triggering near-end events. */\r\nexport const LIST_DEFAULT_NEAR_END_THRESHOLD = 80\r\n/** Resolves the final near-end threshold from multiple optional values. */\r\nexport function resolveListNearEndThreshold(...threshold: (number | undefined)[]): number {\r\n  const finalThreshold = threshold.filter((value): value is number => typeof value === 'number')\r\n  if (finalThreshold.length === 0) return LIST_DEFAULT_NEAR_END_THRESHOLD\r\n  return Math.max(0, ...finalThreshold)\r\n}\r\n\r\nexport function resolveListSpacerHeight(count: number, rowHeight: number, rowSpacing: number): number {\r\n  if (count <= 0) return 0\r\n  return count * rowHeight + Math.max(0, count - 1) * rowSpacing\r\n}\r\n\r\n/**\r\n * Resolves pixel widths for all columns using a flex redistribution algorithm.\r\n * Properly handles min/max constraints by iteratively redistributing overflow\r\n * from capped columns to uncapped flex siblings — similar to CSS flexbox.\r\n * Requires the actual container pixel width to compute exact values.\r\n */\r\nexport function resolveFlexColumnWidths<T>(\r\n  columns: TListColumn<T>[],\r\n  selectable: boolean,\r\n  containerWidth: number\r\n): Array<number | string | undefined> {\r\n  const checkboxWidth = selectable ? CHECKBOX_COL_WIDTH : 0\r\n  let pool = containerWidth - checkboxWidth\r\n  const result: Array<number | string | undefined> = new Array(columns.length).fill(undefined)\r\n\r\n  if (containerWidth <= 0) {\r\n    // Container not yet measured: use minWidth as best-guess for each column\r\n    return columns.map((col) => {\r\n      if (col.width !== undefined) return col.width\r\n      return col.minWidth\r\n    })\r\n  }\r\n\r\n  // Pass 1: allocate fixed and minWidth-only columns, collect flex columns\r\n  type FlexItem = { i: number; flex: number; min: number; max: number; width: number; frozen: boolean }\r\n  const flexCols: FlexItem[] = []\r\n  for (let i = 0; i < columns.length; i++) {\r\n    const col = columns[i]\r\n    if (col.width !== undefined) {\r\n      result[i] = col.width\r\n      pool -= typeof col.width === 'number' ? col.width : 0\r\n    } else if (!col.flex || col.flex <= 0) {\r\n      const w = col.minWidth ?? 0\r\n      result[i] = w > 0 ? w : undefined\r\n      pool -= w\r\n    } else {\r\n      flexCols.push({ i, flex: col.flex, min: col.minWidth ?? 0, max: col.maxWidth ?? Infinity, width: 0, frozen: false })\r\n    }\r\n  }\r\n\r\n  if (flexCols.length === 0 || pool <= 0) return result\r\n\r\n  // Pass 2: iterative flex distribution respecting min/max constraints.\r\n  // Each iteration freezes columns that hit a min/max boundary and\r\n  // redistributes the leftover pool among the remaining unfrozen columns.\r\n  for (let iter = 0; iter <= flexCols.length; iter++) {\r\n    const active = flexCols.filter((f) => !f.frozen)\r\n    if (active.length === 0) break\r\n    const totalFlex = active.reduce((s, f) => s + f.flex, 0)\r\n    let anyFrozen = false\r\n    for (const item of active) {\r\n      const raw = (item.flex / totalFlex) * pool\r\n      if (raw < item.min) {\r\n        item.width = item.min\r\n        item.frozen = true\r\n        pool -= item.min\r\n        anyFrozen = true\r\n      } else if (raw > item.max) {\r\n        item.width = item.max\r\n        item.frozen = true\r\n        pool -= item.max\r\n        anyFrozen = true\r\n      }\r\n    }\r\n    if (!anyFrozen) {\r\n      for (const item of active) {\r\n        item.width = Math.round((item.flex / totalFlex) * pool)\r\n      }\r\n      break\r\n    }\r\n  }\r\n\r\n  for (const fc of flexCols) {\r\n    result[fc.i] = fc.width\r\n  }\r\n  return result\r\n}\r\n\r\nexport const getColumnWidth = <T>(column: TListColumn<T>, totalFixedPx: number, totalFlex: number): number | string | undefined => {\r\n  // Priority 1: Explicit width always wins\r\n  if (column.width !== undefined) return column.width\r\n\r\n  // Priority 2: Flex-based proportional width.\r\n  // Subtract all \"fixed\" columns (explicit width + minWidth-only) so flex columns only share truly remaining space.\r\n  if (column.flex && column.flex > 0 && totalFlex > 0) {\r\n    const flexRatio = column.flex / totalFlex\r\n    const flexCalc = totalFixedPx > 0 ? `calc((100% - ${totalFixedPx}px) * ${flexRatio})` : `${flexRatio * 100}%`\r\n    // When minWidth is also set, use CSS max() so the column never shrinks below minWidth.\r\n    // This is necessary because tableLayout:fixed ignores CSS min-width on cells/cols.\r\n    if (column.minWidth !== undefined) return `max(${column.minWidth}px, ${flexCalc})`\r\n\r\n    return flexCalc\r\n  }\r\n\r\n  // Priority 3: minWidth-only column — use minWidth as the base layout width.\r\n  // This ensures totalFixedPx correctly reserves space for this column,\r\n  // and the CSS minWidth/maxWidth constraints are still applied via mapSxTableCell.\r\n  if (column.minWidth !== undefined) return column.minWidth\r\n\r\n  // Priority 4: Auto-width (no width, flex, or minWidth specified)\r\n  return undefined\r\n}\r\n\r\nexport const mapSxTableCell = <T>(\r\n  col: TListColumn<T>,\r\n  resolvedWidth: number | string | undefined,\r\n  sx?: TableCellProps['sx']\r\n): TableCellProps['sx'] => {\r\n  return {\r\n    width: resolvedWidth,\r\n    minWidth: col.minWidth,\r\n    maxWidth: col.maxWidth,\r\n    ...sx\r\n  }\r\n}\r\n"],"names":["LIST_HEADER_HEIGHT","LIST_DEFAULT_ROW_SPACING","CHECKBOX_COL_WIDTH","LIST_ROW_HEIGHT_BY_DENSITY","compact","standard","comfortable","LIST_CELL_PADDING_BY_DENSITY","columnsRecordToArray","value","columnsRecord","Object","keys","map","key","_columnsRecord$key","colConfig","_objectSpread","field","data","length","firstRow","label","String","flex","buildDefaultColumns","resolveListRowHeight","density","Number","isFinite","resolvedDensity","ListDensity","resolveListCellPadding","resolveListRowSpacing","spacing","LIST_DEFAULT_NEAR_END_THRESHOLD","resolveListNearEndThreshold","_len","arguments","threshold","Array","_key","finalThreshold","filter","Math","max","apply","concat","_toConsumableArray","resolveListSpacerHeight","count","rowHeight","rowSpacing","resolveFlexColumnWidths","columns","selectable","containerWidth","pool","result","fill","undefined","col","width","minWidth","flexCols","i","_col$minWidth","w","_col$minWidth2","_col$maxWidth","push","min","maxWidth","Infinity","frozen","iter","active","f","_step","totalFlex","reduce","s","anyFrozen","_iterator","_createForOfIteratorHelper","n","done","item","raw","err","e","_step2","_iterator2","round","_i","_flexCols","fc","mapSxTableCell","resolvedWidth","sx"],"mappings":"8KAGO,IAAMA,EAAqB,GACrBC,EAA2B,EAC3BC,EAAqB,GAErBC,EAA0D,CACrEC,QAAS,GACTC,SAAU,GACVC,YAAa,IAGFC,EAA4D,CACvEH,QAAS,WACTC,SAAU,YACVC,YAAa,aAgBFE,EAAuB,SAAIC,EAAYC,GAClD,OAAKA,EACQC,OAAOC,KAAKF,GACbG,IAAI,SAACC,GAAO,IAAAC,EAChBC,EAA8B,QAArBD,EAAGL,EAAcI,UAAI,IAAAC,EAAAA,EAAI,CAAE,EAC1C,OAAAE,EAAA,CAASC,MAAOJ,GAAQE,EAC1B,GAnB0B,SAAIG,GAC9B,GAAoB,IAAhBA,EAAKC,OAAc,MAAO,GAC9B,IAAMC,EAAWF,EAAK,GACtB,OAAOR,OAAOC,KAAKS,GAAoBR,IAAI,SAACC,GAAG,MAAM,CACnDI,MAAOJ,EACPQ,MAAOC,OAAOT,GACdU,KAAM,EACP,EACH,CAM6BC,CAAoBhB,EAMjD,EAEM,SAAUiB,EAAqBC,GACnC,GAAuB,iBAAZA,GAAwBC,OAAOC,SAASF,IAAYA,EAAU,EACvE,OAAOA,EAGT,IAAMG,EAAkD,iBAAZH,EAAuBI,EAAY1B,SAAYsB,QAAAA,EAAWI,EAAY1B,SAClH,OAAOF,EAA2B2B,EACpC,CAEM,SAAUE,EAAuBL,GACrC,GAAuB,iBAAZA,EACT,OAAOpB,EAA6BwB,EAAY1B,UAGlD,IAAMyB,EAAkD,iBAAZH,EAAuBI,EAAY1B,SAAYsB,QAAAA,EAAWI,EAAY1B,SAClH,OAAOE,EAA6BuB,EACtC,CAEM,SAAUG,EAAsBC,GACpC,MAAuB,iBAAZA,GAAwBN,OAAOC,SAASK,IAAYA,GAAW,EACjEA,EAzD6B,CA6DxC,CAGO,IAAMC,EAAkC,GAE/B,SAAAC,IAAgE,IAAA,IAAAC,EAAAC,UAAAlB,OAAjCmB,EAAiCC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAjCF,EAAiCE,GAAAH,UAAAG,GAC9E,IAAMC,EAAiBH,EAAUI,OAAO,SAAClC,GAAK,MAAuC,iBAAVA,IAC3E,OAA8B,IAA1BiC,EAAetB,OAJ0B,GAKtCwB,KAAKC,IAAGC,MAARF,KAAS,CAAA,GAACG,OAAAC,EAAKN,IACxB,UAEgBO,EAAwBC,EAAeC,EAAmBC,GACxE,OAAIF,GAAS,EAAU,EAChBA,EAAQC,EAAYP,KAAKC,IAAI,EAAGK,EAAQ,GAAKE,CACtD,UAQgBC,EACdC,EACAC,EACAC,GAEA,IACIC,EAAOD,GADWD,EAvFU,GAuFwB,GAElDG,EAA6C,IAAIlB,MAAMc,EAAQlC,QAAQuC,UAAKC,GAElF,GAAIJ,GAAkB,EAEpB,OAAOF,EAAQzC,IAAI,SAACgD,GAClB,YAAkBD,IAAdC,EAAIC,MAA4BD,EAAIC,MACjCD,EAAIE,QACb,GAMF,IADA,IAAMC,EAAuB,GACpBC,EAAI,EAAGA,EAAIX,EAAQlC,OAAQ6C,IAAK,CACvC,IAAMJ,EAAMP,EAAQW,GACpB,QAAkBL,IAAdC,EAAIC,MACNJ,EAAOO,GAAKJ,EAAIC,MAChBL,GAA6B,iBAAdI,EAAIC,MAAqBD,EAAIC,MAAQ,OAC/C,IAAKD,EAAIrC,MAAQqC,EAAIrC,MAAQ,EAAG,CAAA,IAAA0C,EAC/BC,EAAgB,QAAfD,EAAGL,EAAIE,gBAAQ,IAAAG,EAAAA,EAAI,EAC1BR,EAAOO,GAAKE,EAAI,EAAIA,OAAIP,EACxBH,GAAQU,CACT,KAAM,CAAA,IAAAC,EAAAC,EACLL,EAASM,KAAK,CAAEL,EAAAA,EAAGzC,KAAMqC,EAAIrC,KAAM+C,IAAiB,QAAdH,EAAEP,EAAIE,gBAAQ,IAAAK,EAAAA,EAAI,EAAGvB,IAAiB,QAAdwB,EAAER,EAAIW,gBAAQ,IAAAH,EAAAA,EAAII,IAAUX,MAAO,EAAGY,QAAQ,GAC7G,CACF,CAED,GAAwB,IAApBV,EAAS5C,QAAgBqC,GAAQ,EAAG,OAAOC,EAK/C,IAAK,IAAIiB,EAAO,EAAGA,GAAQX,EAAS5C,OAAQuD,IAAQ,CAClD,IAAMC,EAASZ,EAASrB,OAAO,SAACkC,GAAC,OAAMA,EAAEH,SACzC,GAAsB,IAAlBE,EAAOxD,OAAc,MACzB,IAEyB0D,EAFnBC,EAAYH,EAAOI,OAAO,SAACC,EAAGJ,GAAC,OAAKI,EAAIJ,EAAErD,IAAI,EAAE,GAClD0D,GAAY,EAAKC,EAAAC,EACFR,GAAM,IAAzB,IAAAO,EAAAF,MAAAH,EAAAK,EAAAE,KAAAC,MAA2B,CAAA,IAAhBC,EAAIT,EAAArE,MACP+E,EAAOD,EAAK/D,KAAOuD,EAAatB,EAClC+B,EAAMD,EAAKhB,KACbgB,EAAKzB,MAAQyB,EAAKhB,IAClBgB,EAAKb,QAAS,EACdjB,GAAQ8B,EAAKhB,IACbW,GAAY,GACHM,EAAMD,EAAK1C,MACpB0C,EAAKzB,MAAQyB,EAAK1C,IAClB0C,EAAKb,QAAS,EACdjB,GAAQ8B,EAAK1C,IACbqC,GAAY,EAEf,CAAA,CAAA,MAAAO,GAAAN,EAAAO,EAAAD,EAAA,CAAA,QAAAN,EAAAN,GAAA,CACD,IAAKK,EAAW,CAAA,IACWS,EADXC,EAAAR,EACKR,GAAM,IAAzB,IAAAgB,EAAAX,MAAAU,EAAAC,EAAAP,KAAAC,MAA2B,CAAA,IAAhBC,EAAII,EAAAlF,MACb8E,EAAKzB,MAAQlB,KAAKiD,MAAON,EAAK/D,KAAOuD,EAAatB,EACnD,CAAA,CAAA,MAAAgC,GAAAG,EAAAF,EAAAD,EAAA,CAAA,QAAAG,EAAAf,GAAA,CACD,KACD,CACF,CAED,IAAA,IAAAiB,EAAA,EAAAC,EAAiB/B,EAAQ8B,EAAAC,EAAA3E,OAAA0E,IAAE,CAAtB,IAAME,EAAED,EAAAD,GACXpC,EAAOsC,EAAG/B,GAAK+B,EAAGlC,KACnB,CACD,OAAOJ,CACT,CA2BO,IAAMuC,EAAiB,SAC5BpC,EACAqC,EACAC,GAEA,OAAAlF,EAAA,CACE6C,MAAOoC,EACPnC,SAAUF,EAAIE,SACdS,SAAUX,EAAIW,UACX2B,EAEP"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/data-surface/view-list/helpers.ts"],"sourcesContent":["import { TableCellProps } from '@mui/material'\r\nimport { ListDensity, TListColumn, TListColumns } from './types'\r\n\r\nexport const LIST_HEADER_HEIGHT = 48\r\nexport const LIST_DEFAULT_ROW_SPACING = 4\r\nexport const CHECKBOX_COL_WIDTH = 48\r\n\r\nexport const LIST_ROW_HEIGHT_BY_DENSITY: Record<ListDensity, number> = {\r\n  compact: 36,\r\n  standard: 48,\r\n  comfortable: 56\r\n}\r\n\r\nexport const LIST_CELL_PADDING_BY_DENSITY: Record<ListDensity, string> = {\r\n  compact: '0 10px',\r\n  standard: '0 12px',\r\n  comfortable: '0 14px'\r\n}\r\n\r\nconst buildDefaultColumns = <T>(data: T[]): TListColumn<T>[] => {\r\n  if (data.length === 0) return []\r\n  const firstRow = data[0]\r\n  return Object.keys(firstRow as object).map((key) => ({ field: key as keyof T, label: String(key), flex: 1 }))\r\n}\r\n\r\n/**\r\n * Converts TListColumns<T> Record type to TListColumn<T>[] array for internal use.\r\n */\r\nexport const columnsRecordToArray = <T>(value: T[], columnsRecord?: TListColumns<T>): TListColumn<T>[] => {\r\n  if (!columnsRecord) return buildDefaultColumns(value)\r\n  const keys = Object.keys(columnsRecord) as (keyof T)[]\r\n  return keys.map((key) => {\r\n    const colConfig = columnsRecord[key] ?? {}\r\n    return { field: key, ...colConfig } as TListColumn<T>\r\n  })\r\n}\r\n\r\nexport function resolveListRowHeight(density?: number | ListDensity): number {\r\n  if (typeof density === 'number' && Number.isFinite(density) && density > 0) return density\r\n\r\n  const resolvedDensity: ListDensity = typeof density === 'number' ? ListDensity.standard : (density ?? ListDensity.standard)\r\n  return LIST_ROW_HEIGHT_BY_DENSITY[resolvedDensity]\r\n}\r\n\r\nexport function resolveListCellPadding(density?: number | ListDensity): string {\r\n  if (typeof density === 'number') return LIST_CELL_PADDING_BY_DENSITY[ListDensity.standard]\r\n\r\n  const resolvedDensity: ListDensity = typeof density === 'number' ? ListDensity.standard : (density ?? ListDensity.standard)\r\n  return LIST_CELL_PADDING_BY_DENSITY[resolvedDensity]\r\n}\r\n\r\nexport function resolveListRowSpacing(spacing?: number): number {\r\n  if (typeof spacing === 'number' && Number.isFinite(spacing) && spacing >= 0) return spacing\r\n\r\n  return LIST_DEFAULT_ROW_SPACING\r\n}\r\n\r\n/** Default near-end threshold in pixels for triggering near-end events. */\r\nexport const LIST_DEFAULT_NEAR_END_THRESHOLD = 80\r\n/** Resolves the final near-end threshold from multiple optional values. */\r\nexport function resolveListNearEndThreshold(...threshold: (number | undefined)[]): number {\r\n  const finalThreshold = threshold.filter((value): value is number => typeof value === 'number')\r\n  if (finalThreshold.length === 0) return LIST_DEFAULT_NEAR_END_THRESHOLD\r\n  return Math.max(0, ...finalThreshold)\r\n}\r\n\r\nexport function resolveListSpacerHeight(count: number, rowHeight: number, rowSpacing: number): number {\r\n  if (count <= 0) return 0\r\n  return count * rowHeight + Math.max(0, count - 1) * rowSpacing\r\n}\r\n\r\n/**\r\n * Resolves pixel widths for all columns using a flex redistribution algorithm.\r\n * Properly handles min/max constraints by iteratively redistributing overflow\r\n * from capped columns to uncapped flex siblings — similar to CSS flexbox.\r\n * Requires the actual container pixel width to compute exact values.\r\n */\r\nexport function resolveFlexColumnWidths<T>(\r\n  columns: TListColumn<T>[],\r\n  selectable: boolean,\r\n  containerWidth: number\r\n): Array<number | string | undefined> {\r\n  const checkboxWidth = selectable ? CHECKBOX_COL_WIDTH : 0\r\n  // Floor to integer to avoid fractional-pixel overflow causing phantom scrollbar\r\n  let pool = Math.floor(containerWidth) - checkboxWidth\r\n  const result: Array<number | string | undefined> = new Array(columns.length).fill(undefined)\r\n\r\n  if (containerWidth <= 0) {\r\n    // Container not yet measured: use minWidth as best-guess for each column\r\n    return columns.map((col) => {\r\n      if (col.width !== undefined) return col.width\r\n      return col.minWidth\r\n    })\r\n  }\r\n\r\n  // Pass 1: allocate fixed and minWidth-only columns, collect flex columns\r\n  type FlexItem = { i: number; flex: number; min: number; max: number; width: number; frozen: boolean }\r\n  const flexCols: FlexItem[] = []\r\n  for (let i = 0; i < columns.length; i++) {\r\n    const col = columns[i]\r\n    if (col.width !== undefined) {\r\n      result[i] = col.width\r\n      pool -= typeof col.width === 'number' ? col.width : 0\r\n    } else if (!col.flex || col.flex <= 0) {\r\n      const w = col.minWidth ?? 0\r\n      result[i] = w > 0 ? w : undefined\r\n      pool -= w\r\n    } else {\r\n      flexCols.push({ i, flex: col.flex, min: col.minWidth ?? 0, max: col.maxWidth ?? Infinity, width: 0, frozen: false })\r\n    }\r\n  }\r\n\r\n  if (flexCols.length === 0 || pool <= 0) return result\r\n\r\n  // Pass 2: iterative flex distribution respecting min/max constraints.\r\n  // Each iteration freezes columns that hit a min/max boundary and\r\n  // redistributes the leftover pool among the remaining unfrozen columns.\r\n  for (let iter = 0; iter <= flexCols.length; iter++) {\r\n    const active = flexCols.filter((f) => !f.frozen)\r\n    if (active.length === 0) break\r\n    const totalFlex = active.reduce((s, f) => s + f.flex, 0)\r\n    // Pre-compute all raw widths before mutating pool, so each column is\r\n    // evaluated against the same pool value within the same iteration.\r\n    const raws = active.map((item) => (item.flex / totalFlex) * pool)\r\n    let anyFrozen = false\r\n    for (let j = 0; j < active.length; j++) {\r\n      const item = active[j]\r\n      const raw = raws[j]\r\n      if (raw < item.min) {\r\n        item.width = item.min\r\n        item.frozen = true\r\n        pool -= item.min\r\n        anyFrozen = true\r\n      } else if (raw > item.max) {\r\n        item.width = item.max\r\n        item.frozen = true\r\n        pool -= item.max\r\n        anyFrozen = true\r\n      }\r\n    }\r\n    if (!anyFrozen) {\r\n      // Use floor + assign remainder to last column to guarantee sum === pool\r\n      let distributed = 0\r\n      for (let j = 0; j < active.length; j++) {\r\n        const item = active[j]\r\n        if (j === active.length - 1) {\r\n          item.width = pool - distributed\r\n        } else {\r\n          item.width = Math.floor((item.flex / totalFlex) * pool)\r\n          distributed += item.width\r\n        }\r\n      }\r\n      break\r\n    }\r\n  }\r\n\r\n  for (const fc of flexCols) {\r\n    result[fc.i] = fc.width\r\n  }\r\n  return result\r\n}\r\n\r\nexport const getColumnWidth = <T>(column: TListColumn<T>, totalFixedPx: number, totalFlex: number): number | string | undefined => {\r\n  // Priority 1: Explicit width always wins\r\n  if (column.width !== undefined) return column.width\r\n\r\n  // Priority 2: Flex-based proportional width.\r\n  // Subtract all \"fixed\" columns (explicit width + minWidth-only) so flex columns only share truly remaining space.\r\n  if (column.flex && column.flex > 0 && totalFlex > 0) {\r\n    const flexRatio = column.flex / totalFlex\r\n    const flexCalc = totalFixedPx > 0 ? `calc((100% - ${totalFixedPx}px) * ${flexRatio})` : `${flexRatio * 100}%`\r\n    // When minWidth is also set, use CSS max() so the column never shrinks below minWidth.\r\n    // This is necessary because tableLayout:fixed ignores CSS min-width on cells/cols.\r\n    if (column.minWidth !== undefined) return `max(${column.minWidth}px, ${flexCalc})`\r\n\r\n    return flexCalc\r\n  }\r\n\r\n  // Priority 3: minWidth-only column — use minWidth as the base layout width.\r\n  // This ensures totalFixedPx correctly reserves space for this column,\r\n  // and the CSS minWidth/maxWidth constraints are still applied via mapSxTableCell.\r\n  if (column.minWidth !== undefined) return column.minWidth\r\n\r\n  // Priority 4: Auto-width (no width, flex, or minWidth specified)\r\n  return undefined\r\n}\r\n\r\nexport const mapSxTableCell = <T>(\r\n  col: TListColumn<T>,\r\n  resolvedWidth: number | string | undefined,\r\n  sx?: TableCellProps['sx']\r\n): TableCellProps['sx'] => {\r\n  return {\r\n    width: resolvedWidth,\r\n    minWidth: col.minWidth,\r\n    maxWidth: col.maxWidth,\r\n    ...sx\r\n  }\r\n}\r\n"],"names":["LIST_HEADER_HEIGHT","LIST_DEFAULT_ROW_SPACING","CHECKBOX_COL_WIDTH","LIST_ROW_HEIGHT_BY_DENSITY","compact","standard","comfortable","LIST_CELL_PADDING_BY_DENSITY","columnsRecordToArray","value","columnsRecord","Object","keys","map","key","_columnsRecord$key","colConfig","_objectSpread","field","data","length","firstRow","label","String","flex","buildDefaultColumns","resolveListRowHeight","density","Number","isFinite","resolvedDensity","ListDensity","resolveListCellPadding","resolveListRowSpacing","spacing","LIST_DEFAULT_NEAR_END_THRESHOLD","resolveListNearEndThreshold","_len","arguments","threshold","Array","_key","finalThreshold","filter","Math","max","apply","concat","_toConsumableArray","resolveListSpacerHeight","count","rowHeight","rowSpacing","resolveFlexColumnWidths","columns","selectable","containerWidth","checkboxWidth","pool","floor","result","fill","undefined","col","width","minWidth","flexCols","i","_col$minWidth","w","_col$minWidth2","_col$maxWidth","push","min","maxWidth","Infinity","frozen","_loop","active","f","totalFlex","reduce","s","raws","item","anyFrozen","j","raw","distributed","iter","_i","_flexCols","fc","mapSxTableCell","resolvedWidth","sx"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/data-surface/view-list/index.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { Box, Checkbox, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography } from '@mui/material'\r\nimport { useListSelection, useMergedConfig } from './hooks'\r\nimport { ViewListStyled, viewListClasses as classes } from './styled'\r\nimport { LIST_HEADER_HEIGHT, CHECKBOX_COL_WIDTH, mapSxTableCell, resolveFlexColumnWidths, resolveListSpacerHeight } from './helpers'\r\n// types\r\nimport type { TableContainerProps } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport type { LoadingModeRule, TPagination } from '../types'\r\nimport type { IListCellParams, IViewListConfig, IViewListProps, TListColumn } from './types'\r\n\r\nexport * from './types'\r\n\r\n//#region Helpers\r\nfunction renderCellValue<T>(column: TListColumn<T>, row: T, index: number): ReactNode {\r\n  const currentValue = (row as any)[column.field]\r\n  const value = column.valueGetter ? column.valueGetter(currentValue, row, index) : currentValue\r\n  const params: IListCellParams<T> = { value, row, index, field: column.field }\r\n  if (column.renderCell) return column.renderCell(params)\r\n  const valueLabel = String(value ?? '')\r\n  return (\r\n    <Typography variant='body2' noWrap title={valueLabel}>\r\n      {valueLabel}\r\n    </Typography>\r\n  )\r\n}\r\n\r\nfunction renderColGroup(resolvedWidths: Array<number | string | undefined>, selectable: boolean) {\r\n  return (\r\n    <colgroup>\r\n      {selectable && <col style={{ width: CHECKBOX_COL_WIDTH }} />}\r\n      {resolvedWidths.map((w, i) => (\r\n        <col key={i} style={w !== undefined ? { width: w as any } : undefined} />\r\n      ))}\r\n    </colgroup>\r\n  )\r\n}\r\n\r\n//#endregion\r\n//#region Normal List\r\nfunction createViewListNormal<T>(config: IViewListConfig<T>) {\r\n  const ViewListNormal: FC<IViewListProps<T>> = (props) => {\r\n    const mergedConfig = useMergedConfig(config, props)\r\n    const tableMinWidth =\r\n      (mergedConfig.selectable ? CHECKBOX_COL_WIDTH : 0) +\r\n      mergedConfig.columns.reduce((sum, col) => {\r\n        if (col.width !== undefined) return sum + (typeof col.width === 'number' ? col.width : 0)\r\n        return sum + (col.minWidth ?? 0)\r\n      }, 0)\r\n\r\n    const { normalOptions } = mergedConfig\r\n    const isAutoHeight = normalOptions.autoHeight == true\r\n\r\n    const onSelectionChange = props.onSelectionChange\r\n    const scrollContainerRef = useRef<HTMLDivElement | null>(null)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n\r\n    useLayoutEffect(() => {\r\n      if (!scrollContainerRef.current) return\r\n      const el = scrollContainerRef.current\r\n      const update = () =>\r\n        setContainerWidth((prev) => {\r\n          const next = el.clientWidth\r\n          return prev === next ? prev : next\r\n        })\r\n      update()\r\n      const observer = new ResizeObserver(update)\r\n      observer.observe(el)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    const resolvedWidths = useMemo(\r\n      () => resolveFlexColumnWidths(mergedConfig.columns, mergedConfig.selectable, containerWidth),\r\n      [mergedConfig.columns, mergedConfig.selectable, containerWidth]\r\n    )\r\n\r\n    // Reset scroll to top when token changes\r\n    useEffect(() => {\r\n      if (isAutoHeight || props.scrollResetToken === undefined) return\r\n      if (scrollContainerRef.current) scrollContainerRef.current.scrollTop = 0\r\n    }, [props.scrollResetToken])\r\n\r\n    const handleScroll: TableContainerProps['onScroll'] = (e) => {\r\n      if (isAutoHeight) return\r\n      const t = e.currentTarget\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= mergedConfig.nearEndThreshold) {\r\n        props.onNearEnd?.()\r\n      }\r\n    }\r\n\r\n    // Use selection hook to manage checkbox state and handlers\r\n    const selection = useListSelection(props.value, config.getterId, mergedConfig.selectable, props.selectedIds, onSelectionChange)\r\n    const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n    const rootClasses = useMemo(() => {\r\n      const l = [classes.root, classes.normal]\r\n      if (isAutoHeight) l.push(classes.autoHeight)\r\n      return l.join(' ')\r\n    }, [isAutoHeight])\r\n\r\n    return (\r\n      <ViewListStyled className={rootClasses} style={mergedConfig.rootStyle}>\r\n        <TableContainer ref={scrollContainerRef} className={classes.scrollContainer} onScroll={handleScroll}>\r\n          <Table size='small' className={classes.table} sx={{ minWidth: tableMinWidth }}>\r\n            {renderColGroup(resolvedWidths, mergedConfig.selectable)}\r\n            <TableHead className={classes.tableHeader}>\r\n              <TableRow>\r\n                {mergedConfig.selectable && (\r\n                  <TableCell padding='checkbox' className={classes.tableHeaderCell}>\r\n                    <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n                  </TableCell>\r\n                )}\r\n                {mergedConfig.columns.map((col, colIndex) => (\r\n                  <TableCell\r\n                    key={String(col.field)}\r\n                    className={classes.tableHeaderCell}\r\n                    align={col.align}\r\n                    sx={mapSxTableCell(col, resolvedWidths[colIndex])}\r\n                  >\r\n                    {col.label ?? String(col.field)}\r\n                  </TableCell>\r\n                ))}\r\n              </TableRow>\r\n            </TableHead>\r\n            <TableBody>\r\n              {props.value.map((row, index) => {\r\n                const rowKey = config.getterId(row, index) ?? index\r\n                const isSelected = selectedIds.includes(rowKey)\r\n                const { rowHeight, cellPadding } = mergedConfig\r\n                return (\r\n                  <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n                    {mergedConfig.selectable && (\r\n                      <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n                        <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n                      </TableCell>\r\n                    )}\r\n                    {mergedConfig.columns.map((col, colIndex) => (\r\n                      <TableCell\r\n                        key={`${String(rowKey)}-${String(col.field)}`}\r\n                        className={classes.tableBodyCell}\r\n                        align={col.align}\r\n                        sx={mapSxTableCell(col, resolvedWidths[colIndex], { height: rowHeight, padding: cellPadding })}\r\n                      >\r\n                        <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n                      </TableCell>\r\n                    ))}\r\n                  </TableRow>\r\n                )\r\n              })}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </ViewListStyled>\r\n    )\r\n  }\r\n  return ViewListNormal\r\n}\r\n//#endregion\r\n//#region Virtualized List\r\nfunction createViewListVirtualized<T>(config: IViewListConfig<T>) {\r\n  const ViewListVirtualized: FC<IViewListProps<T>> = (props) => {\r\n    const mergedConfig = useMergedConfig(config, props)\r\n    const tableMinWidth =\r\n      (mergedConfig.selectable ? CHECKBOX_COL_WIDTH : 0) +\r\n      mergedConfig.columns.reduce((sum, col) => {\r\n        if (col.width !== undefined) return sum + (typeof col.width === 'number' ? col.width : 0)\r\n        return sum + (col.minWidth ?? 0)\r\n      }, 0)\r\n\r\n    const onSelectionChange = props.onSelectionChange\r\n\r\n    // Use selection hook to manage checkbox state and handlers\r\n    const selection = useListSelection(props.value, config.getterId, mergedConfig.selectable, props.selectedIds, onSelectionChange)\r\n    const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n    const wrapRef = useRef<HTMLDivElement | null>(null)\r\n    const headerRowRef = useRef<HTMLTableRowElement | null>(null)\r\n    const hasHeaderMeasuredRef = useRef(false)\r\n    // Refs for RAF-throttled scroll: scrollRafRef guards duplicate frames, latestScrollTopRef\r\n    // always holds the most recent scrollTop so the RAF reads the freshest value even if\r\n    // intermediate scroll events were skipped.\r\n    const scrollRafRef = useRef<number | null>(null)\r\n    const latestScrollTopRef = useRef(0)\r\n    const [containerHeight, setContainerHeight] = useState(0)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n    const [scrollTopState, setScrollTopState] = useState(0)\r\n    const [headerHeight, setHeaderHeight] = useState(LIST_HEADER_HEIGHT)\r\n\r\n    const overscan = Math.max(1, mergedConfig.virtualizedOptions.overscan)\r\n    // Refs for window-change detection — updated on every render so the handleScroll RAF reads fresh values\r\n    // without needing to re-create the callback. The initial value is overwritten immediately on first render.\r\n    const rowStrideRef = useRef(0)\r\n    const headerHeightScrollRef = useRef(LIST_HEADER_HEIGHT)\r\n    const overscanScrollRef = useRef(overscan)\r\n    // lastFiredScrollTopRef tracks the DOM scrollTop at the last actual setScrollTopState call.\r\n    // The skip check compares both sides in DOM-coordinate space so non-scroll renders cannot\r\n    // reset the reference point into a stale state-coordinate value (causing a stuck dead zone).\r\n    const lastFiredScrollTopRef = useRef(0)\r\n\r\n    // Reset scroll to top when token changes\r\n    useEffect(() => {\r\n      if (props.scrollResetToken === undefined) return\r\n      if (wrapRef.current) wrapRef.current.scrollTop = 0\r\n      latestScrollTopRef.current = 0\r\n      lastFiredScrollTopRef.current = 0\r\n      if (scrollRafRef.current !== null) {\r\n        cancelAnimationFrame(scrollRafRef.current)\r\n        scrollRafRef.current = null\r\n      }\r\n      setScrollTopState(0)\r\n    }, [props.scrollResetToken])\r\n\r\n    const handleScroll: TableContainerProps['onScroll'] = (e) => {\r\n      const t = e.currentTarget\r\n      const newScrollTop = Math.round(t.scrollTop)\r\n      latestScrollTopRef.current = newScrollTop\r\n\r\n      // nearEnd check is urgent — fire immediately outside RAF\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= mergedConfig.nearEndThreshold) {\r\n        props.onNearEnd?.()\r\n      }\r\n\r\n      // Throttle virtualization state updates to one per animation frame.\r\n      if (scrollRafRef.current !== null) return\r\n      scrollRafRef.current = requestAnimationFrame(() => {\r\n        scrollRafRef.current = null\r\n        // Always read the real DOM scrollTop inside the RAF — do NOT rely on latestScrollTopRef.\r\n        // latestScrollTopRef can be stale if browser scroll-anchoring silently adjusts scrollTop\r\n        // (e.g. when bottomSpacer grows after loadMore) without firing a new scroll event.\r\n        const domScrollTop = Math.round(wrapRef.current?.scrollTop ?? latestScrollTopRef.current)\r\n        latestScrollTopRef.current = domScrollTop\r\n\r\n        // Skip scroll state update if the virtual window (start row) wouldn't change.\r\n        // Both sides are computed from DOM-coordinate values (lastFiredScrollTopRef and domScrollTop)\r\n        // so non-scroll renders cannot reset the dead zone into a stale state-coordinate value.\r\n        const rs = rowStrideRef.current\r\n        const lastFiredAdj = Math.max(0, lastFiredScrollTopRef.current - headerHeightScrollRef.current)\r\n        const lastFiredStart = rs > 0 ? Math.max(0, Math.floor(lastFiredAdj / rs) - overscanScrollRef.current) : 0\r\n        const adjustedScrollTop = Math.max(0, domScrollTop - headerHeightScrollRef.current)\r\n        const newStart = rs > 0 ? Math.max(0, Math.floor(adjustedScrollTop / rs) - overscanScrollRef.current) : 0\r\n        if (newStart === lastFiredStart) return\r\n\r\n        lastFiredScrollTopRef.current = domScrollTop\r\n        setScrollTopState(domScrollTop)\r\n      })\r\n    }\r\n\r\n    // Cancel any pending scroll RAF on unmount to prevent setState on an unmounted component.\r\n    useEffect(() => {\r\n      return () => {\r\n        if (scrollRafRef.current !== null) {\r\n          cancelAnimationFrame(scrollRafRef.current)\r\n          scrollRafRef.current = null\r\n        }\r\n      }\r\n    }, [])\r\n\r\n    useLayoutEffect(() => {\r\n      if (!wrapRef.current) return\r\n\r\n      // Sync scrollTopState from actual DOM scroll position on mount.\r\n      // Guards against stale state when the component is reused across navigations\r\n      // (browser may have preserved a non-zero scrollTop while React state reset to 0).\r\n      const domScrollTop = wrapRef.current.scrollTop\r\n      if (domScrollTop > 0) {\r\n        const rounded = Math.round(domScrollTop)\r\n        lastFiredScrollTopRef.current = rounded\r\n        setScrollTopState(rounded)\r\n      }\r\n\r\n      const updateSize = () => {\r\n        const el = wrapRef.current\r\n        if (!el) return\r\n        const nextHeight = el.clientHeight\r\n        const nextWidth = el.clientWidth\r\n        setContainerHeight((prev) => (prev === nextHeight ? prev : nextHeight))\r\n        setContainerWidth((prev) => (prev === nextWidth ? prev : nextWidth))\r\n      }\r\n\r\n      updateSize()\r\n\r\n      const observer = new ResizeObserver(() => updateSize())\r\n      observer.observe(wrapRef.current)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    useLayoutEffect(() => {\r\n      hasHeaderMeasuredRef.current = false\r\n    }, [mergedConfig.columns.length])\r\n\r\n    useLayoutEffect(() => {\r\n      if (hasHeaderMeasuredRef.current) return\r\n      const measured = headerRowRef.current?.offsetHeight ?? 0\r\n      if (measured > 0) {\r\n        hasHeaderMeasuredRef.current = true\r\n        setHeaderHeight(measured)\r\n      }\r\n    }, [mergedConfig.columns.length])\r\n\r\n    const windowed = useMemo(() => {\r\n      const totalItems = props.value.length\r\n      if (totalItems === 0) {\r\n        return { start: 0, end: -1, topSpacerHeight: 0, bottomSpacerHeight: 0 }\r\n      }\r\n      // Container not yet measured — render from start with no spacers to avoid\r\n      // the bottom-clamp formula producing start > 0 with a stale visibleCount of 1.\r\n      if (containerHeight === 0) {\r\n        const defaultVisible = overscan * 2 + 1\r\n        return { start: 0, end: Math.min(totalItems - 1, defaultVisible), topSpacerHeight: 0, bottomSpacerHeight: 0 }\r\n      }\r\n      const { rowHeight, rowSpacing } = mergedConfig\r\n      const intRowHeight = Math.round(rowHeight)\r\n      const intRowSpacing = Math.round(rowSpacing)\r\n      const rowStride = intRowHeight + intRowSpacing\r\n      const effectiveScrollTop = scrollTopState\r\n      const safeViewportHeight = Math.max(1, containerHeight - headerHeight)\r\n      const adjustedScrollTop = Math.max(0, effectiveScrollTop - headerHeight)\r\n      const visibleCount = Math.ceil(safeViewportHeight / rowStride)\r\n      let start = Math.max(0, Math.floor(adjustedScrollTop / rowStride) - overscan)\r\n      let end = Math.min(totalItems - 1, start + visibleCount + overscan * 2)\r\n\r\n      // NOTE: The bottom-clamp that previously pinned start when end===totalItems-1\r\n      // has been removed. That clamp decoupled start from scrollTopState, causing a\r\n      // visual jump when loadMore added items (clamp released → start changed even\r\n      // though scrollTopState was unchanged).\r\n\r\n      const topSpacerHeight = resolveListSpacerHeight(start, intRowHeight, intRowSpacing)\r\n      const bottomSpacerHeight = resolveListSpacerHeight(totalItems - end - 1, intRowHeight, intRowSpacing)\r\n\r\n      return { start, end, topSpacerHeight, bottomSpacerHeight }\r\n    }, [props.value.length, headerHeight, overscan, mergedConfig, scrollTopState, containerHeight])\r\n\r\n    // Keep refs in sync for RAF window-change detection (read in handleScroll, never during render).\r\n    rowStrideRef.current = Math.round(mergedConfig.rowHeight) + Math.round(mergedConfig.rowSpacing)\r\n    headerHeightScrollRef.current = headerHeight\r\n    overscanScrollRef.current = overscan\r\n\r\n    const resolvedWidths = useMemo(\r\n      () => resolveFlexColumnWidths(mergedConfig.columns, mergedConfig.selectable, containerWidth),\r\n      [mergedConfig.columns, mergedConfig.selectable, containerWidth]\r\n    )\r\n\r\n    const rowsToRender = useMemo(\r\n      () => (windowed.end >= windowed.start ? props.value.slice(windowed.start, windowed.end + 1) : []),\r\n      [props.value, windowed.start, windowed.end]\r\n    )\r\n    const rootClasses = [classes.root, classes.virtualized].filter(Boolean).join(' ')\r\n    return (\r\n      <ViewListStyled className={rootClasses} style={mergedConfig.rootStyle}>\r\n        <TableContainer ref={wrapRef} className={classes.scrollContainer} onScroll={handleScroll}>\r\n          <Table size='small' className={classes.table} sx={{ minWidth: tableMinWidth }}>\r\n            {renderColGroup(resolvedWidths, mergedConfig.selectable)}\r\n            <TableHead className={classes.tableHeader}>\r\n              <TableRow ref={headerRowRef}>\r\n                {mergedConfig.selectable && (\r\n                  <TableCell padding='checkbox' className={classes.tableHeaderCell}>\r\n                    <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n                  </TableCell>\r\n                )}\r\n                {mergedConfig.columns.map((col, colIndex) => (\r\n                  <TableCell\r\n                    key={String(col.field)}\r\n                    className={classes.tableHeaderCell}\r\n                    align={col.align}\r\n                    sx={mapSxTableCell(col, resolvedWidths[colIndex])}\r\n                  >\r\n                    {col.label ?? String(col.field)}\r\n                  </TableCell>\r\n                ))}\r\n              </TableRow>\r\n            </TableHead>\r\n            <TableBody>\r\n              {windowed.topSpacerHeight > 0 ? (\r\n                <TableRow className={classes.tableSpacerRow}>\r\n                  <TableCell\r\n                    colSpan={mergedConfig.columns.length + (mergedConfig.selectable ? 1 : 0)}\r\n                    className={classes.tableSpacerCell}\r\n                    sx={{ height: windowed.topSpacerHeight, padding: 0, border: 0 }}\r\n                  />\r\n                </TableRow>\r\n              ) : null}\r\n\r\n              {rowsToRender.map((row, offset) => {\r\n                const index = windowed.start + offset\r\n                const rowKey = config.getterId(row, index) ?? index\r\n                const isSelected = selectedIds.includes(rowKey)\r\n                const { rowHeight, cellPadding } = mergedConfig\r\n                return (\r\n                  <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n                    {mergedConfig.selectable && (\r\n                      <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n                        <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n                      </TableCell>\r\n                    )}\r\n                    {mergedConfig.columns.map((col, colIndex) => (\r\n                      <TableCell\r\n                        key={`${String(rowKey)}-${String(col.field)}`}\r\n                        className={classes.tableBodyCell}\r\n                        align={col.align}\r\n                        sx={mapSxTableCell(col, resolvedWidths[colIndex], { height: rowHeight, padding: cellPadding })}\r\n                      >\r\n                        <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n                      </TableCell>\r\n                    ))}\r\n                  </TableRow>\r\n                )\r\n              })}\r\n\r\n              {windowed.bottomSpacerHeight > 0 ? (\r\n                <TableRow className={classes.tableSpacerRow}>\r\n                  <TableCell\r\n                    colSpan={mergedConfig.columns.length + (mergedConfig.selectable ? 1 : 0)}\r\n                    className={classes.tableSpacerCell}\r\n                    sx={{ height: windowed.bottomSpacerHeight, padding: 0, border: 0 }}\r\n                  />\r\n                </TableRow>\r\n              ) : null}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </ViewListStyled>\r\n    )\r\n  }\r\n  return ViewListVirtualized\r\n}\r\n//#endregion\r\n//#region Main\r\nexport function createViewList<T>(config: IViewListConfig<T>) {\r\n  const ViewListNormal = createViewListNormal<T>(config)\r\n  const ViewListVirtualized = createViewListVirtualized<T>(config)\r\n\r\n  const ViewList: FC<IViewListProps<T>> = (props) => {\r\n    const renderStrategy = props.renderStrategy ?? config.renderStrategy ?? 'normal'\r\n    if (renderStrategy === 'virtualized') {\r\n      return <ViewListVirtualized {...props} />\r\n    }\r\n    return <ViewListNormal {...props} />\r\n  }\r\n  return ViewList\r\n}\r\n\r\nexport interface IViewListLoadingProps<T> extends IViewListProps<T> {\r\n  loadMode: LoadingModeRule\r\n  loading?: boolean\r\n  pagination?: TPagination\r\n  onPageChange?: (page: number, pageSize: number) => void | Promise<void>\r\n}\r\n\r\nexport function createViewListLoading<T>(ListComponent: ComponentType<IViewListProps<T>>) {\r\n  const ViewListLoading: FC<IViewListLoadingProps<T>> = (props) => {\r\n    // Guard against duplicate calls during the window between onPageChange and loading=true propagating back\r\n    const pendingRef = useRef(false)\r\n\r\n    // Sync pendingRef when loading resets externally (e.g. error path where onPageChange didn't resolve)\r\n    useEffect(() => {\r\n      if (!props.loading) pendingRef.current = false\r\n    }, [props.loading])\r\n\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      if (pendingRef.current) return\r\n\r\n      pendingRef.current = true\r\n      try {\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      } finally {\r\n        pendingRef.current = false\r\n      }\r\n    }, [props.loadMode, props.pagination?.hasNext, props.pagination?.page, props.pagination?.pageSize, props.loading, props.onPageChange])\r\n\r\n    return (\r\n      <ListComponent\r\n        value={props.value}\r\n        columns={props.columns}\r\n        density={props.density}\r\n        spacing={props.spacing}\r\n        renderStrategy={props.renderStrategy}\r\n        normalOptions={props.normalOptions}\r\n        virtualizedOptions={props.virtualizedOptions}\r\n        onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\r\n        selectable={props.selectable}\r\n        selectedIds={props.selectedIds}\r\n        onSelectionChange={props.onSelectionChange}\r\n        scrollResetToken={props.scrollResetToken}\r\n      />\r\n    )\r\n  }\r\n\r\n  return ViewListLoading\r\n}\r\n\r\nexport default createViewList\r\n//#endregion\r\n"],"names":["renderCellValue","column","row","index","currentValue","field","value","valueGetter","params","renderCell","valueLabel","String","_jsx","Typography","variant","noWrap","title","renderColGroup","resolvedWidths","selectable","_jsxs","style","width","CHECKBOX_COL_WIDTH","map","w","i","undefined","createViewList","config","ViewListNormal","props","mergedConfig","useMergedConfig","tableMinWidth","columns","reduce","sum","col","_col$minWidth","minWidth","isAutoHeight","normalOptions","autoHeight","onSelectionChange","scrollContainerRef","useRef","_useState","useState","_useState2","_slicedToArray","containerWidth","setContainerWidth","useLayoutEffect","current","el","update","prev","next","clientWidth","observer","ResizeObserver","observe","disconnect","useMemo","resolveFlexColumnWidths","useEffect","scrollResetToken","scrollTop","selection","useListSelection","getterId","selectedIds","isAllSelected","isSomeSelected","handleToggleAll","handleToggleRow","rootClasses","l","classes","root","normal","push","join","ViewListStyled","className","rootStyle","children","TableContainer","ref","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollHeight","clientHeight","nearEndThreshold","onNearEnd","call","Table","size","table","sx","TableHead","tableHeader","TableRow","TableCell","padding","tableHeaderCell","Checkbox","checked","indeterminate","onChange","colIndex","_col$label","align","mapSxTableCell","label","TableBody","_config$getterId","rowKey","isSelected","includes","rowHeight","cellPadding","hover","height","selected","tableBodyCell","Box","tableCellContent","concat","createViewListNormal","ViewListVirtualized","_col$minWidth2","wrapRef","headerRowRef","hasHeaderMeasuredRef","scrollRafRef","latestScrollTopRef","_useState3","_useState4","containerHeight","setContainerHeight","_useState5","_useState6","_useState7","_useState8","scrollTopState","setScrollTopState","_useState9","LIST_HEADER_HEIGHT","_useState0","headerHeight","setHeaderHeight","overscan","Math","max","virtualizedOptions","rowStrideRef","headerHeightScrollRef","overscanScrollRef","lastFiredScrollTopRef","cancelAnimationFrame","domScrollTop","rounded","round","updateSize","nextHeight","nextWidth","length","_headerRowRef$current","_headerRowRef$current2","measured","offsetHeight","windowed","totalItems","start","end","topSpacerHeight","bottomSpacerHeight","defaultVisible","min","rowSpacing","intRowHeight","intRowSpacing","rowStride","effectiveScrollTop","safeViewportHeight","adjustedScrollTop","visibleCount","ceil","floor","resolveListSpacerHeight","rowsToRender","slice","virtualized","filter","Boolean","_props$onNearEnd2","newScrollTop","requestAnimationFrame","_wrapRef$current$scro","_wrapRef$current","rs","lastFiredAdj","lastFiredStart","_col$label2","tableSpacerRow","colSpan","tableSpacerCell","border","offset","_config$getterId2","createViewListVirtualized","_ref","_props$renderStrategy","renderStrategy","_objectSpread","createViewListLoading","ListComponent","_props$pagination4","_props$pagination5","_props$pagination6","pendingRef","loading","handleNearEnd","useCallback","_asyncToGenerator","_regenerator","m","_callee","_props$pagination","_props$pagination$pag","_props$pagination2","_props$pagination$pag2","_props$pagination3","_props$onPageChange","currentPage","currentPageSize","nextPage","_context","p","n","loadMode","a","pagination","hasNext","page","pageSize","onPageChange","f","density","spacing"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/data-surface/view-list/index.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { Box, Checkbox, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography } from '@mui/material'\r\nimport { useListSelection, useMergedConfig } from './hooks'\r\nimport { ViewListStyled, viewListClasses as classes } from './styled'\r\nimport { LIST_HEADER_HEIGHT, CHECKBOX_COL_WIDTH, mapSxTableCell, resolveFlexColumnWidths, resolveListSpacerHeight } from './helpers'\r\n// types\r\nimport type { TableContainerProps } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport type { LoadingModeRule, TPagination } from '../types'\r\nimport type { IListCellParams, IViewListConfig, IViewListProps, TListColumn } from './types'\r\n\r\nexport * from './types'\r\n\r\n//#region Helpers\r\nfunction renderCellValue<T>(column: TListColumn<T>, row: T, index: number): ReactNode {\r\n  const currentValue = (row as any)[column.field]\r\n  const value = column.valueGetter ? column.valueGetter(currentValue, row, index) : currentValue\r\n  const params: IListCellParams<T> = { value, row, index, field: column.field }\r\n  if (column.renderCell) return column.renderCell(params)\r\n  const valueLabel = String(value ?? '')\r\n  return (\r\n    <Typography variant='body2' noWrap title={valueLabel}>\r\n      {valueLabel}\r\n    </Typography>\r\n  )\r\n}\r\n\r\nfunction renderColGroup(resolvedWidths: Array<number | string | undefined>, selectable: boolean) {\r\n  return (\r\n    <colgroup>\r\n      {selectable && <col style={{ width: CHECKBOX_COL_WIDTH }} />}\r\n      {resolvedWidths.map((w, i) => (\r\n        <col key={i} style={w !== undefined ? { width: w as any } : undefined} />\r\n      ))}\r\n    </colgroup>\r\n  )\r\n}\r\n\r\n//#endregion\r\n//#region Normal List\r\nfunction createViewListNormal<T>(config: IViewListConfig<T>) {\r\n  const ViewListNormal: FC<IViewListProps<T>> = (props) => {\r\n    const mergedConfig = useMergedConfig(config, props)\r\n    const tableMinWidthRaw = mergedConfig.columns.reduce((sum, col) => {\r\n      if (col.width !== undefined) return sum + (typeof col.width === 'number' ? col.width : 0)\r\n      return sum + (col.minWidth ?? 0)\r\n    }, 0)\r\n    const tableMinWidth = (mergedConfig.selectable ? CHECKBOX_COL_WIDTH : 0) + tableMinWidthRaw\r\n\r\n    const { normalOptions } = mergedConfig\r\n    const isAutoHeight = normalOptions.autoHeight == true\r\n\r\n    const onSelectionChange = props.onSelectionChange\r\n    const scrollContainerRef = useRef<HTMLDivElement | null>(null)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n\r\n    useLayoutEffect(() => {\r\n      if (!scrollContainerRef.current) return\r\n      const el = scrollContainerRef.current\r\n      const update = () =>\r\n        setContainerWidth((prev) => {\r\n          const next = el.clientWidth\r\n          return prev === next ? prev : next\r\n        })\r\n      update()\r\n      const observer = new ResizeObserver(update)\r\n      observer.observe(el)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    const resolvedWidths = useMemo(\r\n      () => resolveFlexColumnWidths(mergedConfig.columns, mergedConfig.selectable, containerWidth),\r\n      [mergedConfig.columns, mergedConfig.selectable, containerWidth]\r\n    )\r\n\r\n    // Reset scroll to top when token changes\r\n    useEffect(() => {\r\n      if (isAutoHeight || props.scrollResetToken === undefined) return\r\n      if (scrollContainerRef.current) scrollContainerRef.current.scrollTop = 0\r\n    }, [props.scrollResetToken])\r\n\r\n    const handleScroll: TableContainerProps['onScroll'] = (e) => {\r\n      if (isAutoHeight) return\r\n      const t = e.currentTarget\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= mergedConfig.nearEndThreshold) {\r\n        props.onNearEnd?.()\r\n      }\r\n    }\r\n\r\n    // Use selection hook to manage checkbox state and handlers\r\n    const selection = useListSelection(props.value, config.getterId, mergedConfig.selectable, props.selectedIds, onSelectionChange)\r\n    const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n    const rootClasses = useMemo(() => {\r\n      const l = [classes.root, classes.normal]\r\n      if (isAutoHeight) l.push(classes.autoHeight)\r\n      return l.join(' ')\r\n    }, [isAutoHeight])\r\n\r\n    return (\r\n      <ViewListStyled className={rootClasses} style={mergedConfig.rootStyle}>\r\n        <TableContainer ref={scrollContainerRef} className={classes.scrollContainer} onScroll={handleScroll}>\r\n          <Table size='small' className={classes.table} sx={{ minWidth: tableMinWidth }}>\r\n            {renderColGroup(resolvedWidths, mergedConfig.selectable)}\r\n            <TableHead className={classes.tableHeader}>\r\n              <TableRow>\r\n                {mergedConfig.selectable && (\r\n                  <TableCell padding='checkbox' className={classes.tableHeaderCell}>\r\n                    <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n                  </TableCell>\r\n                )}\r\n                {mergedConfig.columns.map((col, colIndex) => (\r\n                  <TableCell\r\n                    key={String(col.field)}\r\n                    className={classes.tableHeaderCell}\r\n                    align={col.align}\r\n                    sx={mapSxTableCell(col, resolvedWidths[colIndex])}\r\n                  >\r\n                    {col.label ?? String(col.field)}\r\n                  </TableCell>\r\n                ))}\r\n              </TableRow>\r\n            </TableHead>\r\n            <TableBody>\r\n              {props.value.map((row, index) => {\r\n                const rowKey = config.getterId(row, index) ?? index\r\n                const isSelected = selectedIds.includes(rowKey)\r\n                const { rowHeight, cellPadding } = mergedConfig\r\n                return (\r\n                  <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n                    {mergedConfig.selectable && (\r\n                      <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n                        <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n                      </TableCell>\r\n                    )}\r\n                    {mergedConfig.columns.map((col, colIndex) => (\r\n                      <TableCell\r\n                        key={`${String(rowKey)}-${String(col.field)}`}\r\n                        className={classes.tableBodyCell}\r\n                        align={col.align}\r\n                        sx={mapSxTableCell(col, resolvedWidths[colIndex], { height: rowHeight, padding: cellPadding })}\r\n                      >\r\n                        <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n                      </TableCell>\r\n                    ))}\r\n                  </TableRow>\r\n                )\r\n              })}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </ViewListStyled>\r\n    )\r\n  }\r\n  return ViewListNormal\r\n}\r\n//#endregion\r\n//#region Virtualized List\r\nfunction createViewListVirtualized<T>(config: IViewListConfig<T>) {\r\n  const ViewListVirtualized: FC<IViewListProps<T>> = (props) => {\r\n    const mergedConfig = useMergedConfig(config, props)\r\n    const tableMinWidthRaw = mergedConfig.columns.reduce((sum, col) => {\r\n      if (col.width !== undefined) return sum + (typeof col.width === 'number' ? col.width : 0)\r\n      return sum + (col.minWidth ?? 0)\r\n    }, 0)\r\n    const tableMinWidth = (mergedConfig.selectable ? CHECKBOX_COL_WIDTH : 0) + tableMinWidthRaw\r\n\r\n    const onSelectionChange = props.onSelectionChange\r\n\r\n    // Use selection hook to manage checkbox state and handlers\r\n    const selection = useListSelection(props.value, config.getterId, mergedConfig.selectable, props.selectedIds, onSelectionChange)\r\n    const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n    const wrapRef = useRef<HTMLDivElement | null>(null)\r\n    const headerRowRef = useRef<HTMLTableRowElement | null>(null)\r\n    const hasHeaderMeasuredRef = useRef(false)\r\n    // Refs for RAF-throttled scroll: scrollRafRef guards duplicate frames, latestScrollTopRef\r\n    // always holds the most recent scrollTop so the RAF reads the freshest value even if\r\n    // intermediate scroll events were skipped.\r\n    const scrollRafRef = useRef<number | null>(null)\r\n    const latestScrollTopRef = useRef(0)\r\n    const [containerHeight, setContainerHeight] = useState(0)\r\n    const [containerWidth, setContainerWidth] = useState(0)\r\n    const [scrollTopState, setScrollTopState] = useState(0)\r\n    const [headerHeight, setHeaderHeight] = useState(LIST_HEADER_HEIGHT)\r\n\r\n    const overscan = Math.max(1, mergedConfig.virtualizedOptions.overscan)\r\n    // Refs for window-change detection — updated on every render so the handleScroll RAF reads fresh values\r\n    // without needing to re-create the callback. The initial value is overwritten immediately on first render.\r\n    const rowStrideRef = useRef(0)\r\n    const headerHeightScrollRef = useRef(LIST_HEADER_HEIGHT)\r\n    const overscanScrollRef = useRef(overscan)\r\n    // lastFiredScrollTopRef tracks the DOM scrollTop at the last actual setScrollTopState call.\r\n    // The skip check compares both sides in DOM-coordinate space so non-scroll renders cannot\r\n    // reset the reference point into a stale state-coordinate value (causing a stuck dead zone).\r\n    const lastFiredScrollTopRef = useRef(0)\r\n\r\n    // Reset scroll to top when token changes\r\n    useEffect(() => {\r\n      if (props.scrollResetToken === undefined) return\r\n      if (wrapRef.current) wrapRef.current.scrollTop = 0\r\n      latestScrollTopRef.current = 0\r\n      lastFiredScrollTopRef.current = 0\r\n      if (scrollRafRef.current !== null) {\r\n        cancelAnimationFrame(scrollRafRef.current)\r\n        scrollRafRef.current = null\r\n      }\r\n      setScrollTopState(0)\r\n    }, [props.scrollResetToken])\r\n\r\n    const handleScroll: TableContainerProps['onScroll'] = (e) => {\r\n      const t = e.currentTarget\r\n      const newScrollTop = Math.round(t.scrollTop)\r\n      latestScrollTopRef.current = newScrollTop\r\n\r\n      // nearEnd check is urgent — fire immediately outside RAF\r\n      if (t.scrollHeight - t.scrollTop - t.clientHeight <= mergedConfig.nearEndThreshold) {\r\n        props.onNearEnd?.()\r\n      }\r\n\r\n      // Throttle virtualization state updates to one per animation frame.\r\n      if (scrollRafRef.current !== null) return\r\n      scrollRafRef.current = requestAnimationFrame(() => {\r\n        scrollRafRef.current = null\r\n        // Always read the real DOM scrollTop inside the RAF — do NOT rely on latestScrollTopRef.\r\n        // latestScrollTopRef can be stale if browser scroll-anchoring silently adjusts scrollTop\r\n        // (e.g. when bottomSpacer grows after loadMore) without firing a new scroll event.\r\n        const domScrollTop = Math.round(wrapRef.current?.scrollTop ?? latestScrollTopRef.current)\r\n        latestScrollTopRef.current = domScrollTop\r\n\r\n        // Skip scroll state update if the virtual window (start row) wouldn't change.\r\n        // Both sides are computed from DOM-coordinate values (lastFiredScrollTopRef and domScrollTop)\r\n        // so non-scroll renders cannot reset the dead zone into a stale state-coordinate value.\r\n        const rs = rowStrideRef.current\r\n        const lastFiredAdj = Math.max(0, lastFiredScrollTopRef.current - headerHeightScrollRef.current)\r\n        const lastFiredStart = rs > 0 ? Math.max(0, Math.floor(lastFiredAdj / rs) - overscanScrollRef.current) : 0\r\n        const adjustedScrollTop = Math.max(0, domScrollTop - headerHeightScrollRef.current)\r\n        const newStart = rs > 0 ? Math.max(0, Math.floor(adjustedScrollTop / rs) - overscanScrollRef.current) : 0\r\n        if (newStart === lastFiredStart) return\r\n\r\n        lastFiredScrollTopRef.current = domScrollTop\r\n        setScrollTopState(domScrollTop)\r\n      })\r\n    }\r\n\r\n    // Cancel any pending scroll RAF on unmount to prevent setState on an unmounted component.\r\n    useEffect(() => {\r\n      return () => {\r\n        if (scrollRafRef.current !== null) {\r\n          cancelAnimationFrame(scrollRafRef.current)\r\n          scrollRafRef.current = null\r\n        }\r\n      }\r\n    }, [])\r\n\r\n    useLayoutEffect(() => {\r\n      if (!wrapRef.current) return\r\n\r\n      // Sync scrollTopState from actual DOM scroll position on mount.\r\n      // Guards against stale state when the component is reused across navigations\r\n      // (browser may have preserved a non-zero scrollTop while React state reset to 0).\r\n      const domScrollTop = wrapRef.current.scrollTop\r\n      if (domScrollTop > 0) {\r\n        const rounded = Math.round(domScrollTop)\r\n        lastFiredScrollTopRef.current = rounded\r\n        setScrollTopState(rounded)\r\n      }\r\n\r\n      const updateSize = () => {\r\n        const el = wrapRef.current\r\n        if (!el) return\r\n        const nextHeight = el.clientHeight\r\n        const nextWidth = el.clientWidth\r\n        setContainerHeight((prev) => (prev === nextHeight ? prev : nextHeight))\r\n        setContainerWidth((prev) => (prev === nextWidth ? prev : nextWidth))\r\n      }\r\n\r\n      updateSize()\r\n\r\n      const observer = new ResizeObserver(() => updateSize())\r\n      observer.observe(wrapRef.current)\r\n      return () => observer.disconnect()\r\n    }, [])\r\n\r\n    useLayoutEffect(() => {\r\n      hasHeaderMeasuredRef.current = false\r\n    }, [mergedConfig.columns.length])\r\n\r\n    useLayoutEffect(() => {\r\n      if (hasHeaderMeasuredRef.current) return\r\n      const measured = headerRowRef.current?.offsetHeight ?? 0\r\n      if (measured > 0) {\r\n        hasHeaderMeasuredRef.current = true\r\n        setHeaderHeight(measured)\r\n      }\r\n    }, [mergedConfig.columns.length])\r\n\r\n    const windowed = useMemo(() => {\r\n      const totalItems = props.value.length\r\n      if (totalItems === 0) {\r\n        return { start: 0, end: -1, topSpacerHeight: 0, bottomSpacerHeight: 0 }\r\n      }\r\n      // Container not yet measured — render from start with no spacers to avoid\r\n      // the bottom-clamp formula producing start > 0 with a stale visibleCount of 1.\r\n      if (containerHeight === 0) {\r\n        const defaultVisible = overscan * 2 + 1\r\n        return { start: 0, end: Math.min(totalItems - 1, defaultVisible), topSpacerHeight: 0, bottomSpacerHeight: 0 }\r\n      }\r\n      const { rowHeight, rowSpacing } = mergedConfig\r\n      const intRowHeight = Math.round(rowHeight)\r\n      const intRowSpacing = Math.round(rowSpacing)\r\n      const rowStride = intRowHeight + intRowSpacing\r\n      const effectiveScrollTop = scrollTopState\r\n      const safeViewportHeight = Math.max(1, containerHeight - headerHeight)\r\n      const adjustedScrollTop = Math.max(0, effectiveScrollTop - headerHeight)\r\n      const visibleCount = Math.ceil(safeViewportHeight / rowStride)\r\n      let start = Math.max(0, Math.floor(adjustedScrollTop / rowStride) - overscan)\r\n      let end = Math.min(totalItems - 1, start + visibleCount + overscan * 2)\r\n\r\n      // NOTE: The bottom-clamp that previously pinned start when end===totalItems-1\r\n      // has been removed. That clamp decoupled start from scrollTopState, causing a\r\n      // visual jump when loadMore added items (clamp released → start changed even\r\n      // though scrollTopState was unchanged).\r\n\r\n      const topSpacerHeight = resolveListSpacerHeight(start, intRowHeight, intRowSpacing)\r\n      const bottomSpacerHeight = resolveListSpacerHeight(totalItems - end - 1, intRowHeight, intRowSpacing)\r\n\r\n      return { start, end, topSpacerHeight, bottomSpacerHeight }\r\n    }, [props.value.length, headerHeight, overscan, mergedConfig, scrollTopState, containerHeight])\r\n\r\n    // Keep refs in sync for RAF window-change detection (read in handleScroll, never during render).\r\n    rowStrideRef.current = Math.round(mergedConfig.rowHeight) + Math.round(mergedConfig.rowSpacing)\r\n    headerHeightScrollRef.current = headerHeight\r\n    overscanScrollRef.current = overscan\r\n\r\n    const resolvedWidths = useMemo(\r\n      () => resolveFlexColumnWidths(mergedConfig.columns, mergedConfig.selectable, containerWidth),\r\n      [mergedConfig.columns, mergedConfig.selectable, containerWidth]\r\n    )\r\n\r\n    const rowsToRender = useMemo(\r\n      () => (windowed.end >= windowed.start ? props.value.slice(windowed.start, windowed.end + 1) : []),\r\n      [props.value, windowed.start, windowed.end]\r\n    )\r\n    const rootClasses = [classes.root, classes.virtualized].filter(Boolean).join(' ')\r\n    return (\r\n      <ViewListStyled className={rootClasses} style={mergedConfig.rootStyle}>\r\n        <TableContainer ref={wrapRef} className={classes.scrollContainer} onScroll={handleScroll}>\r\n          <Table size='small' className={classes.table} sx={{ minWidth: tableMinWidth }}>\r\n            {renderColGroup(resolvedWidths, mergedConfig.selectable)}\r\n            <TableHead className={classes.tableHeader}>\r\n              <TableRow ref={headerRowRef}>\r\n                {mergedConfig.selectable && (\r\n                  <TableCell padding='checkbox' className={classes.tableHeaderCell}>\r\n                    <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n                  </TableCell>\r\n                )}\r\n                {mergedConfig.columns.map((col, colIndex) => (\r\n                  <TableCell\r\n                    key={String(col.field)}\r\n                    className={classes.tableHeaderCell}\r\n                    align={col.align}\r\n                    sx={mapSxTableCell(col, resolvedWidths[colIndex])}\r\n                  >\r\n                    {col.label ?? String(col.field)}\r\n                  </TableCell>\r\n                ))}\r\n              </TableRow>\r\n            </TableHead>\r\n            <TableBody>\r\n              {windowed.topSpacerHeight > 0 ? (\r\n                <TableRow className={classes.tableSpacerRow}>\r\n                  <TableCell\r\n                    colSpan={mergedConfig.columns.length + (mergedConfig.selectable ? 1 : 0)}\r\n                    className={classes.tableSpacerCell}\r\n                    sx={{ height: windowed.topSpacerHeight, padding: 0, border: 0 }}\r\n                  />\r\n                </TableRow>\r\n              ) : null}\r\n\r\n              {rowsToRender.map((row, offset) => {\r\n                const index = windowed.start + offset\r\n                const rowKey = config.getterId(row, index) ?? index\r\n                const isSelected = selectedIds.includes(rowKey)\r\n                const { rowHeight, cellPadding } = mergedConfig\r\n                return (\r\n                  <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n                    {mergedConfig.selectable && (\r\n                      <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n                        <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n                      </TableCell>\r\n                    )}\r\n                    {mergedConfig.columns.map((col, colIndex) => (\r\n                      <TableCell\r\n                        key={`${String(rowKey)}-${String(col.field)}`}\r\n                        className={classes.tableBodyCell}\r\n                        align={col.align}\r\n                        sx={mapSxTableCell(col, resolvedWidths[colIndex], { height: rowHeight, padding: cellPadding })}\r\n                      >\r\n                        <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n                      </TableCell>\r\n                    ))}\r\n                  </TableRow>\r\n                )\r\n              })}\r\n\r\n              {windowed.bottomSpacerHeight > 0 ? (\r\n                <TableRow className={classes.tableSpacerRow}>\r\n                  <TableCell\r\n                    colSpan={mergedConfig.columns.length + (mergedConfig.selectable ? 1 : 0)}\r\n                    className={classes.tableSpacerCell}\r\n                    sx={{ height: windowed.bottomSpacerHeight, padding: 0, border: 0 }}\r\n                  />\r\n                </TableRow>\r\n              ) : null}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </ViewListStyled>\r\n    )\r\n  }\r\n  return ViewListVirtualized\r\n}\r\n//#endregion\r\n//#region Main\r\nexport function createViewList<T>(config: IViewListConfig<T>) {\r\n  const ViewListNormal = createViewListNormal<T>(config)\r\n  const ViewListVirtualized = createViewListVirtualized<T>(config)\r\n\r\n  const ViewList: FC<IViewListProps<T>> = (props) => {\r\n    const renderStrategy = props.renderStrategy ?? config.renderStrategy ?? 'normal'\r\n    if (renderStrategy === 'virtualized') {\r\n      return <ViewListVirtualized {...props} />\r\n    }\r\n    return <ViewListNormal {...props} />\r\n  }\r\n  return ViewList\r\n}\r\n\r\nexport interface IViewListLoadingProps<T> extends IViewListProps<T> {\r\n  loadMode: LoadingModeRule\r\n  loading?: boolean\r\n  pagination?: TPagination\r\n  onPageChange?: (page: number, pageSize: number) => void | Promise<void>\r\n}\r\n\r\nexport function createViewListLoading<T>(ListComponent: ComponentType<IViewListProps<T>>) {\r\n  const ViewListLoading: FC<IViewListLoadingProps<T>> = (props) => {\r\n    // Guard against duplicate calls during the window between onPageChange and loading=true propagating back\r\n    const pendingRef = useRef(false)\r\n\r\n    // Sync pendingRef when loading resets externally (e.g. error path where onPageChange didn't resolve)\r\n    useEffect(() => {\r\n      if (!props.loading) pendingRef.current = false\r\n    }, [props.loading])\r\n\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      if (pendingRef.current) return\r\n\r\n      pendingRef.current = true\r\n      try {\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      } finally {\r\n        pendingRef.current = false\r\n      }\r\n    }, [props.loadMode, props.pagination?.hasNext, props.pagination?.page, props.pagination?.pageSize, props.loading, props.onPageChange])\r\n\r\n    return (\r\n      <ListComponent\r\n        value={props.value}\r\n        columns={props.columns}\r\n        density={props.density}\r\n        spacing={props.spacing}\r\n        renderStrategy={props.renderStrategy}\r\n        normalOptions={props.normalOptions}\r\n        virtualizedOptions={props.virtualizedOptions}\r\n        onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\r\n        selectable={props.selectable}\r\n        selectedIds={props.selectedIds}\r\n        onSelectionChange={props.onSelectionChange}\r\n        scrollResetToken={props.scrollResetToken}\r\n      />\r\n    )\r\n  }\r\n\r\n  return ViewListLoading\r\n}\r\n\r\nexport default createViewList\r\n//#endregion\r\n"],"names":["renderCellValue","column","row","index","currentValue","field","value","valueGetter","params","renderCell","valueLabel","String","_jsx","Typography","variant","noWrap","title","renderColGroup","resolvedWidths","selectable","_jsxs","style","width","CHECKBOX_COL_WIDTH","map","w","i","undefined","createViewList","config","ViewListNormal","props","mergedConfig","useMergedConfig","tableMinWidthRaw","columns","reduce","sum","col","_col$minWidth","minWidth","tableMinWidth","isAutoHeight","normalOptions","autoHeight","onSelectionChange","scrollContainerRef","useRef","_useState","useState","_useState2","_slicedToArray","containerWidth","setContainerWidth","useLayoutEffect","current","el","update","prev","next","clientWidth","observer","ResizeObserver","observe","disconnect","useMemo","resolveFlexColumnWidths","useEffect","scrollResetToken","scrollTop","selection","useListSelection","getterId","selectedIds","isAllSelected","isSomeSelected","handleToggleAll","handleToggleRow","rootClasses","l","classes","root","normal","push","join","ViewListStyled","className","rootStyle","children","TableContainer","ref","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollHeight","clientHeight","nearEndThreshold","onNearEnd","call","Table","size","table","sx","TableHead","tableHeader","TableRow","TableCell","padding","tableHeaderCell","Checkbox","checked","indeterminate","onChange","colIndex","_col$label","align","mapSxTableCell","label","TableBody","_config$getterId","rowKey","isSelected","includes","rowHeight","cellPadding","hover","height","selected","tableBodyCell","Box","tableCellContent","concat","createViewListNormal","ViewListVirtualized","_col$minWidth2","wrapRef","headerRowRef","hasHeaderMeasuredRef","scrollRafRef","latestScrollTopRef","_useState3","_useState4","containerHeight","setContainerHeight","_useState5","_useState6","_useState7","_useState8","scrollTopState","setScrollTopState","_useState9","LIST_HEADER_HEIGHT","_useState0","headerHeight","setHeaderHeight","overscan","Math","max","virtualizedOptions","rowStrideRef","headerHeightScrollRef","overscanScrollRef","lastFiredScrollTopRef","cancelAnimationFrame","domScrollTop","rounded","round","updateSize","nextHeight","nextWidth","length","_headerRowRef$current","_headerRowRef$current2","measured","offsetHeight","windowed","totalItems","start","end","topSpacerHeight","bottomSpacerHeight","defaultVisible","min","rowSpacing","intRowHeight","intRowSpacing","rowStride","effectiveScrollTop","safeViewportHeight","adjustedScrollTop","visibleCount","ceil","floor","resolveListSpacerHeight","rowsToRender","slice","virtualized","filter","Boolean","_props$onNearEnd2","newScrollTop","requestAnimationFrame","_wrapRef$current$scro","_wrapRef$current","rs","lastFiredAdj","lastFiredStart","_col$label2","tableSpacerRow","colSpan","tableSpacerCell","border","offset","_config$getterId2","createViewListVirtualized","_ref","_props$renderStrategy","renderStrategy","_objectSpread","createViewListLoading","ListComponent","_props$pagination4","_props$pagination5","_props$pagination6","pendingRef","loading","handleNearEnd","useCallback","_asyncToGenerator","_regenerator","m","_callee","_props$pagination","_props$pagination$pag","_props$pagination2","_props$pagination$pag2","_props$pagination3","_props$onPageChange","currentPage","currentPageSize","nextPage","_context","p","n","loadMode","a","pagination","hasNext","page","pageSize","onPageChange","f","density","spacing"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/data-surface/view-list/styled.tsx"],"sourcesContent":["import { alpha, Box, styled } from '@mui/material'\r\n\r\nexport const VIEW_LIST_ROW_SPACING_VAR = '--DinoViewList-rowSpacing'\r\n\r\nexport const viewListClasses = {\r\n  root: 'DinoViewList-root',\r\n  normal: 'DinoViewList-normal',\r\n  virtualized: 'DinoViewList-virtualized',\r\n  autoHeight: 'DinoViewList-autoHeight',\r\n  scrollContainer: 'DinoViewList-scrollContainer',\r\n  table: 'DinoViewList-table',\r\n  tableHeader: 'DinoViewList-tableHeader',\r\n  tableHeaderCell: 'DinoViewList-tableHeaderCell',\r\n  tableBodyCell: 'DinoViewList-tableBodyCell',\r\n  tableSpacerRow: 'DinoViewList-tableSpacerRow',\r\n  tableSpacerCell: 'DinoViewList-tableSpacerCell',\r\n  tableCellContent: 'DinoViewList-tableCellContent'\r\n}\r\nconst classes = viewListClasses\r\n\r\nexport const ViewListStyled = styled(Box)(({ theme }) => {\r\n  const mode = theme.palette.mode\r\n  const borderColor = alpha(theme.palette.common.black, mode === 'dark' ? 0.24 : 0.08)\r\n  const bgHeader = mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[50]\r\n\r\n  return {\r\n    [`&.${classes.root}`]: {\r\n      position: 'relative',\r\n      width: '100%',\r\n      height: '100%',\r\n      overflow: 'hidden'\r\n    },\r\n    [`.${classes.scrollContainer}`]: {\r\n      position: 'absolute',\r\n      inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n      overflowY: 'auto',\r\n      overflowX: 'auto',\r\n      overflowAnchor: 'none',\r\n      // Scrollbar styling\r\n      '&::-webkit-scrollbar': { width: 6, height: 6 },\r\n      '&::-webkit-scrollbar-thumb': { backgroundColor: theme.palette.grey[400] },\r\n      '&::-webkit-scrollbar-thumb:hover': { backgroundColor: theme.palette.grey[600] },\r\n      '&::-webkit-scrollbar-track': { backgroundColor: theme.palette.grey[200], borderRadius: 4 },\r\n      '&::-webkit-scrollbar-track:hover': { backgroundColor: theme.palette.grey[300] }\r\n    },\r\n    [`.${classes.table}`]: {\r\n      tableLayout: 'fixed',\r\n      width: '100%',\r\n      borderCollapse: 'separate',\r\n      borderSpacing: `0 var(${VIEW_LIST_ROW_SPACING_VAR}, ${theme.spacing(0.5)})`,\r\n      marginTop: `calc(var(${VIEW_LIST_ROW_SPACING_VAR}, ${theme.spacing(0.5)}) * -1)`\r\n    },\r\n    [`.${classes.tableHeader}`]: {\r\n      position: 'sticky',\r\n      top: 0,\r\n      zIndex: 2,\r\n      backgroundColor: bgHeader\r\n    },\r\n    [`.${classes.tableHeaderCell}`]: {\r\n      fontWeight: 500,\r\n      paddingTop: theme.spacing(1.5),\r\n      paddingBottom: theme.spacing(1.5),\r\n      overflow: 'hidden',\r\n      borderBottom: 'unset'\r\n      // borderTop: `1px dashed ${borderColor}`,\r\n      // borderBottom: `1px dashed ${borderColor}`,\r\n      // '&:first-of-type': { borderLeft: `1px dashed ${borderColor}` },\r\n      // '&:last-of-type': { borderRight: `1px dashed ${borderColor}` }\r\n    },\r\n    [`.${classes.tableBodyCell}`]: {\r\n      overflow: 'hidden',\r\n      borderTop: `0.5px dashed ${borderColor}`,\r\n      borderBottom: `0.5px dashed ${borderColor}`,\r\n      '&:first-of-type': {\r\n        borderLeft: `0.5px dashed ${borderColor}`,\r\n        borderRadius: theme.spacing(0.5, 0, 0, 0.5)\r\n      },\r\n      '&:last-of-type': {\r\n        borderRight: `0.5px dashed ${borderColor}`,\r\n        borderRadius: theme.spacing(0, 0.5, 0.5, 0)\r\n      }\r\n    },\r\n    [`.${classes.tableCellContent}`]: {\r\n      minWidth: 0, // Allow shrinking below content size\r\n      width: '100%' // Fill parent TableCell\r\n    },\r\n    // Virtualized styles\r\n    [`&.${classes.virtualized}`]: {\r\n      boxSizing: 'border-box'\r\n    },\r\n    // 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})\r\n"],"names":["VIEW_LIST_ROW_SPACING_VAR","viewListClasses","root","normal","virtualized","autoHeight","scrollContainer","table","tableHeader","tableHeaderCell","tableBodyCell","tableSpacerRow","tableSpacerCell","tableCellContent","classes","ViewListStyled","styled","Box","_ref","theme","mode","palette","borderColor","alpha","common","black","bgHeader","grey","_defineProperty","concat","position","width","height","overflow","inset","overflowY","overflowX","overflowAnchor","backgroundColor","borderRadius","tableLayout","borderCollapse","borderSpacing","spacing","marginTop","top","zIndex","fontWeight","paddingTop","paddingBottom","borderBottom","borderTop","borderLeft","borderRight","minWidth","boxSizing"],"mappings":"2IAEO,IAAMA,EAA4B,4BAE5BC,EAAkB,CAC7BC,KAAM,oBACNC,OAAQ,sBACRC,YAAa,2BACbC,WAAY,0BACZC,gBAAiB,+BACjBC,MAAO,qBACPC,YAAa,2BACbC,gBAAiB,+BACjBC,cAAe,6BACfC,eAAgB,8BAChBC,gBAAiB,+BACjBC,iBAAkB,iCAEdC,EAAUb,EAEHc,EAAiBC,EAAOC,EAAPD,CAAY,SAAAE,GAAc,IAAXC,EAAKD,EAALC,MACrCC,EAAOD,EAAME,QAAQD,KACrBE,EAAcC,EAAMJ,EAAME,QAAQG,OAAOC,MAAgB,SAATL,EAAkB,IAAO,KACzEM,EAAoB,SAATN,EAAkBD,EAAME,QAAQM,KAAK,KAAOR,EAAME,QAAQM,KAAK,IAEhF,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAAA,KAAAC,OACQf,EAAQZ,MAAS,CACrB4B,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,SAAU,eACXJ,OACIf,EAAQR,iBAAoB,CAC/BwB,SAAU,WACVI,MAAO,EACPC,UAAW,OACXC,UAAW,OACXC,eAAgB,OAEhB,uBAAwB,CAAEN,MAAO,EAAGC,OAAQ,GAC5C,6BAA8B,CAAEM,gBAAiBnB,EAAME,QAAQM,KAAK,MACpE,mCAAoC,CAAEW,gBAAiBnB,EAAME,QAAQM,KAAK,MAC1E,6BAA8B,CAAEW,gBAAiBnB,EAAME,QAAQM,KAAK,KAAMY,aAAc,GACxF,mCAAoC,CAAED,gBAAiBnB,EAAME,QAAQM,KAAK,YAC3EE,OACIf,EAAQP,OAAU,CACrBiC,YAAa,QACbT,MAAO,OACPU,eAAgB,WAChBC,cAAab,SAAAA,OAAW7B,EAAyB6B,MAAAA,OAAKV,EAAMwB,QAAQ,IAAO,KAC3EC,UAASf,YAAAA,OAAc7B,EAAyB6B,MAAAA,OAAKV,EAAMwB,QAAQ,IAAI,iBACxEd,OACIf,EAAQN,aAAgB,CAC3BsB,SAAU,SACVe,IAAK,EACLC,OAAQ,EACRR,gBAAiBZ,QAClBG,OACIf,EAAQL,iBAAoB,CAC/BsC,WAAY,IACZC,WAAY7B,EAAMwB,QAAQ,KAC1BM,cAAe9B,EAAMwB,QAAQ,KAC7BV,SAAU,SACViB,aAAc,cAKfrB,OACIf,EAAQJ,eAAkB,CAC7BuB,SAAU,SACVkB,UAAStB,gBAAAA,OAAkBP,GAC3B4B,aAAYrB,gBAAAA,OAAkBP,GAC9B,kBAAmB,CACjB8B,WAAUvB,gBAAAA,OAAkBP,GAC5BiB,aAAcpB,EAAMwB,QAAQ,GAAK,EAAG,EAAG,KAEzC,iBAAkB,CAChBU,YAAWxB,gBAAAA,OAAkBP,GAC7BiB,aAAcpB,EAAMwB,QAAQ,EAAG,GAAK,GAAK,UAE5Cd,OACIf,EAAQD,kBAAqB,CAChCyC,SAAU,EACVvB,MAAO,cACRF,OAEKf,EAAQV,aAAgB,CAC5BmD,UAAW,eACZ1B,KAAAA,OAIKf,EAAQX,OAAM0B,KAAAA,OAAIf,EAAQT,YAAUuB,EAAA,CACxCI,OAAQ,OACRC,SAAU,WAAS,IAAAJ,OACdf,EAAQR,iBAAoB,CAC/BwB,SAAU,SACVI,MAAO,OACPC,UAAW,YAInB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/data-surface/view-list/styled.tsx"],"sourcesContent":["import { alpha, Box, styled } from '@mui/material'\r\n\r\nexport const VIEW_LIST_ROW_SPACING_VAR = '--DinoViewList-rowSpacing'\r\n\r\nexport const viewListClasses = {\r\n  root: 'DinoViewList-root',\r\n  normal: 'DinoViewList-normal',\r\n  virtualized: 'DinoViewList-virtualized',\r\n  autoHeight: 'DinoViewList-autoHeight',\r\n  scrollContainer: 'DinoViewList-scrollContainer',\r\n  table: 'DinoViewList-table',\r\n  tableHeader: 'DinoViewList-tableHeader',\r\n  tableHeaderCell: 'DinoViewList-tableHeaderCell',\r\n  tableBodyCell: 'DinoViewList-tableBodyCell',\r\n  tableSpacerRow: 'DinoViewList-tableSpacerRow',\r\n  tableSpacerCell: 'DinoViewList-tableSpacerCell',\r\n  tableCellContent: 'DinoViewList-tableCellContent'\r\n}\r\nconst classes = viewListClasses\r\n\r\nexport const ViewListStyled = styled(Box)(({ theme }) => {\r\n  const mode = theme.palette.mode\r\n  const borderColor = alpha(theme.palette.common.black, mode === 'dark' ? 0.24 : 0.08)\r\n  const bgHeader = mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[50]\r\n\r\n  return {\r\n    [`&.${classes.root}`]: {\r\n      position: 'relative',\r\n      width: '100%',\r\n      height: '100%',\r\n      overflow: 'hidden'\r\n    },\r\n    [`.${classes.scrollContainer}`]: {\r\n      position: 'absolute',\r\n      inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n      overflowY: 'auto',\r\n      overflowX: 'auto',\r\n      overflowAnchor: 'none',\r\n      // Scrollbar styling\r\n      '&::-webkit-scrollbar': { width: 6, height: 6 },\r\n      '&::-webkit-scrollbar-thumb': { backgroundColor: theme.palette.grey[400] },\r\n      '&::-webkit-scrollbar-thumb:hover': { backgroundColor: theme.palette.grey[600] },\r\n      '&::-webkit-scrollbar-track': { backgroundColor: theme.palette.grey[200], borderRadius: 4 },\r\n      '&::-webkit-scrollbar-track:hover': { backgroundColor: theme.palette.grey[300] }\r\n    },\r\n    [`.${classes.table}`]: {\r\n      tableLayout: 'fixed',\r\n      width: '100%',\r\n      borderCollapse: 'separate',\r\n      borderSpacing: `0 var(${VIEW_LIST_ROW_SPACING_VAR}, ${theme.spacing(0.5)})`,\r\n      marginTop: `calc(var(${VIEW_LIST_ROW_SPACING_VAR}, ${theme.spacing(0.5)}) * -1)`\r\n    },\r\n    [`.${classes.tableHeader}`]: {\r\n      position: 'sticky',\r\n      top: 0,\r\n      zIndex: 2,\r\n      backgroundColor: bgHeader\r\n    },\r\n    [`.${classes.tableHeaderCell}`]: {\r\n      fontWeight: 500,\r\n      paddingTop: theme.spacing(1.5),\r\n      paddingBottom: theme.spacing(1.5),\r\n      overflow: 'hidden',\r\n      borderBottom: 'unset'\r\n      // borderTop: `1px dashed ${borderColor}`,\r\n      // borderBottom: `1px dashed ${borderColor}`,\r\n      // '&:first-of-type': { borderLeft: `1px dashed ${borderColor}` },\r\n      // '&:last-of-type': { borderRight: `1px dashed ${borderColor}` }\r\n    },\r\n    [`.${classes.tableBodyCell}`]: {\r\n      overflow: 'hidden',\r\n      borderTop: `0.5px dashed ${borderColor}`,\r\n      borderBottom: `0.5px dashed ${borderColor}`,\r\n      '&:first-of-type': {\r\n        borderLeft: `0.5px dashed ${borderColor}`,\r\n        borderRadius: theme.spacing(0.5, 0, 0, 0.5)\r\n      },\r\n      '&:last-of-type': {\r\n        borderRight: `0.5px dashed ${borderColor}`,\r\n        borderRadius: theme.spacing(0, 0.5, 0.5, 0)\r\n      }\r\n    },\r\n    [`.${classes.tableCellContent}`]: {\r\n      minWidth: 0, // Allow shrinking below content size\r\n      width: '100%' // Fill parent TableCell\r\n    },\r\n    // Virtualized styles\r\n    [`&.${classes.virtualized}`]: { boxSizing: 'border-box' },\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})\r\n"],"names":["VIEW_LIST_ROW_SPACING_VAR","viewListClasses","root","normal","virtualized","autoHeight","scrollContainer","table","tableHeader","tableHeaderCell","tableBodyCell","tableSpacerRow","tableSpacerCell","tableCellContent","classes","ViewListStyled","styled","Box","_ref","theme","mode","palette","borderColor","alpha","common","black","bgHeader","grey","_defineProperty","concat","position","width","height","overflow","inset","overflowY","overflowX","overflowAnchor","backgroundColor","borderRadius","tableLayout","borderCollapse","borderSpacing","spacing","marginTop","top","zIndex","fontWeight","paddingTop","paddingBottom","borderBottom","borderTop","borderLeft","borderRight","minWidth","boxSizing"],"mappings":"2IAEO,IAAMA,EAA4B,4BAE5BC,EAAkB,CAC7BC,KAAM,oBACNC,OAAQ,sBACRC,YAAa,2BACbC,WAAY,0BACZC,gBAAiB,+BACjBC,MAAO,qBACPC,YAAa,2BACbC,gBAAiB,+BACjBC,cAAe,6BACfC,eAAgB,8BAChBC,gBAAiB,+BACjBC,iBAAkB,iCAEdC,EAAUb,EAEHc,EAAiBC,EAAOC,EAAPD,CAAY,SAAAE,GAAc,IAAXC,EAAKD,EAALC,MACrCC,EAAOD,EAAME,QAAQD,KACrBE,EAAcC,EAAMJ,EAAME,QAAQG,OAAOC,MAAgB,SAATL,EAAkB,IAAO,KACzEM,EAAoB,SAATN,EAAkBD,EAAME,QAAQM,KAAK,KAAOR,EAAME,QAAQM,KAAK,IAEhF,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAAA,KAAAC,OACQf,EAAQZ,MAAS,CACrB4B,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,SAAU,eACXJ,OACIf,EAAQR,iBAAoB,CAC/BwB,SAAU,WACVI,MAAO,EACPC,UAAW,OACXC,UAAW,OACXC,eAAgB,OAEhB,uBAAwB,CAAEN,MAAO,EAAGC,OAAQ,GAC5C,6BAA8B,CAAEM,gBAAiBnB,EAAME,QAAQM,KAAK,MACpE,mCAAoC,CAAEW,gBAAiBnB,EAAME,QAAQM,KAAK,MAC1E,6BAA8B,CAAEW,gBAAiBnB,EAAME,QAAQM,KAAK,KAAMY,aAAc,GACxF,mCAAoC,CAAED,gBAAiBnB,EAAME,QAAQM,KAAK,YAC3EE,OACIf,EAAQP,OAAU,CACrBiC,YAAa,QACbT,MAAO,OACPU,eAAgB,WAChBC,cAAab,SAAAA,OAAW7B,EAAyB6B,MAAAA,OAAKV,EAAMwB,QAAQ,IAAO,KAC3EC,UAASf,YAAAA,OAAc7B,EAAyB6B,MAAAA,OAAKV,EAAMwB,QAAQ,IAAI,iBACxEd,OACIf,EAAQN,aAAgB,CAC3BsB,SAAU,SACVe,IAAK,EACLC,OAAQ,EACRR,gBAAiBZ,QAClBG,OACIf,EAAQL,iBAAoB,CAC/BsC,WAAY,IACZC,WAAY7B,EAAMwB,QAAQ,KAC1BM,cAAe9B,EAAMwB,QAAQ,KAC7BV,SAAU,SACViB,aAAc,cAKfrB,OACIf,EAAQJ,eAAkB,CAC7BuB,SAAU,SACVkB,UAAStB,gBAAAA,OAAkBP,GAC3B4B,aAAYrB,gBAAAA,OAAkBP,GAC9B,kBAAmB,CACjB8B,WAAUvB,gBAAAA,OAAkBP,GAC5BiB,aAAcpB,EAAMwB,QAAQ,GAAK,EAAG,EAAG,KAEzC,iBAAkB,CAChBU,YAAWxB,gBAAAA,OAAkBP,GAC7BiB,aAAcpB,EAAMwB,QAAQ,EAAG,GAAK,GAAK,UAE5Cd,OACIf,EAAQD,kBAAqB,CAChCyC,SAAU,EACVvB,MAAO,cACRF,OAEKf,EAAQV,aAAgB,CAAEmD,UAAW,eAAc1B,KAAAA,OAInDf,EAAQX,OAAM0B,KAAAA,OAAIf,EAAQT,YAAUuB,EAAA,CACxCI,OAAQ,OACRC,SAAU,WAAS,IAAAJ,OACdf,EAAQR,iBAAoB,CAC/BwB,SAAU,SACVI,MAAO,OACPC,UAAW,YAInB"}

package/dist/src/filter-bar/components/filter-summary.js

@@ -1,2 +1,2 @@
-import{defineProperty as l,objectSpread2 as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useContext as t,useMemo as o}from"react";import{styled as a,iconButtonClasses as n,buttonClasses as c,Collapse as s,Box as u,Button as d,IconButton as m}from"@mui/material";import p from"@mui/icons-material/ClearAll";import{KeySpecial as b}from"../types.js";import{useFilterActions as f}from"../hooks.js";import{mapSpecialLabel as h}from"../helpers.js";import{createChipViewers as v}from"./chip-viewer.js";import{FilterBarContext as g}from"../index.context.js";var x="__field__";function k(l){var a=y,n=v();return function(c){var v=t(g),k=v.filterState,y=f(v),S=o(function(){return function(l,e){var i,t=l.fields,o=l.enableQuickSearch,a=void 0===o||o,n=r({},t),c=b.quickSearch;return a?n[c]?null!==(i=n[c])&&void 0!==i&&i.label||(n[c]=r(r({},n[c]),{},{label:h[c]})):n[c]={label:h[c]}:delete n[c],Object.keys(e||{}).reduce(function(l,r){var i,t=null==n?void 0:n[r],o=(null==t?void 0:t.label)||r.toString(),a=null==e||null===(i=e[r])||void 0===i?void 0:i.values,c=(Array.isArray(a)?a:[]).filter(Boolean).map(function(l,i){var o;return{value:l.toString(),label:null==t||null===(o=t.labelFormatter)||void 0===o?void 0:o.call(t,l,i,null==e?void 0:e[r])}});if(c.length>0)if(null!=t&&t.singleChip){var s,u=null!==(s=t.singleChipSeparator)&&void 0!==s?s:", ",d=c.map(function(l){var r;return null!==(r=l.label)&&void 0!==r?r:l.value.toString()}).join(u);l.push({field:r,label:o,items:[{value:x,label:d}],chipMinWidth:t.chipMinWidth})}else l.push({field:r,label:o,items:c,chipMinWidth:null==t?void 0:t.chipMinWidth});return l},[]).sort(function(l,r){return l.field===c?-1:r.field===c?1:0})}(l,k.storeFilter)},[k,l]);return e(s,{in:S.length>0,timeout:"auto",unmountOnExit:!0,children:i(C,{className:a.root,sx:c.sx,children:[e("div",{className:a.scrollHorizontal,children:e(n,{label:"Filters",value:S,disabled:v.isLoading,placement:"horizontal",onRemove:function(l,r){return r===x?y.removeFilter(l):y.removeFilterByFieldValue(l,r)}})}),i(u,{children:[e(d,{size:"small",color:"error",variant:"text",onClick:y.clearAllFilters,className:a.buttonClearAll,startIcon:e(p,{}),"aria-label":"Clear all filters",disabled:v.isLoading,children:"Clear All"}),e(m,{size:"small",color:"error",onClick:y.clearAllFilters,className:a.buttonClearAll,"aria-label":"Clear all filters",disabled:v.isLoading,children:e(p,{})})]})]})})}}var y={root:"DinoFilterSummary-root",scrollHorizontal:"DinoFilterSummary-scrollHorizontal",buttonClearAll:"DinoFilterSummary-buttonClearAll"},C=a("div")(function(r){var e=r.theme;return l(l(l({},"&.".concat(y.root),{display:"flex",alignItems:"center",padding:e.spacing(0,1.5)}),".".concat(y.scrollHorizontal),{overflowX:"auto",overflowY:"hidden",WebkitOverflowScrolling:"touch",scrollbarHeight:"thin",display:"flex",flexWrap:"nowrap",minWidth:0,flex:1,"& > *":{minWidth:"max-content",flexShrink:0},"&::-webkit-scrollbar":{height:"8px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:e.palette.grey[300],borderRadius:"8px",minHeight:"8px",transition:"background 0.2s"},"&::-webkit-scrollbar-thumb:hover":{background:e.palette.primary.light},"&::-webkit-scrollbar-track":{background:e.palette.grey[100],borderRadius:"8px"},scrollbarColor:"".concat(e.palette.grey[300]," ").concat(e.palette.grey[100]),scrollbarWidth:"thin"}),".".concat(y.buttonClearAll),l(l(l({marginLeft:e.spacing(1)},"&:not(.".concat(n.root,")"),{textTransform:"none",fontWeight:500,lineHeight:2,padding:e.spacing(0,1)}),"&.".concat(n.root),{display:"none"}),e.breakpoints.down("md"),l(l({},"&.".concat(c.root),{display:"none"}),"&.".concat(n.root),{display:"flex"})))});export{k as createFilterSummary};
+import{defineProperty as l,objectSpread2 as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as i,useMemo as o}from"react";import{styled as a,iconButtonClasses as n,buttonClasses as c,Collapse as s,Box as u,Button as d,IconButton as m}from"@mui/material";import p from"@mui/icons-material/ClearAll";import{KeySpecial as b}from"../types.js";import{useFilterActions as f}from"../hooks.js";import{mapSpecialLabel as h}from"../helpers.js";import{createChipViewers as v}from"./chip-viewer.js";import{FilterBarContext as g}from"../index.context.js";var x="__field__";function k(l){var a=y,n=v();return function(c){var v=i(g),k=v.filterState,y=f(v),S=o(function(){return function(l,e){var t,i=l.fields,o=l.enableQuickSearch,a=void 0===o||o,n=r({},i),c=b.quickSearch;return a?n[c]?null!==(t=n[c])&&void 0!==t&&t.label||(n[c]=r(r({},n[c]),{},{label:h[c]})):n[c]={label:h[c]}:delete n[c],Object.keys(e||{}).reduce(function(l,r){var t,i=null==n?void 0:n[r],o=(null==i?void 0:i.label)||r.toString(),a=null==e||null===(t=e[r])||void 0===t?void 0:t.values,c=(Array.isArray(a)?a:[]).filter(function(l){return null!=l}).map(function(l,t){var o;return{value:l.toString(),label:null==i||null===(o=i.labelFormatter)||void 0===o?void 0:o.call(i,l,t,null==e?void 0:e[r])}});if(c.length>0)if(null!=i&&i.singleChip){var s,u=null!==(s=i.singleChipSeparator)&&void 0!==s?s:", ",d=c.map(function(l){var r;return null!==(r=l.label)&&void 0!==r?r:l.value.toString()}).join(u);l.push({field:r,label:o,items:[{value:x,label:d}],chipMinWidth:i.chipMinWidth})}else l.push({field:r,label:o,items:c,chipMinWidth:null==i?void 0:i.chipMinWidth});return l},[]).sort(function(l,r){return l.field===c?-1:r.field===c?1:0})}(l,k.storeFilter)},[k,l]);return e(s,{in:S.length>0,timeout:"auto",unmountOnExit:!0,children:t(C,{className:a.root,sx:c.sx,children:[e("div",{className:a.scrollHorizontal,children:e(n,{label:"Filters",value:S,disabled:v.isLoading,placement:"horizontal",onRemove:function(l,r){return r===x?y.removeFilter(l):y.removeFilterByFieldValue(l,r)}})}),t(u,{children:[e(d,{size:"small",color:"error",variant:"text",onClick:y.clearAllFilters,className:a.buttonClearAll,startIcon:e(p,{}),"aria-label":"Clear all filters",disabled:v.isLoading,children:"Clear All"}),e(m,{size:"small",color:"error",onClick:y.clearAllFilters,className:a.buttonClearAll,"aria-label":"Clear all filters",disabled:v.isLoading,children:e(p,{})})]})]})})}}var y={root:"DinoFilterSummary-root",scrollHorizontal:"DinoFilterSummary-scrollHorizontal",buttonClearAll:"DinoFilterSummary-buttonClearAll"},C=a("div")(function(r){var e=r.theme;return l(l(l({},"&.".concat(y.root),{display:"flex",alignItems:"center",padding:e.spacing(0,1.5)}),".".concat(y.scrollHorizontal),{overflowX:"auto",overflowY:"hidden",WebkitOverflowScrolling:"touch",scrollbarHeight:"thin",display:"flex",flexWrap:"nowrap",minWidth:0,flex:1,"& > *":{minWidth:"max-content",flexShrink:0},"&::-webkit-scrollbar":{height:"8px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:e.palette.grey[300],borderRadius:"8px",minHeight:"8px",transition:"background 0.2s"},"&::-webkit-scrollbar-thumb:hover":{background:e.palette.primary.light},"&::-webkit-scrollbar-track":{background:e.palette.grey[100],borderRadius:"8px"},scrollbarColor:"".concat(e.palette.grey[300]," ").concat(e.palette.grey[100]),scrollbarWidth:"thin"}),".".concat(y.buttonClearAll),l(l(l({marginLeft:e.spacing(1)},"&:not(.".concat(n.root,")"),{textTransform:"none",fontWeight:500,lineHeight:2,padding:e.spacing(0,1)}),"&.".concat(n.root),{display:"none"}),e.breakpoints.down("md"),l(l({},"&.".concat(c.root),{display:"none"}),"&.".concat(n.root),{display:"flex"})))});export{k as createFilterSummary};
 //# sourceMappingURL=filter-summary.js.map

package/dist/src/filter-bar/components/filter-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-summary.js","sources":["../../../../src/filter-bar/components/filter-summary.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useContext, useMemo } from 'react'\r\nimport { Box, Button, buttonClasses, Collapse, IconButton, iconButtonClasses, styled } from '@mui/material'\r\nimport ClearAllIcon from '@mui/icons-material/ClearAll'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel } from '../helpers'\r\nimport { createChipViewers } from './chip-viewer'\r\nimport { FilterBarContext } from '../index.context'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { TFieldStore, TFieldValid } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IChipViewerItem, TChipViewerGroup } from './chip-viewer'\r\nimport type { IFilterSummaryConfig, IFilterSummaryProps, TFieldSummaryConfigs } from './filter-summary.types'\r\n\r\n/** Sentinel value used when singleChip mode collapses all values into one chip. */\r\nconst SINGLE_CHIP_SENTINEL = '__field__'\r\n\r\nfunction mapFilterStateToFilterData<T>(config: IFilterSummaryConfig<T>, store?: TFieldStore<T>): TChipViewerGroup<T>[] {\r\n  const { fields, enableQuickSearch = true } = config\r\n\r\n  // Ensure 'quickSearch' is always included in the summary, even if it's not in the config or store\r\n  // If enableQuickSearch is false, it will not be added to the summary or removed if it exists in the config\r\n  const mergedConfig: TFieldSummaryConfigs<T> = { ...fields }\r\n  const qsKey = KeySpecial.quickSearch\r\n  if (enableQuickSearch) {\r\n    if (!mergedConfig[qsKey]) {\r\n      mergedConfig[qsKey] = { label: mapSpecialLabel[qsKey] }\r\n    } else if (!mergedConfig[qsKey]?.label) {\r\n      mergedConfig[qsKey] = { ...mergedConfig[qsKey], label: mapSpecialLabel[qsKey] }\r\n    }\r\n  } else {\r\n    delete mergedConfig[qsKey]\r\n  }\r\n\r\n  const keys = Object.keys(store || {}) as (keyof TFieldStore<T>)[]\r\n  const groups = keys.reduce<TChipViewerGroup<T>[]>((acc, key) => {\r\n    const fieldConfig = mergedConfig?.[key]\r\n    const label = fieldConfig?.label || key.toString()\r\n    const values = store?.[key]?.values as TFieldValid[] | undefined\r\n    const items = Array.isArray(values) ? values : []\r\n    const summaryItems = items.filter(Boolean).map<IChipViewerItem<T>>((item, index) => {\r\n      return { value: item.toString(), label: fieldConfig?.labelFormatter?.(item, index, store?.[key]!) }\r\n    })\r\n    if (summaryItems.length > 0) {\r\n      if (fieldConfig?.singleChip) {\r\n        const separator = fieldConfig.singleChipSeparator ?? ', '\r\n        const combinedLabel = summaryItems.map((item) => item.label ?? item.value.toString()).join(separator)\r\n        acc.push({ field: key, label, items: [{ value: SINGLE_CHIP_SENTINEL, label: combinedLabel }], chipMinWidth: fieldConfig.chipMinWidth })\r\n      } else {\r\n        acc.push({ field: key, label, items: summaryItems, chipMinWidth: fieldConfig?.chipMinWidth })\r\n      }\r\n    }\r\n    return acc\r\n  }, [])\r\n  const finalGroups = groups.sort((a, b) => {\r\n    if (a.field === qsKey) return -1\r\n    if (b.field === qsKey) return 1\r\n    return 0\r\n  })\r\n  return finalGroups\r\n}\r\n\r\nexport function createFilterSummary<T>(config: IFilterSummaryConfig<T>) {\r\n  const classes = filterSummaryClasses\r\n  const ChipViewers = createChipViewers<T>()\r\n\r\n  const FilterSummary: FC<IFilterSummaryProps<T>> = (props) => {\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const { filterState } = context\r\n    const filterActions = useFilterActions<T>(context)\r\n\r\n    const filterData = useMemo(() => {\r\n      return mapFilterStateToFilterData(config, filterState.storeFilter)\r\n    }, [filterState, config])\r\n\r\n    // Old logic to calculate filterData, now moved to useMemo above\r\n    // if (filterData.length === 0) return null\r\n\r\n    return (\r\n      <Collapse in={filterData.length > 0} timeout='auto' unmountOnExit>\r\n        <FilterSummaryStyled className={classes.root} sx={props.sx}>\r\n          <div className={classes.scrollHorizontal}>\r\n            <ChipViewers\r\n              label='Filters'\r\n              value={filterData}\r\n              disabled={context.isLoading}\r\n              placement='horizontal'\r\n              onRemove={(field, value) =>\r\n                value === SINGLE_CHIP_SENTINEL ? filterActions.removeFilter(field) : filterActions.removeFilterByFieldValue(field, value)\r\n              }\r\n            />\r\n          </div>\r\n          <Box>\r\n            <Button\r\n              size='small'\r\n              color='error'\r\n              variant='text'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              startIcon={<ClearAllIcon />}\r\n              aria-label='Clear all filters'\r\n              disabled={context.isLoading}\r\n            >\r\n              Clear All\r\n            </Button>\r\n            <IconButton\r\n              size='small'\r\n              color='error'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              aria-label='Clear all filters'\r\n              disabled={context.isLoading}\r\n            >\r\n              <ClearAllIcon />\r\n            </IconButton>\r\n          </Box>\r\n        </FilterSummaryStyled>\r\n      </Collapse>\r\n    )\r\n  }\r\n\r\n  return FilterSummary\r\n}\r\n\r\nconst filterSummaryClasses = {\r\n  root: 'DinoFilterSummary-root',\r\n  scrollHorizontal: 'DinoFilterSummary-scrollHorizontal',\r\n  fieldItem: 'DinoFilterSummary-fieldItem',\r\n  fieldLabel: 'DinoFilterSummary-fieldLabel',\r\n  fieldValue: 'DinoFilterSummary-fieldValue',\r\n  buttonClearAll: 'DinoFilterSummary-buttonClearAll'\r\n}\r\n\r\nconst FilterSummaryStyled = styled('div')(({ theme }) => ({\r\n  [`&.${filterSummaryClasses.root}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: theme.spacing(0, 1.5)\r\n  },\r\n  [`.${filterSummaryClasses.scrollHorizontal}`]: {\r\n    overflowX: 'auto',\r\n    overflowY: 'hidden',\r\n    WebkitOverflowScrolling: 'touch',\r\n    scrollbarHeight: 'thin',\r\n    // The content doesn't wrap to the next line and is wider than the container, displaying a horizontal scroll bar.\r\n    display: 'flex',\r\n    flexWrap: 'nowrap',\r\n    minWidth: 0,\r\n    flex: 1,\r\n    '& > *': { minWidth: 'max-content', flexShrink: 0 },\r\n    // Custom scrollbar\r\n    '&::-webkit-scrollbar': { height: '8px', background: 'transparent' },\r\n    '&::-webkit-scrollbar-thumb': {\r\n      background: theme.palette.grey[300],\r\n      borderRadius: '8px',\r\n      minHeight: '8px',\r\n      transition: 'background 0.2s'\r\n    },\r\n    '&::-webkit-scrollbar-thumb:hover': { background: theme.palette.primary.light },\r\n    '&::-webkit-scrollbar-track': { background: theme.palette.grey[100], borderRadius: '8px' },\r\n    // Firefox\r\n    scrollbarColor: `${theme.palette.grey[300]} ${theme.palette.grey[100]}`,\r\n    scrollbarWidth: 'thin'\r\n  },\r\n  [`.${filterSummaryClasses.buttonClearAll}`]: {\r\n    marginLeft: theme.spacing(1),\r\n    [`&:not(.${iconButtonClasses.root})`]: {\r\n      textTransform: 'none',\r\n      fontWeight: 500,\r\n      lineHeight: 2,\r\n      padding: theme.spacing(0, 1)\r\n    },\r\n    [`&.${iconButtonClasses.root}`]: { display: 'none' },\r\n    [theme.breakpoints.down('md')]: {\r\n      [`&.${buttonClasses.root}`]: { display: 'none' },\r\n      [`&.${iconButtonClasses.root}`]: { display: 'flex' }\r\n    }\r\n  }\r\n}))\r\n"],"names":["SINGLE_CHIP_SENTINEL","createFilterSummary","config","classes","filterSummaryClasses","ChipViewers","createChipViewers","props","context","useContext","FilterBarContext","filterState","filterActions","useFilterActions","filterData","useMemo","store","_mergedConfig$qsKey","fields","_config$enableQuickSe","enableQuickSearch","mergedConfig","_objectSpread","qsKey","KeySpecial","quickSearch","label","mapSpecialLabel","Object","keys","reduce","acc","key","_store$key","fieldConfig","toString","values","summaryItems","Array","isArray","filter","Boolean","map","item","index","_fieldConfig$labelFor","value","labelFormatter","call","length","singleChip","_fieldConfig$singleCh","separator","singleChipSeparator","combinedLabel","_item$label","join","push","field","items","chipMinWidth","sort","a","b","mapFilterStateToFilterData","storeFilter","_jsx","Collapse","in","timeout","unmountOnExit","children","_jsxs","FilterSummaryStyled","className","root","sx","scrollHorizontal","disabled","isLoading","placement","onRemove","removeFilter","removeFilterByFieldValue","Box","Button","size","color","variant","onClick","clearAllFilters","buttonClearAll","startIcon","ClearAllIcon","IconButton","styled","_ref","theme","_defineProperty","concat","display","alignItems","padding","spacing","overflowX","overflowY","WebkitOverflowScrolling","scrollbarHeight","flexWrap","minWidth","flex","flexShrink","height","background","palette","grey","borderRadius","minHeight","transition","primary","light","scrollbarColor","scrollbarWidth","marginLeft","iconButtonClasses","textTransform","fontWeight","lineHeight","breakpoints","down","buttonClasses"],"mappings":"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"}
+{"version":3,"file":"filter-summary.js","sources":["../../../../src/filter-bar/components/filter-summary.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useContext, useMemo } from 'react'\r\nimport { Box, Button, buttonClasses, Collapse, IconButton, iconButtonClasses, styled } from '@mui/material'\r\nimport ClearAllIcon from '@mui/icons-material/ClearAll'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel } from '../helpers'\r\nimport { createChipViewers } from './chip-viewer'\r\nimport { FilterBarContext } from '../index.context'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { TFieldStore, TFieldValid } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IChipViewerItem, TChipViewerGroup } from './chip-viewer'\r\nimport type { IFilterSummaryConfig, IFilterSummaryProps, TFieldSummaryConfigs } from './filter-summary.types'\r\n\r\n/** Sentinel value used when singleChip mode collapses all values into one chip. */\r\nconst SINGLE_CHIP_SENTINEL = '__field__'\r\n\r\nfunction mapFilterStateToFilterData<T>(config: IFilterSummaryConfig<T>, store?: TFieldStore<T>): TChipViewerGroup<T>[] {\r\n  const { fields, enableQuickSearch = true } = config\r\n\r\n  // Ensure 'quickSearch' is always included in the summary, even if it's not in the config or store\r\n  // If enableQuickSearch is false, it will not be added to the summary or removed if it exists in the config\r\n  const mergedConfig: TFieldSummaryConfigs<T> = { ...fields }\r\n  const qsKey = KeySpecial.quickSearch\r\n  if (enableQuickSearch) {\r\n    if (!mergedConfig[qsKey]) {\r\n      mergedConfig[qsKey] = { label: mapSpecialLabel[qsKey] }\r\n    } else if (!mergedConfig[qsKey]?.label) {\r\n      mergedConfig[qsKey] = { ...mergedConfig[qsKey], label: mapSpecialLabel[qsKey] }\r\n    }\r\n  } else {\r\n    delete mergedConfig[qsKey]\r\n  }\r\n\r\n  const keys = Object.keys(store || {}) as (keyof TFieldStore<T>)[]\r\n  const groups = keys.reduce<TChipViewerGroup<T>[]>((acc, key) => {\r\n    const fieldConfig = mergedConfig?.[key]\r\n    const label = fieldConfig?.label || key.toString()\r\n    const values = store?.[key]?.values as TFieldValid[] | undefined\r\n    const items = Array.isArray(values) ? values : []\r\n    const summaryItemsRaw = items.filter((v) => v !== null && v !== undefined)\r\n    const summaryItems = summaryItemsRaw.map<IChipViewerItem<T>>((item, index) => {\r\n      return { value: item.toString(), label: fieldConfig?.labelFormatter?.(item, index, store?.[key]!) }\r\n    })\r\n    if (summaryItems.length > 0) {\r\n      if (fieldConfig?.singleChip) {\r\n        const separator = fieldConfig.singleChipSeparator ?? ', '\r\n        const combinedLabel = summaryItems.map((item) => item.label ?? item.value.toString()).join(separator)\r\n        acc.push({ field: key, label, items: [{ value: SINGLE_CHIP_SENTINEL, label: combinedLabel }], chipMinWidth: fieldConfig.chipMinWidth })\r\n      } else {\r\n        acc.push({ field: key, label, items: summaryItems, chipMinWidth: fieldConfig?.chipMinWidth })\r\n      }\r\n    }\r\n    return acc\r\n  }, [])\r\n  const finalGroups = groups.sort((a, b) => {\r\n    if (a.field === qsKey) return -1\r\n    if (b.field === qsKey) return 1\r\n    return 0\r\n  })\r\n  return finalGroups\r\n}\r\n\r\nexport function createFilterSummary<T>(config: IFilterSummaryConfig<T>) {\r\n  const classes = filterSummaryClasses\r\n  const ChipViewers = createChipViewers<T>()\r\n\r\n  const FilterSummary: FC<IFilterSummaryProps<T>> = (props) => {\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const { filterState } = context\r\n    const filterActions = useFilterActions<T>(context)\r\n\r\n    const filterData = useMemo(() => {\r\n      return mapFilterStateToFilterData(config, filterState.storeFilter)\r\n    }, [filterState, config])\r\n\r\n    // Old logic to calculate filterData, now moved to useMemo above\r\n    // if (filterData.length === 0) return null\r\n\r\n    return (\r\n      <Collapse in={filterData.length > 0} timeout='auto' unmountOnExit>\r\n        <FilterSummaryStyled className={classes.root} sx={props.sx}>\r\n          <div className={classes.scrollHorizontal}>\r\n            <ChipViewers\r\n              label='Filters'\r\n              value={filterData}\r\n              disabled={context.isLoading}\r\n              placement='horizontal'\r\n              onRemove={(field, value) =>\r\n                value === SINGLE_CHIP_SENTINEL ? filterActions.removeFilter(field) : filterActions.removeFilterByFieldValue(field, value)\r\n              }\r\n            />\r\n          </div>\r\n          <Box>\r\n            <Button\r\n              size='small'\r\n              color='error'\r\n              variant='text'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              startIcon={<ClearAllIcon />}\r\n              aria-label='Clear all filters'\r\n              disabled={context.isLoading}\r\n            >\r\n              Clear All\r\n            </Button>\r\n            <IconButton\r\n              size='small'\r\n              color='error'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              aria-label='Clear all filters'\r\n              disabled={context.isLoading}\r\n            >\r\n              <ClearAllIcon />\r\n            </IconButton>\r\n          </Box>\r\n        </FilterSummaryStyled>\r\n      </Collapse>\r\n    )\r\n  }\r\n\r\n  return FilterSummary\r\n}\r\n\r\nconst filterSummaryClasses = {\r\n  root: 'DinoFilterSummary-root',\r\n  scrollHorizontal: 'DinoFilterSummary-scrollHorizontal',\r\n  fieldItem: 'DinoFilterSummary-fieldItem',\r\n  fieldLabel: 'DinoFilterSummary-fieldLabel',\r\n  fieldValue: 'DinoFilterSummary-fieldValue',\r\n  buttonClearAll: 'DinoFilterSummary-buttonClearAll'\r\n}\r\n\r\nconst FilterSummaryStyled = styled('div')(({ theme }) => ({\r\n  [`&.${filterSummaryClasses.root}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: theme.spacing(0, 1.5)\r\n  },\r\n  [`.${filterSummaryClasses.scrollHorizontal}`]: {\r\n    overflowX: 'auto',\r\n    overflowY: 'hidden',\r\n    WebkitOverflowScrolling: 'touch',\r\n    scrollbarHeight: 'thin',\r\n    // The content doesn't wrap to the next line and is wider than the container, displaying a horizontal scroll bar.\r\n    display: 'flex',\r\n    flexWrap: 'nowrap',\r\n    minWidth: 0,\r\n    flex: 1,\r\n    '& > *': { minWidth: 'max-content', flexShrink: 0 },\r\n    // Custom scrollbar\r\n    '&::-webkit-scrollbar': { height: '8px', background: 'transparent' },\r\n    '&::-webkit-scrollbar-thumb': {\r\n      background: theme.palette.grey[300],\r\n      borderRadius: '8px',\r\n      minHeight: '8px',\r\n      transition: 'background 0.2s'\r\n    },\r\n    '&::-webkit-scrollbar-thumb:hover': { background: theme.palette.primary.light },\r\n    '&::-webkit-scrollbar-track': { background: theme.palette.grey[100], borderRadius: '8px' },\r\n    // Firefox\r\n    scrollbarColor: `${theme.palette.grey[300]} ${theme.palette.grey[100]}`,\r\n    scrollbarWidth: 'thin'\r\n  },\r\n  [`.${filterSummaryClasses.buttonClearAll}`]: {\r\n    marginLeft: theme.spacing(1),\r\n    [`&:not(.${iconButtonClasses.root})`]: {\r\n      textTransform: 'none',\r\n      fontWeight: 500,\r\n      lineHeight: 2,\r\n      padding: theme.spacing(0, 1)\r\n    },\r\n    [`&.${iconButtonClasses.root}`]: { display: 'none' },\r\n    [theme.breakpoints.down('md')]: {\r\n      [`&.${buttonClasses.root}`]: { display: 'none' },\r\n      [`&.${iconButtonClasses.root}`]: { display: 'flex' }\r\n    }\r\n  }\r\n}))\r\n"],"names":["SINGLE_CHIP_SENTINEL","createFilterSummary","config","classes","filterSummaryClasses","ChipViewers","createChipViewers","props","context","useContext","FilterBarContext","filterState","filterActions","useFilterActions","filterData","useMemo","store","_mergedConfig$qsKey","fields","_config$enableQuickSe","enableQuickSearch","mergedConfig","_objectSpread","qsKey","KeySpecial","quickSearch","label","mapSpecialLabel","Object","keys","reduce","acc","key","_store$key","fieldConfig","toString","values","summaryItems","Array","isArray","filter","v","map","item","index","_fieldConfig$labelFor","value","labelFormatter","call","length","singleChip","_fieldConfig$singleCh","separator","singleChipSeparator","combinedLabel","_item$label","join","push","field","items","chipMinWidth","sort","a","b","mapFilterStateToFilterData","storeFilter","_jsx","Collapse","in","timeout","unmountOnExit","children","_jsxs","FilterSummaryStyled","className","root","sx","scrollHorizontal","disabled","isLoading","placement","onRemove","removeFilter","removeFilterByFieldValue","Box","Button","size","color","variant","onClick","clearAllFilters","buttonClearAll","startIcon","ClearAllIcon","IconButton","styled","_ref","theme","_defineProperty","concat","display","alignItems","padding","spacing","overflowX","overflowY","WebkitOverflowScrolling","scrollbarHeight","flexWrap","minWidth","flex","flexShrink","height","background","palette","grey","borderRadius","minHeight","transition","primary","light","scrollbarColor","scrollbarWidth","marginLeft","iconButtonClasses","textTransform","fontWeight","lineHeight","breakpoints","down","buttonClasses"],"mappings":"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"}

package/dist/src/filter-bar/convert-to-graphql.js

@@ -1,2 +1,2 @@
-import{createClass as t,createForOfIteratorHelper as e,objectWithoutProperties as r,typeof as i,classCallCheck as l,defineProperty as a,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as n}from"./types.js";import{getSeedFromURL as u,setSeedToURL as s,removeSeedFromURL as f}from"./helpers.js";import{createRequestBuilder as c}from"../http-service/graphql/request-param.js";import{decodeNumberValue as v}from"./menu/create-form-field-number.js";var d=["mode"],h=function(t){return"and"===t?"And":"Or"},g=function(t){return"asc"===t?"ASC":"DESC"};function p(t,e,l,a){var o=a||{},n=o.mode,u=r(o,d),s=i(l);switch(s){case"string":"equal"===n?e.filter(t,l.toString(),u):e.filterContains(t,l.toString(),u);break;case"number":e.filterNumber(t,"==",l.toString(),u);break;default:console.warn("Unsupported value type for filtering: ".concat(s,". Value:"),l)}}var m=function(){return t(function t(e){var r=this;l(this,t),a(this,"autoMap",function(t,e){(r.currentObjectMap=t,r.state.storeFilter)&&Object.keys(r.state.storeFilter).forEach(function(i){var l,a=t[i],n=null===(l=r.state.storeFilter)||void 0===l?void 0:l[i];if(a){var u=a.targetfield,s=a.operation;if(a.custom)return void a.custom(r.graphqlBuilder,n,r.state.storeFilter);switch(s){case"equal":return void r.filterEqual(i,u,e);case"equalAndAny":return void r.filterEqual(i,u,o(o({},e),{},{isAny:!0}));case"datetime":return void r.filterDatetime(i,u,e);case"number":return void r.filterNumber(i,u,e);default:return void r.filterContains(i,u,e)}}});return r}),a(this,"prebuild",function(t){return r.prebuildFunc=t,r}),this.state=e,this.graphqlBuilder=c({ignoreEmpty:!0})},[{key:"filterScope",value:function(t,e){var r=this;if(this.state.storeFilter){var i=(null==e?void 0:e.logic)||this.state.filterLogic||"and",l=h(i);this.graphqlBuilder.scope(function(e){return t(e,r.state.storeFilter),e},{logic:l})}return this}},{key:"filterEqual",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;var n=h(a.logic);return this.filterScope(function(t){if(null!=r&&r.isAny)t.filterCustom("".concat(null==e?void 0:e.toString(),".isAny(").concat(JSON.stringify(o),")"),{logic:n});else for(var i=0;i<o.length;i++)p(e,t,o[i],{logic:n,mode:"equal"})},r),this}},{key:"filterContains",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;var n=h(a.logic);return this.filterScope(function(t){for(var r=0;r<o.length;r++)p(e,t,o[r],{logic:n,mode:"contains"})},r),this}},{key:"filterDatetime",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;if("range"===a.dateLogic&&o.length>=2){this.filterScope(function(t){t.filterGreaterEqual(e,o[0].toString(),{}),t.filterLessEqual(e,o[1].toString(),{logic:"And"})},r)}else if(1==o.length){this.filterScope(function(t){switch(a.dateLogic){case"before":t.filterLessEqual(e,o[0].toString());break;case"after":t.filterGreaterEqual(e,o[0].toString());break;default:t.filterEqual(e,o[0].toString())}},r)}return this}},{key:"filterNumber",value:function(t,r,i){var l,a,o=null!==(l=null===(a=this.state.storeFilter)||void 0===a?void 0:a[t])&&void 0!==l?l:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!r)return this;var u={eq:"==",lt:"<",lte:"<=",gt:">",gte:">="},s=h(o.logic);return this.filterScope(function(t){var i,l=e(n);try{for(l.s();!(i=l.n()).done;){var a=i.value,o=v(a);if(o){var f=u[o.operator];t.filterNumber(r,f,o.num.toString(),{logic:s})}}}catch(t){l.e(t)}finally{l.f()}},i),this}},{key:"sort",value:function(t,e){var r,i,l=this.state.storeSort,a=null!==(r=null==t?void 0:t.seed)&&void 0!==r?r:{},o=a.targetField,c=a.autoSave,v=void 0!==c&&c,d=o?null===(i=this.currentObjectMap)||void 0===i?void 0:i[o]:void 0,h=u();if((null==l?void 0:l.field)===n.sortShuffle){if(null==d||!d.targetfield)return this;var p=null!=h?h:(new Date).getTime().toString();this.graphqlBuilder.seed(d.targetfield,p),v&&s(p)}else{var m;h&&f();var y=null!=l&&l.field?null===(m=this.currentObjectMap)||void 0===m?void 0:m[null==l?void 0:l.field]:void 0;if(null==y||!y.targetfield)return this;this.graphqlBuilder.sort(y.targetfield,{direction:g(null==l?void 0:l.direction)})}return this}},{key:"quickSearch",value:function(t,e){var r,i,l=this;this.currentObjectMap||console.warn("No autoMap config found, quick search will not work properly without target field mapping.");var a=null!==(r=null===(i=this.state.storeFilter)||void 0===i?void 0:i.quickSearch)&&void 0!==r?r:{values:[],logic:"or"},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1)return this;var n=h(a.logic),u=Array.isArray(t)?t:[t];return this.filterScope(function(t){u.forEach(function(e){var r,i=null===(r=l.currentObjectMap)||void 0===r?void 0:r[e];if(i&&o.length>0)if(i.custom)i.custom(t,a,l.state.storeFilter);else if(i.targetfield)for(var u=0;u<o.length;u++)p(i.targetfield,t,o[u],{logic:n})})},e),this}},{key:"build",value:function(){return this.prebuildFunc&&this.prebuildFunc(this.graphqlBuilder),this.graphqlBuilder.build()}}])}(),y=function(t){return new m(t)};export{m as TableFileterConverter,y as createConvertToGraphQL,h as mapLogic,g as mapSortDirection};
+import{createClass as t,createForOfIteratorHelper as e,objectWithoutProperties as r,typeof as i,classCallCheck as l,defineProperty as a,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as n}from"./types.js";import{getSeedFromURL as u,setSeedToURL as s,removeSeedFromURL as c}from"./helpers.js";import{createRequestBuilder as f}from"../http-service/graphql/request-param.js";import{decodeNumberValue as v}from"./menu/create-form-field-number.js";var d=["mode"],h=function(t){return"and"===t?"And":"Or"},g=function(t){return"asc"===t?"ASC":"DESC"};function p(t,e,l,a){var o=a||{},n=o.mode,u=r(o,d),s=i(l);switch(s){case"string":"equal"===n?e.filter(t,l.toString(),u):e.filterContains(t,l.toString(),u);break;case"number":e.filterNumber(t,"==",l.toString(),u);break;case"boolean":e.filter(t,l.toString(),u);break;default:console.warn("Unsupported value type for filtering: ".concat(s,". Value:"),l)}}var y=function(){return t(function t(e){var r=this;l(this,t),a(this,"autoMap",function(t,e){(r.currentObjectMap=t,r.state.storeFilter)&&Object.keys(r.state.storeFilter).forEach(function(i){var l,a=t[i],n=null===(l=r.state.storeFilter)||void 0===l?void 0:l[i];if(a){var u=a.targetfield,s=a.operation;if(a.custom)return void a.custom(r.graphqlBuilder,n,r.state.storeFilter);switch(s){case"equal":return void r.filterEqual(i,u,e);case"equalAndAny":return void r.filterEqual(i,u,o(o({},e),{},{isAny:!0}));case"datetime":return void r.filterDatetime(i,u,e);case"number":return void r.filterNumber(i,u,e);case"boolean":return void r.filterBoolean(i,u,e);default:return void r.filterContains(i,u,e)}}});return r}),a(this,"prebuild",function(t){return r.prebuildFunc=t,r}),this.state=e,this.graphqlBuilder=f({ignoreEmpty:!0})},[{key:"filterScope",value:function(t,e){var r=this;if(this.state.storeFilter){var i=(null==e?void 0:e.logic)||this.state.filterLogic||"and",l=h(i);this.graphqlBuilder.scope(function(e){return t(e,r.state.storeFilter),e},{logic:l})}return this}},{key:"filterEqual",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;var n=h(a.logic);return this.filterScope(function(t){if(null!=r&&r.isAny)t.filterCustom("".concat(null==e?void 0:e.toString(),".isAny(").concat(JSON.stringify(o),")"),{logic:n});else for(var i=0;i<o.length;i++)p(e,t,o[i],{logic:n,mode:"equal"})},r),this}},{key:"filterContains",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;var n=h(a.logic);return this.filterScope(function(t){for(var r=0;r<o.length;r++)p(e,t,o[r],{logic:n,mode:"contains"})},r),this}},{key:"filterDatetime",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;if("range"===a.dateLogic&&o.length>=2){this.filterScope(function(t){t.filterGreaterEqual(e,o[0].toString(),{}),t.filterLessEqual(e,o[1].toString(),{logic:"And"})},r)}else if(1==o.length){this.filterScope(function(t){switch(a.dateLogic){case"before":t.filterLessEqual(e,o[0].toString());break;case"after":t.filterGreaterEqual(e,o[0].toString());break;default:t.filterEqual(e,o[0].toString())}},r)}return this}},{key:"filterBoolean",value:function(t,r,i){var l,a,o=null!==(l=null===(a=this.state.storeFilter)||void 0===a?void 0:a[t])&&void 0!==l?l:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!r)return this;var u=h(o.logic);return this.filterScope(function(t){var i,l=e(n);try{for(l.s();!(i=l.n()).done;){var a=i.value,o=!0===a||"true"===a;t.filterCustom("".concat(null==r?void 0:r.toString(),"==").concat(o),{logic:u})}}catch(t){l.e(t)}finally{l.f()}},i),this}},{key:"filterNumber",value:function(t,r,i){var l,a,o=null!==(l=null===(a=this.state.storeFilter)||void 0===a?void 0:a[t])&&void 0!==l?l:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!r)return this;var u={eq:"==",lt:"<",lte:"<=",gt:">",gte:">="},s=h(o.logic);return this.filterScope(function(t){var i,l=e(n);try{for(l.s();!(i=l.n()).done;){var a=i.value,o=v(a);if(o){var c=u[o.operator];t.filterNumber(r,c,o.num.toString(),{logic:s})}}}catch(t){l.e(t)}finally{l.f()}},i),this}},{key:"sort",value:function(t,e){var r,i,l=this.state.storeSort,a=null!==(r=null==t?void 0:t.seed)&&void 0!==r?r:{},o=a.targetField,f=a.autoSave,v=void 0!==f&&f,d=o?null===(i=this.currentObjectMap)||void 0===i?void 0:i[o]:void 0,h=u();if((null==l?void 0:l.field)===n.sortShuffle){if(null==d||!d.targetfield)return this;var p=null!=h?h:(new Date).getTime().toString();this.graphqlBuilder.seed(d.targetfield,p),v&&s(p)}else{var y;h&&c();var m=null!=l&&l.field?null===(y=this.currentObjectMap)||void 0===y?void 0:y[null==l?void 0:l.field]:void 0;if(null==m||!m.targetfield)return this;this.graphqlBuilder.sort(m.targetfield,{direction:g(null==l?void 0:l.direction)})}return this}},{key:"quickSearch",value:function(t,e){var r,i,l=this;this.currentObjectMap||console.warn("No autoMap config found, quick search will not work properly without target field mapping.");var a=null!==(r=null===(i=this.state.storeFilter)||void 0===i?void 0:i.quickSearch)&&void 0!==r?r:{values:[],logic:"or"},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1)return this;var n=h(a.logic),u=Array.isArray(t)?t:[t];return this.filterScope(function(t){u.forEach(function(e){var r,i=null===(r=l.currentObjectMap)||void 0===r?void 0:r[e];if(i&&o.length>0)if(i.custom)i.custom(t,a,l.state.storeFilter);else if(i.targetfield)for(var u=0;u<o.length;u++)p(i.targetfield,t,o[u],{logic:n})})},e),this}},{key:"build",value:function(){return this.prebuildFunc&&this.prebuildFunc(this.graphqlBuilder),this.graphqlBuilder.build()}}])}(),m=function(t){return new y(t)};export{y as TableFileterConverter,m as createConvertToGraphQL,h as mapLogic,g as mapSortDirection};
 //# sourceMappingURL=convert-to-graphql.js.map