dinocollab-core 2.2.40 → 2.2.42

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":"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"}
+{"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-input.js

@@ -1,2 +1,2 @@
-import{defineProperty as o,objectSpread2 as e,slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useContext as i,useState as l,useMemo as a,createRef as u}from"react";import{styled as c,Box as s,alpha as p,InputBase as d,MenuList as f,MenuItem as m,Typography as v}from"@mui/material";import h from"@mui/material/ClickAwayListener";import{KeySpecial as b}from"../types.js";import{useFilterActions as g}from"../hooks.js";import{mapSpecialLabel as x}from"../helpers.js";import{FilterBarContext as I}from"../index.context.js";import{PopperCustom as S,PopperContent as y,PopperBody as F}from"./popper-custom.js";import{InputAdornmentRight as j,InputAdornmentLeft as k,getFieldsByMatches as C}from"./filter-input.units.js";import{MobileSearchButton as D}from"./filter-input.mobile.js";function w(o){var c=P,p=function(o){var r=o.fields,t=o.enableQuickSearch,n=void 0===t||t,i=b.quickSearch,l=e({},r);if(n){var a=l[i],u=null!=a&&a.label?a.label:x[i],c=Object.assign({},l[i],{field:i,label:u});l[i]=c}else delete l[i];return e(e({},o),{},{fields:l})}(o);return function(b){var x,w,P,N,q,A=u(),O=u(),R=i(I),W=g(R),z=W.addFilter,G=W.replaceFilter,K=l(null),T=r(K,2),_=T[0],E=T[1],H=Boolean(_),L=l(""),M=r(L,2),Q=M[0],V=M[1],J=l("normal"),U=r(J,2),X=U[0],Y=U[1],Z=a(function(){var e,r=o.beforeInput,t=o.afterInput,n=Object.assign({},b.sx,null===(e=b.slots)||void 0===e||null===(e=e.rootProps)||void 0===e?void 0:e.sx);return{slots:Object.assign({},{beforeInput:r,afterInput:t},b.slots),rootSx:n}},[]),$=o.minimalInput||(null===(x=b.slots)||void 0===x?void 0:x.minimalInput)||!1,oo=function(o){E(null),Y("normal"),o&&V("")},eo=function(){var o;if(Q){var e=null===(o=R.filterState.storeFilter)||void 0===o?void 0:o.quickSearch,r=(null==e?void 0:e.logic)||"or";G("quickSearch",{values:[Q],logic:r}),oo(!0)}};if($)return t(D,{placeholder:"Search...",onSearching:function(o){var e;if(o){var r=null===(e=R.filterState.storeFilter)||void 0===e?void 0:e.quickSearch,t=(null==r?void 0:r.logic)||"or";G("quickSearch",{values:[o],logic:t})}}});var ro,to=[c.root];return("focus"===X||Boolean(Q))&&to.push(c.focus),t(h,{onClickAway:function(o){oo()},children:n(B,e(e({className:to.join(" ")},null===(w=b.slots)||void 0===w?void 0:w.rootProps),{},{sx:Z.rootSx,children:[n("div",{className:c.rootInner,children:[(null===(P=Z.slots)||void 0===P?void 0:P.beforeInput)||null,t(s,{className:c.beforeInput,ref:O}),t(d,{fullWidth:!0,className:c.input,autoComplete:"off",size:"small",inputRef:A,value:Q,placeholder:"Search...",onKeyDown:function(o){var e=o.keyCode;if(13===e)o.stopPropagation(),o.preventDefault(),eo();else if(27===e){var r;o.stopPropagation(),o.preventDefault(),null==A||null===(r=A.current)||void 0===r||r.blur(),oo(!0)}},onChange:function(o){var e=o.target.value||"";V(e);var r=Boolean(null==O?void 0:O.current)&&Boolean(e);e!==Q&&E(r&&(null==O?void 0:O.current)||null)},onFocus:function(o){Y("focus"),Boolean(Q)&&E((null==O?void 0:O.current)||o.currentTarget)},startAdornment:t(k,{onSearch:function(){var o;null===(o=A.current)||void 0===o||o.focus()}}),endAdornment:t(j,{hasKeyword:Boolean(Q),onSubmit:eo,onClear:function(){return oo(!0)}})}),(null===(N=Z.slots)||void 0===N?void 0:N.afterInput)||null]}),t(S,e(e({anchorEl:_,open:H,placement:"bottom",transition:!0,disablePortal:!0},null===(q=Z.slots)||void 0===q?void 0:q.popperProps),{},{children:(ro=C(p,Q),t(y,{title:"Filter Options",disableGutter:!0,onClose:function(){return E(null)},children:t(F,{disableGutter:!0,children:t(f,{className:c.menu,children:ro.map(function(e,r){var t,i=e.field;if(!e)return null;var l=null!==(t=e.label)&&void 0!==t?t:i.toString(),a="".concat(l,': "').concat(Q,'"');return n(m,{title:a,onClick:function(){return function(e){var r;if(Q){var t=o.fields[e],n=null===(r=R.filterState.storeFilter)||void 0===r?void 0:r[e],i=(null==n?void 0:n.logic)||"or";null!=t&&t.singleValue?G(e,{values:[Q],logic:i}):z(e,{values:[Q],logic:i}),oo(!0)}}(i)},className:c.menuItem,children:[n(v,{variant:"body2",sx:{fontWeight:500,flex:"0 0 auto"},children:[l,":"]}),n(v,{variant:"body2",color:"text.secondary",sx:{ml:1,flex:"1 1 auto"},noWrap:!0,children:['"',Q,'"']})]},i.toString()+r)})})})}))}))]}))})}}var P={root:"DinoFilterInput-root",rootInner:"DinoFilterInput-rootInner",button:"DinoFilterInput-button",input:"DinoFilterInput-input",focus:"DinoFilterInput-focus",beforeInput:"DinoFilterInput-beforeInput",menu:"DinoFilterInput-menu",menuItem:"DinoFilterInput-menuItem"},B=c(s)(function(e){var r=e.theme;return o(o(o(o(o(o(o(o({},"&.".concat(P.root),{height:"var(--dino-h-filter-input, 38px)",flex:1,border:"1px solid",borderColor:p(r.palette.divider,.12),borderRadius:r.shape.borderRadius,backgroundColor:r.palette.background.paper,transition:r.transitions.create(["border-color","box-shadow"])}),"&:hover",{borderColor:r.palette.text.primary}),"&.Mui-focused",{borderColor:r.palette.primary.main,boxShadow:"0 0 0 2px ".concat(r.palette.primary.main,"33")}),"&.".concat(P.focus),{borderColor:r.palette.primary.main,boxShadow:"0 0 0 2px ".concat(r.palette.primary.main,"33")}),".".concat(P.rootInner),{height:"100%",display:"flex",alignItems:"stretch"}),".".concat(P.beforeInput),{width:"1px",height:"100%",alignSelf:"stretch"}),".".concat(P.input),{padding:r.spacing(.5,1),input:{fontSize:"14px",padding:"4px 0 5px"}}),".".concat(P.button),{flex:"0 0 auto"})});export{w as createFilterInput,P as filterInputClasses};
+import{defineProperty as o,objectSpread2 as e,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{useContext as i,useState as l,useMemo as a,createRef as u}from"react";import{styled as c,Box as s,alpha as p,InputBase as d,MenuList as f,MenuItem as m,Typography as v}from"@mui/material";import h from"@mui/material/ClickAwayListener";import{KeySpecial as b}from"../types.js";import{useFilterActions as g}from"../hooks.js";import{mapSpecialLabel as x,DEFAULT_LOGIC as I}from"../helpers.js";import{FilterBarContext as S}from"../index.context.js";import{PopperCustom as y,PopperContent as F,PopperBody as j}from"./popper-custom.js";import{InputAdornmentRight as k,InputAdornmentLeft as C,getFieldsByMatches as D}from"./filter-input.units.js";import{MobileSearchButton as w}from"./filter-input.mobile.js";function P(o){var c=B,p=function(o){var t=o.fields,r=o.enableQuickSearch,n=void 0===r||r,i=b.quickSearch,l=e({},t);if(n){var a=l[i],u=null!=a&&a.label?a.label:x[i],c=Object.assign({},l[i],{field:i,label:u});l[i]=c}else delete l[i];return e(e({},o),{},{fields:l})}(o);return function(b){var x,P,B,q,A,O=u(),R=u(),W=i(S),z=g(W),G=z.addFilter,K=z.replaceFilter,T=l(null),_=t(T,2),E=_[0],H=_[1],L=Boolean(E),M=l(""),Q=t(M,2),V=Q[0],J=Q[1],U=l("normal"),X=t(U,2),Y=X[0],Z=X[1],$=a(function(){var e,t=o.beforeInput,r=o.afterInput,n=Object.assign({},b.sx,null===(e=b.slots)||void 0===e||null===(e=e.rootProps)||void 0===e?void 0:e.sx);return{slots:Object.assign({},{beforeInput:t,afterInput:r},b.slots),rootSx:n}},[]),oo=o.minimalInput||(null===(x=b.slots)||void 0===x?void 0:x.minimalInput)||!1,eo=function(o){H(null),Z("normal"),o&&J("")},to=function(){var o;if(V){var e=null===(o=W.filterState.storeFilter)||void 0===o?void 0:o.quickSearch,t=(null==e?void 0:e.logic)||I;K("quickSearch",{values:[V],logic:t}),eo(!0)}};if(oo)return r(w,{placeholder:"Search...",onSearching:function(o){var e;if(o){var t=null===(e=W.filterState.storeFilter)||void 0===e?void 0:e.quickSearch,r=(null==t?void 0:t.logic)||I;K("quickSearch",{values:[o],logic:r})}}});var ro,no=[c.root];return("focus"===Y||Boolean(V))&&no.push(c.focus),r(h,{onClickAway:function(o){eo()},children:n(N,e(e({className:no.join(" ")},null===(P=b.slots)||void 0===P?void 0:P.rootProps),{},{sx:$.rootSx,children:[n("div",{className:c.rootInner,children:[(null===(B=$.slots)||void 0===B?void 0:B.beforeInput)||null,r(s,{className:c.beforeInput,ref:R}),r(d,{fullWidth:!0,className:c.input,autoComplete:"off",size:"small",inputRef:O,value:V,placeholder:"Search...",onKeyDown:function(o){var e=o.keyCode;if(13===e)o.stopPropagation(),o.preventDefault(),to();else if(27===e){var t;o.stopPropagation(),o.preventDefault(),null==O||null===(t=O.current)||void 0===t||t.blur(),eo(!0)}},onChange:function(o){var e=o.target.value||"";J(e);var t=Boolean(null==R?void 0:R.current)&&Boolean(e);e!==V&&H(t&&(null==R?void 0:R.current)||null)},onFocus:function(o){Z("focus"),Boolean(V)&&H((null==R?void 0:R.current)||o.currentTarget)},startAdornment:r(C,{onSearch:function(){var o;null===(o=O.current)||void 0===o||o.focus()}}),endAdornment:r(k,{hasKeyword:Boolean(V),onSubmit:to,onClear:function(){return eo(!0)}})}),(null===(q=$.slots)||void 0===q?void 0:q.afterInput)||null]}),r(y,e(e({anchorEl:E,open:L,placement:"bottom",transition:!0,disablePortal:!0},null===(A=$.slots)||void 0===A?void 0:A.popperProps),{},{children:(ro=D(p,V),r(F,{title:"Filter Options",disableGutter:!0,onClose:function(){return H(null)},children:r(j,{disableGutter:!0,children:r(f,{className:c.menu,children:ro.map(function(e,t){var r,i=e.field;if(!e)return null;var l=null!==(r=e.label)&&void 0!==r?r:i.toString(),a="".concat(l,': "').concat(V,'"');return n(m,{title:a,onClick:function(){return function(e){var t;if(V){var r=o.fields[e],n=null===(t=W.filterState.storeFilter)||void 0===t?void 0:t[e],i=(null==n?void 0:n.logic)||"or";null!=r&&r.singleValue?K(e,{values:[V],logic:i}):G(e,{values:[V],logic:i}),eo(!0)}}(i)},className:c.menuItem,children:[n(v,{variant:"body2",sx:{fontWeight:500,flex:"0 0 auto"},children:[l,":"]}),n(v,{variant:"body2",color:"text.secondary",sx:{ml:1,flex:"1 1 auto"},noWrap:!0,children:['"',V,'"']})]},i.toString()+t)})})})}))}))]}))})}}var B={root:"DinoFilterInput-root",rootInner:"DinoFilterInput-rootInner",button:"DinoFilterInput-button",input:"DinoFilterInput-input",focus:"DinoFilterInput-focus",beforeInput:"DinoFilterInput-beforeInput",menu:"DinoFilterInput-menu",menuItem:"DinoFilterInput-menuItem"},N=c(s)(function(e){var t=e.theme;return o(o(o(o(o(o(o(o({},"&.".concat(B.root),{height:"var(--dino-h-filter-input, 38px)",flex:1,border:"1px solid",borderColor:p(t.palette.divider,.12),borderRadius:t.shape.borderRadius,backgroundColor:t.palette.background.paper,transition:t.transitions.create(["border-color","box-shadow"])}),"&:hover",{borderColor:t.palette.text.primary}),"&.Mui-focused",{borderColor:t.palette.primary.main,boxShadow:"0 0 0 2px ".concat(t.palette.primary.main,"33")}),"&.".concat(B.focus),{borderColor:t.palette.primary.main,boxShadow:"0 0 0 2px ".concat(t.palette.primary.main,"33")}),".".concat(B.rootInner),{height:"100%",display:"flex",alignItems:"stretch"}),".".concat(B.beforeInput),{width:"1px",height:"100%",alignSelf:"stretch"}),".".concat(B.input),{padding:t.spacing(.5,1),input:{fontSize:"14px",padding:"4px 0 5px"}}),".".concat(B.button),{flex:"0 0 auto"})});export{P as createFilterInput,B as filterInputClasses};
 //# sourceMappingURL=filter-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter-input.js","sources":["../../../../src/filter-bar/components/filter-input.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useContext, useMemo, useState } from 'react'\r\nimport { Box, InputBase, MenuItem, MenuList, styled, Typography, alpha } from '@mui/material'\r\nimport ClickAwayListener from '@mui/material/ClickAwayListener'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel } from '../helpers'\r\nimport { FilterBarContext } from '../index.context'\r\nimport { PopperBody, PopperContent, PopperCustom } from './popper-custom'\r\nimport { getFieldsByMatches, InputAdornmentLeft, InputAdornmentRight } from './filter-input.units'\r\nimport MobileSearchButton from './filter-input.mobile'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { InputBaseProps } from '@mui/material'\r\nimport type { TFieldType } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IFilterInputConfig, IFilterInputProps, IFilterInputSlots, TFieldInputConfigs } from './filter-input.types'\r\n\r\nconst initializeConfig = <T,>(config: IFilterInputConfig<T>): IFilterInputConfig<T> => {\r\n  const { fields, enableQuickSearch = true } = config\r\n  const qsKey = KeySpecial.quickSearch\r\n  const mergedFields: TFieldInputConfigs<T> = { ...fields }\r\n\r\n  if (enableQuickSearch) {\r\n    const item = mergedFields[qsKey]\r\n    const label = item?.label ? item.label : mapSpecialLabel[qsKey]\r\n    const temp = Object.assign({}, mergedFields[qsKey], { field: qsKey, label })\r\n    mergedFields[qsKey] = temp\r\n  } else {\r\n    delete mergedFields[qsKey]\r\n  }\r\n\r\n  return { ...config, fields: mergedFields }\r\n}\r\n\r\nexport function createFilterInput<T>(config: IFilterInputConfig<T>) {\r\n  const classes = filterInputClasses\r\n  const initialConfig = initializeConfig(config)\r\n\r\n  const FilterInput: FC<IFilterInputProps<T>> = (props) => {\r\n    const refInput = createRef<HTMLInputElement>()\r\n    const refBeforeInput = createRef<HTMLElement>()\r\n\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const { addFilter, replaceFilter } = useFilterActions<T>(context)\r\n\r\n    const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n    const isOpen = Boolean(anchorEl)\r\n\r\n    const [keywords, setKeywords] = useState<string>('')\r\n    const [status, setStatus] = useState<'focus' | 'normal'>('normal')\r\n\r\n    const mergedConfig = useMemo(() => {\r\n      const { beforeInput, afterInput } = config\r\n      const mergedRootSx = Object.assign({}, props.sx, props.slots?.rootProps?.sx)\r\n      const mergedSlots: IFilterInputSlots = Object.assign({}, { beforeInput, afterInput }, props.slots)\r\n      return { slots: mergedSlots, rootSx: mergedRootSx }\r\n    }, [])\r\n\r\n    const isMinimal = config.minimalInput || props.slots?.minimalInput || false\r\n\r\n    const handleClose = (isClear?: boolean) => {\r\n      setAnchorEl(null)\r\n      setStatus('normal')\r\n      if (isClear) setKeywords('')\r\n    }\r\n\r\n    const handleSubmitSearch = () => {\r\n      if (!keywords) return\r\n      const qsField = context.filterState.storeFilter?.quickSearch\r\n      const logic = qsField?.logic || 'or'\r\n      replaceFilter('quickSearch', { values: [keywords], logic })\r\n      handleClose(true)\r\n    }\r\n\r\n    const handleSubmitMobileSearch = (keyword: string) => {\r\n      if (!keyword) return\r\n      const qsField = context.filterState.storeFilter?.quickSearch\r\n      const logic = qsField?.logic || 'or'\r\n      replaceFilter('quickSearch', { values: [keyword], logic })\r\n    }\r\n\r\n    const handleKeyDown: InputBaseProps['onKeyDown'] = (event) => {\r\n      const keyCode: number = event.keyCode\r\n      if (keyCode === 13) {\r\n        event.stopPropagation()\r\n        event.preventDefault()\r\n        handleSubmitSearch()\r\n      } else if (keyCode === 27) {\r\n        event.stopPropagation()\r\n        event.preventDefault()\r\n        refInput?.current?.blur()\r\n        handleClose(true)\r\n      }\r\n    }\r\n\r\n    const handleKeywordChange: InputBaseProps['onChange'] = (event) => {\r\n      const finalValue = event.target.value || ''\r\n      setKeywords(finalValue)\r\n\r\n      const isOpenPopper = Boolean(refBeforeInput?.current) && Boolean(finalValue)\r\n      if (finalValue !== keywords) setAnchorEl(isOpenPopper ? refBeforeInput?.current || null : null)\r\n    }\r\n\r\n    const handleFocus = (event: React.FocusEvent<HTMLElement>) => {\r\n      setStatus('focus')\r\n      if (!Boolean(keywords)) return\r\n      setAnchorEl(refBeforeInput?.current || event.currentTarget)\r\n    }\r\n\r\n    const handleClickMenuItem = (field: TFieldType<T>) => {\r\n      if (!keywords) return\r\n      const fieldConfig = config.fields[field]\r\n      const fieldValue = context.filterState.storeFilter?.[field]\r\n      const logic = fieldValue?.logic || 'or'\r\n      if (fieldConfig?.singleValue) {\r\n        replaceFilter(field, { values: [keywords], logic })\r\n      } else {\r\n        addFilter(field, { values: [keywords], logic })\r\n      }\r\n      handleClose(true)\r\n    }\r\n\r\n    const handleClickSearch = () => {\r\n      refInput.current?.focus()\r\n    }\r\n\r\n    const handleClickAway = (event: MouseEvent | TouchEvent) => {\r\n      handleClose()\r\n    }\r\n\r\n    const renderContent = () => {\r\n      const fieldsList = getFieldsByMatches(initialConfig, keywords)\r\n      return (\r\n        <PopperContent title='Filter Options' disableGutter onClose={() => setAnchorEl(null)}>\r\n          <PopperBody disableGutter>\r\n            <MenuList className={classes.menu}>\r\n              {fieldsList.map((x, i) => {\r\n                const field = x.field\r\n                if (!x) return null\r\n                const label = x.label ?? field.toString()\r\n                const title = `${label}: \"${keywords}\"`\r\n                return (\r\n                  <MenuItem title={title} key={field.toString() + i} onClick={() => handleClickMenuItem(field)} className={classes.menuItem}>\r\n                    <Typography variant='body2' sx={{ fontWeight: 500, flex: '0 0 auto' }}>\r\n                      {label}:\r\n                    </Typography>\r\n                    <Typography variant='body2' color='text.secondary' sx={{ ml: 1, flex: '1 1 auto' }} noWrap>\r\n                      \"{keywords}\"\r\n                    </Typography>\r\n                  </MenuItem>\r\n                )\r\n              })}\r\n            </MenuList>\r\n          </PopperBody>\r\n        </PopperContent>\r\n      )\r\n    }\r\n\r\n    if (isMinimal) return <MobileSearchButton placeholder='Search...' onSearching={handleSubmitMobileSearch} />\r\n\r\n    const rootClass = [classes.root]\r\n    if (status === 'focus' || Boolean(keywords)) rootClass.push(classes.focus)\r\n\r\n    return (\r\n      <ClickAwayListener onClickAway={handleClickAway}>\r\n        <FilterInputStyled className={rootClass.join(' ')} {...props.slots?.rootProps} sx={mergedConfig.rootSx}>\r\n          <div className={classes.rootInner}>\r\n            {mergedConfig.slots?.beforeInput || null}\r\n            <Box className={classes.beforeInput} ref={refBeforeInput} />\r\n            <InputBase\r\n              fullWidth\r\n              className={classes.input}\r\n              autoComplete='off'\r\n              size='small'\r\n              inputRef={refInput}\r\n              value={keywords}\r\n              placeholder='Search...'\r\n              onKeyDown={handleKeyDown}\r\n              onChange={handleKeywordChange}\r\n              onFocus={handleFocus}\r\n              startAdornment={<InputAdornmentLeft onSearch={handleClickSearch} />}\r\n              endAdornment={<InputAdornmentRight hasKeyword={Boolean(keywords)} onSubmit={handleSubmitSearch} onClear={() => handleClose(true)} />}\r\n            />\r\n            {mergedConfig.slots?.afterInput || null}\r\n          </div>\r\n          <PopperCustom anchorEl={anchorEl} open={isOpen} placement='bottom' transition disablePortal {...mergedConfig.slots?.popperProps}>\r\n            {renderContent()}\r\n          </PopperCustom>\r\n        </FilterInputStyled>\r\n      </ClickAwayListener>\r\n    )\r\n  }\r\n  return FilterInput\r\n}\r\n\r\nexport const filterInputClasses = {\r\n  root: 'DinoFilterInput-root',\r\n  rootInner: 'DinoFilterInput-rootInner',\r\n  button: 'DinoFilterInput-button',\r\n  input: 'DinoFilterInput-input',\r\n  focus: 'DinoFilterInput-focus',\r\n  beforeInput: 'DinoFilterInput-beforeInput',\r\n  menu: 'DinoFilterInput-menu',\r\n  menuItem: 'DinoFilterInput-menuItem',\r\n  menuItemKey: 'DinoFilterInput-menuItemKey'\r\n}\r\n\r\nconst FilterInputStyled = styled(Box)(({ theme }) => ({\r\n  // Note: we use CSS variable\r\n  // '--dino-h-filter-input': '38px',\r\n  [`&.${filterInputClasses.root}`]: {\r\n    height: 'var(--dino-h-filter-input, 38px)',\r\n    flex: 1,\r\n    border: '1px solid',\r\n    borderColor: alpha(theme.palette.divider, 0.12),\r\n    borderRadius: theme.shape.borderRadius,\r\n    backgroundColor: theme.palette.background.paper,\r\n    transition: theme.transitions.create(['border-color', 'box-shadow'])\r\n  },\r\n  '&:hover': { borderColor: theme.palette.text.primary },\r\n  '&.Mui-focused': {\r\n    borderColor: theme.palette.primary.main,\r\n    boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n  },\r\n  [`&.${filterInputClasses.focus}`]: {\r\n    borderColor: theme.palette.primary.main,\r\n    boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n  },\r\n  [`.${filterInputClasses.rootInner}`]: { height: '100%', display: 'flex', alignItems: 'stretch' },\r\n  [`.${filterInputClasses.beforeInput}`]: { width: '1px', height: '100%', alignSelf: 'stretch' },\r\n  [`.${filterInputClasses.input}`]: {\r\n    padding: theme.spacing(0.5, 1),\r\n    input: { fontSize: '14px', padding: '4px 0 5px' }\r\n  },\r\n  [`.${filterInputClasses.button}`]: { flex: '0 0 auto' }\r\n}))\r\n"],"names":["createFilterInput","config","classes","filterInputClasses","initialConfig","fields","_config$enableQuickSe","enableQuickSearch","qsKey","KeySpecial","quickSearch","mergedFields","_objectSpread","item","label","mapSpecialLabel","temp","Object","assign","field","initializeConfig","props","_props$slots2","_props$slots3","_mergedConfig$slots","_mergedConfig$slots2","_mergedConfig$slots3","refInput","createRef","refBeforeInput","context","useContext","FilterBarContext","_useFilterActions","useFilterActions","addFilter","replaceFilter","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","isOpen","Boolean","_useState3","_useState4","keywords","setKeywords","_useState5","_useState6","status","setStatus","mergedConfig","useMemo","_props$slots","beforeInput","afterInput","mergedRootSx","sx","slots","rootProps","rootSx","isMinimal","minimalInput","handleClose","isClear","handleSubmitSearch","_context$filterState$","qsField","filterState","storeFilter","logic","values","_jsx","MobileSearchButton","placeholder","onSearching","keyword","_context$filterState$2","fieldsList","rootClass","root","push","focus","ClickAwayListener","onClickAway","event","children","_jsxs","FilterInputStyled","className","join","rootInner","Box","ref","InputBase","fullWidth","input","autoComplete","size","inputRef","value","onKeyDown","keyCode","stopPropagation","preventDefault","_refInput$current","current","blur","onChange","finalValue","target","isOpenPopper","onFocus","currentTarget","startAdornment","InputAdornmentLeft","onSearch","_refInput$current2","endAdornment","InputAdornmentRight","hasKeyword","onSubmit","onClear","PopperCustom","open","placement","transition","disablePortal","popperProps","getFieldsByMatches","PopperContent","title","disableGutter","onClose","PopperBody","MenuList","menu","map","x","i","_x$label","toString","concat","MenuItem","onClick","_context$filterState$3","fieldConfig","fieldValue","singleValue","handleClickMenuItem","menuItem","Typography","variant","fontWeight","flex","color","ml","noWrap","button","styled","_ref","theme","_defineProperty","height","border","borderColor","alpha","palette","divider","borderRadius","shape","backgroundColor","background","paper","transitions","create","text","primary","main","boxShadow","display","alignItems","width","alignSelf","padding","spacing","fontSize"],"mappings":"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"}
+{"version":3,"file":"filter-input.js","sources":["../../../../src/filter-bar/components/filter-input.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useContext, useMemo, useState } from 'react'\r\nimport { Box, InputBase, MenuItem, MenuList, styled, Typography, alpha } from '@mui/material'\r\nimport ClickAwayListener from '@mui/material/ClickAwayListener'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel, DEFAULT_LOGIC } from '../helpers'\r\nimport { FilterBarContext } from '../index.context'\r\nimport { PopperBody, PopperContent, PopperCustom } from './popper-custom'\r\nimport { getFieldsByMatches, InputAdornmentLeft, InputAdornmentRight } from './filter-input.units'\r\nimport MobileSearchButton from './filter-input.mobile'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { InputBaseProps } from '@mui/material'\r\nimport type { TFieldType } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IFilterInputConfig, IFilterInputProps, IFilterInputSlots, TFieldInputConfigs } from './filter-input.types'\r\n\r\nconst initializeConfig = <T,>(config: IFilterInputConfig<T>): IFilterInputConfig<T> => {\r\n  const { fields, enableQuickSearch = true } = config\r\n  const qsKey = KeySpecial.quickSearch\r\n  const mergedFields: TFieldInputConfigs<T> = { ...fields }\r\n\r\n  if (enableQuickSearch) {\r\n    const item = mergedFields[qsKey]\r\n    const label = item?.label ? item.label : mapSpecialLabel[qsKey]\r\n    const temp = Object.assign({}, mergedFields[qsKey], { field: qsKey, label })\r\n    mergedFields[qsKey] = temp\r\n  } else {\r\n    delete mergedFields[qsKey]\r\n  }\r\n\r\n  return { ...config, fields: mergedFields }\r\n}\r\n\r\nexport function createFilterInput<T>(config: IFilterInputConfig<T>) {\r\n  const classes = filterInputClasses\r\n  const initialConfig = initializeConfig(config)\r\n\r\n  const FilterInput: FC<IFilterInputProps<T>> = (props) => {\r\n    const refInput = createRef<HTMLInputElement>()\r\n    const refBeforeInput = createRef<HTMLElement>()\r\n\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const { addFilter, replaceFilter } = useFilterActions<T>(context)\r\n\r\n    const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n    const isOpen = Boolean(anchorEl)\r\n\r\n    const [keywords, setKeywords] = useState<string>('')\r\n    const [status, setStatus] = useState<'focus' | 'normal'>('normal')\r\n\r\n    const mergedConfig = useMemo(() => {\r\n      const { beforeInput, afterInput } = config\r\n      const mergedRootSx = Object.assign({}, props.sx, props.slots?.rootProps?.sx)\r\n      const mergedSlots: IFilterInputSlots = Object.assign({}, { beforeInput, afterInput }, props.slots)\r\n      return { slots: mergedSlots, rootSx: mergedRootSx }\r\n    }, [])\r\n\r\n    const isMinimal = config.minimalInput || props.slots?.minimalInput || false\r\n\r\n    const handleClose = (isClear?: boolean) => {\r\n      setAnchorEl(null)\r\n      setStatus('normal')\r\n      if (isClear) setKeywords('')\r\n    }\r\n\r\n    const handleSubmitSearch = () => {\r\n      if (!keywords) return\r\n      const qsField = context.filterState.storeFilter?.quickSearch\r\n      const logic = qsField?.logic || DEFAULT_LOGIC\r\n      replaceFilter('quickSearch', { values: [keywords], logic })\r\n      handleClose(true)\r\n    }\r\n\r\n    const handleSubmitMobileSearch = (keyword: string) => {\r\n      if (!keyword) return\r\n      const qsField = context.filterState.storeFilter?.quickSearch\r\n      const logic = qsField?.logic || DEFAULT_LOGIC\r\n      replaceFilter('quickSearch', { values: [keyword], logic })\r\n    }\r\n\r\n    const handleKeyDown: InputBaseProps['onKeyDown'] = (event) => {\r\n      const keyCode: number = event.keyCode\r\n      if (keyCode === 13) {\r\n        event.stopPropagation()\r\n        event.preventDefault()\r\n        handleSubmitSearch()\r\n      } else if (keyCode === 27) {\r\n        event.stopPropagation()\r\n        event.preventDefault()\r\n        refInput?.current?.blur()\r\n        handleClose(true)\r\n      }\r\n    }\r\n\r\n    const handleKeywordChange: InputBaseProps['onChange'] = (event) => {\r\n      const finalValue = event.target.value || ''\r\n      setKeywords(finalValue)\r\n\r\n      const isOpenPopper = Boolean(refBeforeInput?.current) && Boolean(finalValue)\r\n      if (finalValue !== keywords) setAnchorEl(isOpenPopper ? refBeforeInput?.current || null : null)\r\n    }\r\n\r\n    const handleFocus = (event: React.FocusEvent<HTMLElement>) => {\r\n      setStatus('focus')\r\n      if (!Boolean(keywords)) return\r\n      setAnchorEl(refBeforeInput?.current || event.currentTarget)\r\n    }\r\n\r\n    const handleClickMenuItem = (field: TFieldType<T>) => {\r\n      if (!keywords) return\r\n      const fieldConfig = config.fields[field]\r\n      const fieldValue = context.filterState.storeFilter?.[field]\r\n      const logic = fieldValue?.logic || 'or'\r\n      if (fieldConfig?.singleValue) {\r\n        replaceFilter(field, { values: [keywords], logic })\r\n      } else {\r\n        addFilter(field, { values: [keywords], logic })\r\n      }\r\n      handleClose(true)\r\n    }\r\n\r\n    const handleClickSearch = () => {\r\n      refInput.current?.focus()\r\n    }\r\n\r\n    const handleClickAway = (event: MouseEvent | TouchEvent) => {\r\n      handleClose()\r\n    }\r\n\r\n    const renderContent = () => {\r\n      const fieldsList = getFieldsByMatches(initialConfig, keywords)\r\n      return (\r\n        <PopperContent title='Filter Options' disableGutter onClose={() => setAnchorEl(null)}>\r\n          <PopperBody disableGutter>\r\n            <MenuList className={classes.menu}>\r\n              {fieldsList.map((x, i) => {\r\n                const field = x.field\r\n                if (!x) return null\r\n                const label = x.label ?? field.toString()\r\n                const title = `${label}: \"${keywords}\"`\r\n                return (\r\n                  <MenuItem title={title} key={field.toString() + i} onClick={() => handleClickMenuItem(field)} className={classes.menuItem}>\r\n                    <Typography variant='body2' sx={{ fontWeight: 500, flex: '0 0 auto' }}>\r\n                      {label}:\r\n                    </Typography>\r\n                    <Typography variant='body2' color='text.secondary' sx={{ ml: 1, flex: '1 1 auto' }} noWrap>\r\n                      \"{keywords}\"\r\n                    </Typography>\r\n                  </MenuItem>\r\n                )\r\n              })}\r\n            </MenuList>\r\n          </PopperBody>\r\n        </PopperContent>\r\n      )\r\n    }\r\n\r\n    if (isMinimal) return <MobileSearchButton placeholder='Search...' onSearching={handleSubmitMobileSearch} />\r\n\r\n    const rootClass = [classes.root]\r\n    if (status === 'focus' || Boolean(keywords)) rootClass.push(classes.focus)\r\n\r\n    return (\r\n      <ClickAwayListener onClickAway={handleClickAway}>\r\n        <FilterInputStyled className={rootClass.join(' ')} {...props.slots?.rootProps} sx={mergedConfig.rootSx}>\r\n          <div className={classes.rootInner}>\r\n            {mergedConfig.slots?.beforeInput || null}\r\n            <Box className={classes.beforeInput} ref={refBeforeInput} />\r\n            <InputBase\r\n              fullWidth\r\n              className={classes.input}\r\n              autoComplete='off'\r\n              size='small'\r\n              inputRef={refInput}\r\n              value={keywords}\r\n              placeholder='Search...'\r\n              onKeyDown={handleKeyDown}\r\n              onChange={handleKeywordChange}\r\n              onFocus={handleFocus}\r\n              startAdornment={<InputAdornmentLeft onSearch={handleClickSearch} />}\r\n              endAdornment={<InputAdornmentRight hasKeyword={Boolean(keywords)} onSubmit={handleSubmitSearch} onClear={() => handleClose(true)} />}\r\n            />\r\n            {mergedConfig.slots?.afterInput || null}\r\n          </div>\r\n          <PopperCustom anchorEl={anchorEl} open={isOpen} placement='bottom' transition disablePortal {...mergedConfig.slots?.popperProps}>\r\n            {renderContent()}\r\n          </PopperCustom>\r\n        </FilterInputStyled>\r\n      </ClickAwayListener>\r\n    )\r\n  }\r\n  return FilterInput\r\n}\r\n\r\nexport const filterInputClasses = {\r\n  root: 'DinoFilterInput-root',\r\n  rootInner: 'DinoFilterInput-rootInner',\r\n  button: 'DinoFilterInput-button',\r\n  input: 'DinoFilterInput-input',\r\n  focus: 'DinoFilterInput-focus',\r\n  beforeInput: 'DinoFilterInput-beforeInput',\r\n  menu: 'DinoFilterInput-menu',\r\n  menuItem: 'DinoFilterInput-menuItem',\r\n  menuItemKey: 'DinoFilterInput-menuItemKey'\r\n}\r\n\r\nconst FilterInputStyled = styled(Box)(({ theme }) => ({\r\n  // Note: we use CSS variable\r\n  // '--dino-h-filter-input': '38px',\r\n  [`&.${filterInputClasses.root}`]: {\r\n    height: 'var(--dino-h-filter-input, 38px)',\r\n    flex: 1,\r\n    border: '1px solid',\r\n    borderColor: alpha(theme.palette.divider, 0.12),\r\n    borderRadius: theme.shape.borderRadius,\r\n    backgroundColor: theme.palette.background.paper,\r\n    transition: theme.transitions.create(['border-color', 'box-shadow'])\r\n  },\r\n  '&:hover': { borderColor: theme.palette.text.primary },\r\n  '&.Mui-focused': {\r\n    borderColor: theme.palette.primary.main,\r\n    boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n  },\r\n  [`&.${filterInputClasses.focus}`]: {\r\n    borderColor: theme.palette.primary.main,\r\n    boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n  },\r\n  [`.${filterInputClasses.rootInner}`]: { height: '100%', display: 'flex', alignItems: 'stretch' },\r\n  [`.${filterInputClasses.beforeInput}`]: { width: '1px', height: '100%', alignSelf: 'stretch' },\r\n  [`.${filterInputClasses.input}`]: {\r\n    padding: theme.spacing(0.5, 1),\r\n    input: { fontSize: '14px', padding: '4px 0 5px' }\r\n  },\r\n  [`.${filterInputClasses.button}`]: { flex: '0 0 auto' }\r\n}))\r\n"],"names":["createFilterInput","config","classes","filterInputClasses","initialConfig","fields","_config$enableQuickSe","enableQuickSearch","qsKey","KeySpecial","quickSearch","mergedFields","_objectSpread","item","label","mapSpecialLabel","temp","Object","assign","field","initializeConfig","props","_props$slots2","_props$slots3","_mergedConfig$slots","_mergedConfig$slots2","_mergedConfig$slots3","refInput","createRef","refBeforeInput","context","useContext","FilterBarContext","_useFilterActions","useFilterActions","addFilter","replaceFilter","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","isOpen","Boolean","_useState3","_useState4","keywords","setKeywords","_useState5","_useState6","status","setStatus","mergedConfig","useMemo","_props$slots","beforeInput","afterInput","mergedRootSx","sx","slots","rootProps","rootSx","isMinimal","minimalInput","handleClose","isClear","handleSubmitSearch","_context$filterState$","qsField","filterState","storeFilter","logic","DEFAULT_LOGIC","values","_jsx","MobileSearchButton","placeholder","onSearching","keyword","_context$filterState$2","fieldsList","rootClass","root","push","focus","ClickAwayListener","onClickAway","event","children","_jsxs","FilterInputStyled","className","join","rootInner","Box","ref","InputBase","fullWidth","input","autoComplete","size","inputRef","value","onKeyDown","keyCode","stopPropagation","preventDefault","_refInput$current","current","blur","onChange","finalValue","target","isOpenPopper","onFocus","currentTarget","startAdornment","InputAdornmentLeft","onSearch","_refInput$current2","endAdornment","InputAdornmentRight","hasKeyword","onSubmit","onClear","PopperCustom","open","placement","transition","disablePortal","popperProps","getFieldsByMatches","PopperContent","title","disableGutter","onClose","PopperBody","MenuList","menu","map","x","i","_x$label","toString","concat","MenuItem","onClick","_context$filterState$3","fieldConfig","fieldValue","singleValue","handleClickMenuItem","menuItem","Typography","variant","fontWeight","flex","color","ml","noWrap","button","styled","_ref","theme","_defineProperty","height","border","borderColor","alpha","palette","divider","borderRadius","shape","backgroundColor","background","paper","transitions","create","text","primary","main","boxShadow","display","alignItems","width","alignSelf","padding","spacing","fontSize"],"mappings":"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"}

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