synapse-react-client 4.0.9 → 4.0.10

package/dist/components/CreateTableViewWizard/CreateTableViewWizardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateTableViewWizardUtils.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/CreateTableViewWizardUtils.ts"],"sourcesContent":["import { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  Entity,\n  EntityView,\n  MaterializedView,\n  SubmissionView,\n  Table,\n  VirtualTable,\n} from '@sage-bionetworks/synapse-types'\n\nexport type CreateTableViewWizardStep =\n  | 'CHOOSE_TABLE_TYPE'\n  | 'CHOOSE_VIEW_TYPE'\n  | 'ENTITY_VIEW_SCOPE'\n  | 'SUBMISSION_VIEW_SCOPE'\n  | 'TABLE_COLUMNS'\n  | 'TABLE_SQL'\n  | 'TABLE_NAME'\n\nexport function getModalTitle(\n  step: CreateTableViewWizardStep,\n  entityType?: EntityType,\n): string {\n  switch (step) {\n    case 'CHOOSE_TABLE_TYPE':\n      return 'Create Table or View'\n    case 'CHOOSE_VIEW_TYPE':\n      return 'Create View'\n    case 'ENTITY_VIEW_SCOPE':\n    case 'SUBMISSION_VIEW_SCOPE':\n      return `Define ${entityTypeToFriendlyName(entityType!)} Scope`\n    case 'TABLE_SQL':\n      return 'Create a SQL-Defined View'\n\n    case 'TABLE_COLUMNS':\n      return `Add Columns to ${entityTypeToFriendlyName(entityType!)}`\n\n    case 'TABLE_NAME':\n      return `Create the ${entityTypeToFriendlyName(entityType!)}`\n  }\n}\n\nexport function getPreviousStep(\n  currentStep: CreateTableViewWizardStep,\n  entityType?: EntityType,\n): CreateTableViewWizardStep {\n  switch (currentStep) {\n    case 'CHOOSE_TABLE_TYPE':\n      // This should never happen\n      break\n    case 'CHOOSE_VIEW_TYPE':\n      return 'CHOOSE_TABLE_TYPE'\n    case 'ENTITY_VIEW_SCOPE':\n    case 'SUBMISSION_VIEW_SCOPE':\n    case 'TABLE_SQL':\n      return 'CHOOSE_VIEW_TYPE'\n    case 'TABLE_COLUMNS':\n      // If this is a table, then go back to the table type selection\n      if (entityType === EntityType.table) {\n        return 'CHOOSE_TABLE_TYPE'\n      }\n      // If this is a view, go back to scope selection\n      if (entityType === EntityType.entityview) {\n        return 'ENTITY_VIEW_SCOPE'\n      }\n      if (entityType === EntityType.submissionview) {\n        return 'SUBMISSION_VIEW_SCOPE'\n      }\n      break\n    case 'TABLE_NAME':\n      if (\n        entityType === EntityType.table ||\n        entityType === EntityType.entityview ||\n        entityType === EntityType.submissionview\n      ) {\n        return 'TABLE_COLUMNS'\n      } else if (\n        entityType === EntityType.materializedview ||\n        entityType === EntityType.virtualtable\n      ) {\n        // TODO: Currently, this block is unreachable\n        // TABLE_SQL is the last step, but after PLFM-8209 is complete, TABLE_SQL can come before TABLE_NAME, where this will make more sense\n        // Other than removing this comment, no change will be needed here\n        return 'TABLE_SQL'\n      }\n      break\n  }\n  console.warn(`Unknown previous step at ${currentStep} for type ${entityType}`)\n  return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function isLastStep(step: CreateTableViewWizardStep) {\n  return step === 'TABLE_NAME'\n}\n\nexport function getStepAfterTypeSelection(\n  entityType: EntityType,\n): CreateTableViewWizardStep {\n  if (entityType === EntityType.table) {\n    return 'TABLE_COLUMNS'\n  }\n  if (entityType === EntityType.entityview) {\n    return 'ENTITY_VIEW_SCOPE'\n  }\n  if (entityType === EntityType.submissionview) {\n    return 'SUBMISSION_VIEW_SCOPE'\n  }\n  if (\n    entityType === EntityType.materializedview ||\n    entityType === EntityType.virtualtable\n  ) {\n    return 'TABLE_SQL'\n  }\n\n  // Should never happen\n  return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function maybeSetColumnIds(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  createdColumnModels: ColumnModel[],\n) {\n  const hasColumnIdsTypes: EntityType[] = [\n    EntityType.table,\n    EntityType.entityview,\n    EntityType.submissionview,\n    EntityType.dataset,\n    EntityType.datasetcollection,\n  ]\n  if (hasColumnIdsTypes.includes(entityType)) {\n    if (createdColumnModels.length > 0) {\n      ;(entityToCreate as Table)['columnIds'] = createdColumnModels.map(\n        cm => cm.id,\n      )\n    }\n  }\n}\n\nexport function maybeSetScopeIds(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  scopeIds: string[],\n) {\n  const hasScopeIdsTypes: EntityType[] = [\n    EntityType.entityview,\n    EntityType.submissionview,\n  ]\n  if (hasScopeIdsTypes.includes(entityType) && scopeIds.length > 0) {\n    ;(entityToCreate as EntityView | SubmissionView)['scopeIds'] = scopeIds\n  }\n}\n\nexport function maybeSetViewTypeMask(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  viewTypeMask: number,\n) {\n  if (entityType === EntityType.entityview) {\n    ;(entityToCreate as EntityView)['viewTypeMask'] = viewTypeMask\n  }\n}\n\nexport function maybeSetDefiningSQL(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  sql: string,\n) {\n  const hasDefiningSQLTypes: EntityType[] = [\n    EntityType.materializedview,\n    EntityType.virtualtable,\n  ]\n  if (hasDefiningSQLTypes.includes(entityType)) {\n    ;(entityToCreate as MaterializedView | VirtualTable)['definingSQL'] = sql\n  }\n}\n"],"mappings":";;;AAqBA,SAAgB,EACd,GACA,GACQ;AACR,SAAQ,GAAR;EACE,KAAK,oBACH,QAAO;EACT,KAAK,mBACH,QAAO;EACT,KAAK;EACL,KAAK,wBACH,QAAO,UAAU,EAAyB,EAAY,CAAC;EACzD,KAAK,YACH,QAAO;EAET,KAAK,gBACH,QAAO,kBAAkB,EAAyB,EAAY;EAEhE,KAAK,aACH,QAAO,cAAc,EAAyB,EAAY;;;AAIhE,SAAgB,EACd,GACA,GAC2B;AAC3B,SAAQ,GAAR;EACE,KAAK,oBAEH;EACF,KAAK,mBACH,QAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,YACH,QAAO;EACT,KAAK;AAEH,OAAI,MAAe,EAAW,MAC5B,QAAO;AAGT,OAAI,MAAe,EAAW,WAC5B,QAAO;AAET,OAAI,MAAe,EAAW,eAC5B,QAAO;AAET;EACF,KAAK;AACH,OACE,MAAe,EAAW,SAC1B,MAAe,EAAW,cAC1B,MAAe,EAAW,eAE1B,QAAO;OAEP,MAAe,EAAW,oBAC1B,MAAe,EAAW,aAK1B,QAAO;AAET;;AAGJ,QADA,QAAQ,KAAK,4BAA4B,EAAY,YAAY,IAAa,EACvE;;AAGT,SAAgB,EAAW,GAAiC;AAC1D,QAAO,MAAS;;AAGlB,SAAgB,EACd,GAC2B;AAkB3B,QAjBI,MAAe,EAAW,QACrB,kBAEL,MAAe,EAAW,aACrB,sBAEL,MAAe,EAAW,iBACrB,0BAGP,MAAe,EAAW,oBAC1B,MAAe,EAAW,eAEnB,cAIF;;AAGT,SAAgB,EACd,GACA,GACA,GACA;AAQA,CAPwC;EACtC,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;EACZ,CACqB,SAAS,EAAW,IACpC,EAAoB,SAAS,MAC7B,EAAyB,YAAe,EAAoB,KAC5D,MAAM,EAAG,GACV;;AAKP,SAAgB,EACd,GACA,GACA,GACA;AAKA,CAJuC,CACrC,EAAW,YACX,EAAW,eACZ,CACoB,SAAS,EAAW,IAAI,EAAS,SAAS,MAC3D,EAA+C,WAAc;;AAInE,SAAgB,EACd,GACA,GACA,GACA;AACA,CAAI,MAAe,EAAW,eAC1B,EAA8B,eAAkB;;AAItD,SAAgB,EACd,GACA,GACA,GACA;AAKA,CAJ0C,CACxC,EAAW,kBACX,EAAW,aACZ,CACuB,SAAS,EAAW,KACxC,EAAmD,cAAiB"}
+{"version":3,"file":"CreateTableViewWizardUtils.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/CreateTableViewWizardUtils.ts"],"sourcesContent":["import { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  Entity,\n  EntityView,\n  MaterializedView,\n  SubmissionView,\n  Table,\n  VirtualTable,\n} from '@sage-bionetworks/synapse-types'\n\nexport type CreateTableViewWizardStep =\n  | 'CHOOSE_TABLE_TYPE'\n  | 'CHOOSE_VIEW_TYPE'\n  | 'ENTITY_VIEW_SCOPE'\n  | 'SUBMISSION_VIEW_SCOPE'\n  | 'TABLE_COLUMNS'\n  | 'TABLE_SQL'\n  | 'TABLE_NAME'\n\nexport function getModalTitle(\n  step: CreateTableViewWizardStep,\n  entityType?: EntityType,\n): string {\n  switch (step) {\n    case 'CHOOSE_TABLE_TYPE':\n      return 'Create Table or View'\n    case 'CHOOSE_VIEW_TYPE':\n      return 'Create View'\n    case 'ENTITY_VIEW_SCOPE':\n    case 'SUBMISSION_VIEW_SCOPE':\n      return `Define ${entityTypeToFriendlyName(entityType!)} Scope`\n    case 'TABLE_SQL':\n      return 'Create a SQL-Defined View'\n\n    case 'TABLE_COLUMNS':\n      return `Add Columns to ${entityTypeToFriendlyName(entityType!)}`\n\n    case 'TABLE_NAME':\n      return `Create the ${entityTypeToFriendlyName(entityType!)}`\n  }\n}\n\nexport function getPreviousStep(\n  currentStep: CreateTableViewWizardStep,\n  entityType?: EntityType,\n): CreateTableViewWizardStep {\n  switch (currentStep) {\n    case 'CHOOSE_TABLE_TYPE':\n      // This should never happen\n      break\n    case 'CHOOSE_VIEW_TYPE':\n      return 'CHOOSE_TABLE_TYPE'\n    case 'ENTITY_VIEW_SCOPE':\n    case 'SUBMISSION_VIEW_SCOPE':\n    case 'TABLE_SQL':\n      return 'CHOOSE_VIEW_TYPE'\n    case 'TABLE_COLUMNS':\n      // If this is a table, then go back to the table type selection\n      if (entityType === EntityType.table) {\n        return 'CHOOSE_TABLE_TYPE'\n      }\n      // If this is a view, go back to scope selection\n      if (entityType === EntityType.entityview) {\n        return 'ENTITY_VIEW_SCOPE'\n      }\n      if (entityType === EntityType.submissionview) {\n        return 'SUBMISSION_VIEW_SCOPE'\n      }\n      break\n    case 'TABLE_NAME':\n      if (\n        entityType === EntityType.table ||\n        entityType === EntityType.entityview ||\n        entityType === EntityType.submissionview\n      ) {\n        return 'TABLE_COLUMNS'\n      } else if (\n        entityType === EntityType.materializedview ||\n        entityType === EntityType.virtualtable\n      ) {\n        // TODO: Currently, this block is unreachable\n        // TABLE_SQL is the last step, but after PLFM-8209 is complete, TABLE_SQL can come before TABLE_NAME, where this will make more sense\n        // Other than removing this comment, no change will be needed here\n        return 'TABLE_SQL'\n      }\n      break\n  }\n  console.warn(`Unknown previous step at ${currentStep} for type ${entityType}`)\n  return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function isLastStep(step: CreateTableViewWizardStep) {\n  return step === 'TABLE_NAME'\n}\n\nexport function getStepAfterTypeSelection(\n  entityType: EntityType,\n): CreateTableViewWizardStep {\n  if (entityType === EntityType.table) {\n    return 'TABLE_COLUMNS'\n  }\n  if (entityType === EntityType.entityview) {\n    return 'ENTITY_VIEW_SCOPE'\n  }\n  if (entityType === EntityType.submissionview) {\n    return 'SUBMISSION_VIEW_SCOPE'\n  }\n  if (\n    entityType === EntityType.materializedview ||\n    entityType === EntityType.virtualtable\n  ) {\n    return 'TABLE_SQL'\n  }\n\n  // Should never happen\n  return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function maybeSetColumnIds(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  createdColumnModels: ColumnModel[],\n) {\n  const hasColumnIdsTypes: EntityType[] = [\n    EntityType.table,\n    EntityType.entityview,\n    EntityType.submissionview,\n    EntityType.dataset,\n    EntityType.datasetcollection,\n  ]\n  if (hasColumnIdsTypes.includes(entityType)) {\n    if (createdColumnModels.length > 0) {\n      ;(entityToCreate as Table)['columnIds'] = createdColumnModels.map(\n        cm => cm.id,\n      )\n    }\n  }\n}\n\nexport function maybeSetScopeIds(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  scopeIds: string[],\n) {\n  const hasScopeIdsTypes: EntityType[] = [\n    EntityType.entityview,\n    EntityType.submissionview,\n  ]\n  if (hasScopeIdsTypes.includes(entityType) && scopeIds.length > 0) {\n    ;(entityToCreate as EntityView | SubmissionView)['scopeIds'] = scopeIds\n  }\n}\n\nexport function maybeSetViewTypeMask(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  viewTypeMask: number,\n) {\n  if (entityType === EntityType.entityview) {\n    ;(entityToCreate as EntityView)['viewTypeMask'] = viewTypeMask\n  }\n}\n\nexport function maybeSetDefiningSQL(\n  entityToCreate: Entity,\n  entityType: EntityType,\n  sql: string,\n) {\n  const hasDefiningSQLTypes: EntityType[] = [\n    EntityType.materializedview,\n    EntityType.virtualtable,\n  ]\n  if (hasDefiningSQLTypes.includes(entityType)) {\n    ;(entityToCreate as MaterializedView | VirtualTable)['definingSQL'] = sql\n  }\n}\n"],"mappings":";;;AAqBA,SAAgB,EACd,GACA,GACQ;AACR,SAAQ,GAAR;EACE,KAAK,oBACH,QAAO;EACT,KAAK,mBACH,QAAO;EACT,KAAK;EACL,KAAK,wBACH,QAAO,UAAU,EAAyB,EAAY,CAAC;EACzD,KAAK,YACH,QAAO;EAET,KAAK,gBACH,QAAO,kBAAkB,EAAyB,EAAY;EAEhE,KAAK,aACH,QAAO,cAAc,EAAyB,EAAY;;;AAIhE,SAAgB,EACd,GACA,GAC2B;AAC3B,SAAQ,GAAR;EACE,KAAK,oBAEH;EACF,KAAK,mBACH,QAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,YACH,QAAO;EACT,KAAK;AAEH,OAAI,MAAe,EAAW,MAC5B,QAAO;AAGT,OAAI,MAAe,EAAW,WAC5B,QAAO;AAET,OAAI,MAAe,EAAW,eAC5B,QAAO;AAET;EACF,KAAK;AACH,OACE,MAAe,EAAW,SAC1B,MAAe,EAAW,cAC1B,MAAe,EAAW,eAE1B,QAAO;OAEP,MAAe,EAAW,oBAC1B,MAAe,EAAW,aAK1B,QAAO;AAET;;AAGJ,QADA,QAAQ,KAAK,4BAA4B,EAAY,YAAY,IAAa,EACvE;;AAGT,SAAgB,EAAW,GAAiC;AAC1D,QAAO,MAAS;;AAGlB,SAAgB,EACd,GAC2B;AAkB3B,QAjBI,MAAe,EAAW,QACrB,kBAEL,MAAe,EAAW,aACrB,sBAEL,MAAe,EAAW,iBACrB,0BAGP,MAAe,EAAW,oBAC1B,MAAe,EAAW,eAEnB,cAIF;;AAGT,SAAgB,EACd,GACA,GACA,GACA;AAQA,CAAI;EANF,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;EAET,CAAkB,SAAS,EAAW,IACpC,EAAoB,SAAS,MAC7B,EAAyB,YAAe,EAAoB,KAC5D,MAAM,EAAG,GACV;;AAKP,SAAgB,EACd,GACA,GACA,GACA;AAKA,CAAI,CAHF,EAAW,YACX,EAAW,eAET,CAAiB,SAAS,EAAW,IAAI,EAAS,SAAS,MAC3D,EAA+C,WAAc;;AAInE,SAAgB,EACd,GACA,GACA,GACA;AACA,CAAI,MAAe,EAAW,eAC1B,EAA8B,eAAkB;;AAItD,SAAgB,EACd,GACA,GACA,GACA;AAKA,CAAI,CAHF,EAAW,kBACX,EAAW,aAET,CAAoB,SAAS,EAAW,KACxC,EAAmD,cAAiB"}

package/dist/components/DataGrid/DataGrid.d.ts

@@ -19,7 +19,6 @@ type DataGridProps = {
     handleSelectionChange: (opts: {
         selection: SelectionWithId | null;
     }) => void;
-    onSelectedRowChange?: (rowIndex: number | null, row: DataGridRow | null) => void;
     remoteSelections?: readonly RemoteSelection[];
 };
 /**

package/dist/components/DataGrid/DataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAA;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAEL,gBAAgB,EACjB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,uDAAuD,CAAA;AAC9D,OAAO,8CAA8C,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAMxE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAQxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IACjD,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,oBAAoB,EAAE,mBAAmB,CAAA;IACzC,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,WAAW,GAAG,SAAS,CAAA;IACnC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAA;IACrC,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;IACxE,qBAAqB,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,eAAe,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,GAAG,EAAE,WAAW,GAAG,IAAI,KACpB,IAAI,CAAA;IACT,gBAAgB,CAAC,EAAE,SAAS,eAAe,EAAE,CAAA;CAC9C,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA2OpD"}
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAA;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAEL,gBAAgB,EACjB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,uDAAuD,CAAA;AAC9D,OAAO,8CAA8C,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAMxE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAQxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IACjD,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,oBAAoB,EAAE,mBAAmB,CAAA;IACzC,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,WAAW,GAAG,SAAS,CAAA;IACnC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAA;IACrC,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;IACxE,qBAAqB,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,eAAe,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IAC5E,gBAAgB,CAAC,EAAE,SAAS,eAAe,EAAE,CAAA;CAC9C,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAoOpD"}

package/dist/components/DataGrid/DataGrid.js

@@ -2,28 +2,28 @@ import { GRID_ROW_REACT_KEY_PROPERTY as e } from "./utils/DataGridUtils.js";
 import { calculateDefaultColumnWidth as t } from "./utils/calculateColumnWidth.js";
 import { modelColsToGrid as n } from "./utils/modelColsToGrid.js";
 import '../../style/components/_data-grid-extra.css';/* empty css                                      */
-import { renderAddRowsComponent as r, renderRecordSetContextMenu as i, renderViewContextMenu as ee } from "./components/contextMenu.js";
-import { getCellClassName as a } from "./utils/getCellClassName.js";
+import { renderAddRowsComponent as r, renderRecordSetContextMenu as i, renderViewContextMenu as a } from "./components/contextMenu.js";
+import { getCellClassName as ee } from "./utils/getCellClassName.js";
 import { useColumnResizeHandles as te } from "./hooks/useColumnResizeHandles.js";
 import { useEffect as ne, useRef as o, useState as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
-import { c as re } from "react/compiler-runtime";
-import { DynamicDataSheetGrid as ie } from "@sage-bionetworks/react-datasheet-grid";
 import l from "classnames";
+import { c as re } from "react/compiler-runtime";
+import { DynamicDataSheetGrid as u } from "@sage-bionetworks/react-datasheet-grid";
 import "@sage-bionetworks/react-datasheet-grid/dist/style.css";
 //#region src/components/DataGrid/DataGrid.tsx
-function u(u) {
-	let d = re(46), { gridRef: f, rowValues: p, columnNames: m, columnOrder: h, schemaPropertiesInfo: g, entityIsView: _, jsonSchema: v, lastSelection: y, handleChange: b, handleSelectionChange: x, onSelectedRowChange: S, remoteSelections: C } = u, w;
-	d[0] === Symbol.for("react.memo_cache_sentinel") ? (w = {}, d[0] = w) : w = d[0];
-	let [T, E] = s(w), [D, se] = s(!1), O, k;
-	d[1] !== m || d[2] !== h || d[3] !== g ? (O = () => {
-		!m || !h || E((e) => {
-			let n = h.map((e) => m[e]);
+function d(d) {
+	let p = re(43), { gridRef: m, rowValues: h, columnNames: g, columnOrder: _, schemaPropertiesInfo: v, entityIsView: y, jsonSchema: b, lastSelection: x, handleChange: S, handleSelectionChange: C, remoteSelections: w } = d, T;
+	p[0] === Symbol.for("react.memo_cache_sentinel") ? (T = {}, p[0] = T) : T = p[0];
+	let [E, D] = s(T), [O, k] = s(!1), A, j;
+	p[1] !== g || p[2] !== _ || p[3] !== v ? (A = () => {
+		!g || !_ || D((e) => {
+			let n = _.map((e) => g[e]);
 			if (!n.some((t) => !e[t])) return e;
 			let r = { ...e };
 			return n.forEach((e, n) => {
 				if (!r[e]) {
-					let i = g[e];
+					let i = v[e];
 					r[e] = t(e, i, {
 						showPinIcon: n === 0,
 						hasDescription: !!i?.description
@@ -31,102 +31,102 @@ function u(u) {
 				}
 			}), r;
 		});
-	}, k = [
-		m,
-		h,
-		g
-	], d[1] = m, d[2] = h, d[3] = g, d[4] = O, d[5] = k) : (O = d[4], k = d[5]), ne(O, k);
-	let A;
-	d[6] === h ? A = d[7] : (A = (e) => {
-		typeof e != "number" || e < 0 || !h || e >= h.length || e === 0 && se(oe);
-	}, d[6] = h, d[7] = A);
-	let j = A, M;
-	d[8] === D ? M = d[9] : (M = D ? new Set([0]) : /* @__PURE__ */ new Set(), d[8] = D, d[9] = M);
+	}, j = [
+		g,
+		_,
+		v
+	], p[1] = g, p[2] = _, p[3] = v, p[4] = A, p[5] = j) : (A = p[4], j = p[5]), ne(A, j);
+	let M;
+	p[6] === _ ? M = p[7] : (M = (e) => {
+		typeof e != "number" || e < 0 || !_ || e >= _.length || e === 0 && k(f);
+	}, p[6] = _, p[7] = M);
 	let N = M, P;
-	d[10] !== m || d[11] !== h || d[12] !== T || d[13] !== j || d[14] !== N || d[15] !== g ? (P = n(m, h, g, T, N, j), d[10] = m, d[11] = h, d[12] = T, d[13] = j, d[14] = N, d[15] = g, d[16] = P) : P = d[16];
-	let F = P, [I, L] = s(null), R = _ ? ee : i, z = _ ? !1 : r, B;
-	d[17] !== v || d[18] !== I ? (B = (e) => {
+	p[8] === O ? P = p[9] : (P = O ? new Set([0]) : /* @__PURE__ */ new Set(), p[8] = O, p[9] = P);
+	let F = P, I;
+	p[10] !== g || p[11] !== _ || p[12] !== E || p[13] !== N || p[14] !== F || p[15] !== v ? (I = n(g, _, v, E, F, N), p[10] = g, p[11] = _, p[12] = E, p[13] = N, p[14] = F, p[15] = v, p[16] = I) : I = p[16];
+	let L = I, [R, ae] = s(null), z = y ? a : i, B = y ? !1 : r, V;
+	p[17] !== b || p[18] !== R ? (V = (e) => {
 		let { rowData: t, rowIndex: n } = e;
 		return l({
-			"row-valid": !!v && t.__validationStatus === "valid",
-			"row-invalid": !!v && t.__validationStatus === "invalid",
-			"row-unknown": !!v && t.__validationStatus === "pending",
-			"row-selected": I === n
+			"row-valid": !!b && t.__validationStatus === "valid",
+			"row-invalid": !!b && t.__validationStatus === "invalid",
+			"row-unknown": !!b && t.__validationStatus === "pending",
+			"row-selected": R === n
 		});
-	}, d[17] = v, d[18] = I, d[19] = B) : B = d[19];
-	let V = B, H;
-	d[20] !== F || d[21] !== y || d[22] !== C || d[23] !== I ? (H = (e) => {
+	}, p[17] = b, p[18] = R, p[19] = V) : V = p[19];
+	let H = V, U;
+	p[20] !== L || p[21] !== x || p[22] !== w || p[23] !== R ? (U = (e) => {
 		let { rowData: t, rowIndex: n, columnId: r } = e;
-		return a({
+		return ee({
 			rowData: t,
 			rowIndex: n,
 			columnId: r || "",
-			selectedRowIndex: I,
-			lastSelection: y,
-			colValues: F,
-			remoteSelections: C
+			selectedRowIndex: R,
+			lastSelection: x,
+			colValues: L,
+			remoteSelections: w
 		});
-	}, d[20] = F, d[21] = y, d[22] = C, d[23] = I, d[24] = H) : H = d[24];
-	let U = H, ce = ae, W;
-	d[25] !== S || d[26] !== p ? (W = (e) => {
+	}, p[20] = L, p[21] = x, p[22] = w, p[23] = R, p[24] = U) : U = p[24];
+	let W = U, oe = ie, G;
+	p[25] === Symbol.for("react.memo_cache_sentinel") ? (G = (e) => {
 		let { cell: t } = e;
-		t ? (L(t.row), S?.(t.row, p[t.row])) : (L(null), S?.(null, null));
-	}, d[25] = S, d[26] = p, d[27] = W) : W = d[27];
-	let G = W, K = o(null), q = o(null), J;
-	d[28] === f ? J = d[29] : (J = (e, t) => {
-		if (f.current) {
-			let e = f.current.activeCell;
+		ae(t ? t.row : null);
+	}, p[25] = G) : G = p[25];
+	let se = G, K = o(null), q = o(null), J;
+	p[26] === m ? J = p[27] : (J = (e, t) => {
+		if (m.current) {
+			let e = m.current.activeCell;
 			e ? q.current = {
 				col: e.col,
 				row: e.row
 			} : q.current = null;
 		}
-		E((n) => ({
+		D((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, d[28] = f, d[29] = J);
+	}, p[26] = m, p[27] = J);
 	let Y = J, X;
-	d[30] !== F || d[31] !== Y ? (X = {
+	p[28] !== L || p[29] !== Y ? (X = {
 		wrapperRef: K,
-		colValues: F,
+		colValues: L,
 		onColumnResize: Y
-	}, d[30] = F, d[31] = Y, d[32] = X) : X = d[32], te(X);
+	}, p[28] = L, p[29] = Y, p[30] = X) : X = p[30], te(X);
 	let Z;
-	d[33] === Symbol.for("react.memo_cache_sentinel") ? (Z = {
+	p[31] === Symbol.for("react.memo_cache_sentinel") ? (Z = {
 		position: "relative",
 		width: "100%"
-	}, d[33] = Z) : Z = d[33];
-	let Q = !_, $;
-	return d[34] !== z || d[35] !== U || d[36] !== F || d[37] !== R || d[38] !== f || d[39] !== G || d[40] !== b || d[41] !== x || d[42] !== V || d[43] !== p || d[44] !== Q ? ($ = /* @__PURE__ */ c("div", {
+	}, p[31] = Z) : Z = p[31];
+	let Q = !y, $;
+	return p[32] !== B || p[33] !== W || p[34] !== L || p[35] !== z || p[36] !== m || p[37] !== S || p[38] !== C || p[39] !== H || p[40] !== h || p[41] !== Q ? ($ = /* @__PURE__ */ c("div", {
 		ref: K,
 		style: Z,
-		children: /* @__PURE__ */ c(ie, {
-			ref: f,
-			value: p,
-			columns: F,
+		children: /* @__PURE__ */ c(u, {
+			ref: m,
+			value: h,
+			columns: L,
 			autoAddRow: Q,
 			disableSmartDelete: !0,
-			addRowsComponent: z,
-			contextMenuComponent: R,
+			addRowsComponent: B,
+			contextMenuComponent: z,
 			rowKey: e,
-			rowClassName: V,
-			cellClassName: U,
-			duplicateRow: ce,
-			onChange: b,
-			onActiveCellChange: G,
-			onSelectionChange: x
+			rowClassName: H,
+			cellClassName: W,
+			duplicateRow: oe,
+			onChange: S,
+			onActiveCellChange: se,
+			onSelectionChange: C
 		})
-	}), d[34] = z, d[35] = U, d[36] = F, d[37] = R, d[38] = f, d[39] = G, d[40] = b, d[41] = x, d[42] = V, d[43] = p, d[44] = Q, d[45] = $) : $ = d[45], $;
+	}), p[32] = B, p[33] = W, p[34] = L, p[35] = z, p[36] = m, p[37] = S, p[38] = C, p[39] = H, p[40] = h, p[41] = Q, p[42] = $) : $ = p[42], $;
 }
-function ae(e) {
+function ie(e) {
 	let { rowData: t } = e;
 	return { ...t };
 }
-function oe(e) {
+function f(e) {
 	return !e;
 }
 //#endregion
-export { u as default };
+export { d as default };
 
 //# sourceMappingURL=DataGrid.js.map

package/dist/components/DataGrid/DataGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.js","names":["modelColsToGrid","SchemaPropertiesMap","classNames","JSONSchema7","useEffect","useMemo","useState","useRef","useCallback","DynamicDataSheetGrid","DataSheetGridRef","SelectionWithId","renderAddRowsComponent","renderRecordSetContextMenu","renderViewContextMenu","DataGridRow","Operation","GRID_ROW_REACT_KEY_PROPERTY","getCellClassName","useColumnResizeHandles","calculateDefaultColumnWidth","HeaderOptions","RemoteSelection","DataGridProps","gridRef","React","RefObject","columnNames","columnOrder","schemaPropertiesInfo","rowValues","entityIsView","jsonSchema","lastSelection","handleChange","newValue","operations","handleSelectionChange","opts","selection","onSelectedRowChange","rowIndex","row","remoteSelections","DataGrid","props","$","_c","t0","Symbol","for","columnWidths","setColumnWidths","isPinned","setIsPinned","t1","t2","prev","modelColumnNames","map","idx","needsUpdate","some","name","newWidths","forEach","columnName","arrayIndex","propertyInfo","headerOptions","showPinIcon","hasDescription","description","t3","columnIndex","length","_temp","handleTogglePin","t4","Set","pinnedColumnsSet","t5","colValues","selectedRowIndex","setSelectedRowIndex","contextMenuComponent","addRowsComponent","t6","t7","rowData","__validationStatus","rowClassNameCallback","t8","rowData_0","rowIndex_0","columnId","cellClassNameCallback","duplicateRowCallback","_temp2","t9","cell","handleActiveCellChange","wrapperRef","activeCellBeforeResizeRef","columnName_0","newWidth","current","activeCell","col","prev_1","handleColumnResize","t10","onColumnResize","t11","position","width","t12","t13","rowData_1","prev_0"],"sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import { modelColsToGrid } from '@/components/DataGrid/utils/modelColsToGrid'\nimport { SchemaPropertiesMap } from '@/utils/jsonschema/getSchemaPropertyInfo'\nimport classNames from 'classnames'\nimport { JSONSchema7 } from 'json-schema'\nimport { useEffect, useMemo, useState, useRef, useCallback } from 'react'\nimport {\n  DynamicDataSheetGrid,\n  DataSheetGridRef,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport '@sage-bionetworks/react-datasheet-grid/dist/style.css'\nimport '../../style/components/_data-grid-extra.scss'\nimport { SelectionWithId } from '@sage-bionetworks/react-datasheet-grid'\nimport {\n  renderAddRowsComponent,\n  renderRecordSetContextMenu,\n  renderViewContextMenu,\n} from './components/contextMenu'\nimport { DataGridRow, Operation } from './DataGridTypes'\nimport { GRID_ROW_REACT_KEY_PROPERTY } from './utils/DataGridUtils'\nimport { getCellClassName } from './utils/getCellClassName'\nimport { useColumnResizeHandles } from './hooks/useColumnResizeHandles'\nimport {\n  calculateDefaultColumnWidth,\n  HeaderOptions,\n} from './utils/calculateColumnWidth'\nimport type { RemoteSelection } from './hooks/useRemoteSelections'\n\ntype DataGridProps = {\n  gridRef: React.RefObject<DataSheetGridRef | null>\n  columnNames: string[]\n  columnOrder: number[]\n  schemaPropertiesInfo: SchemaPropertiesMap\n  rowValues: DataGridRow[]\n  entityIsView: boolean\n  jsonSchema: JSONSchema7 | undefined\n  lastSelection: SelectionWithId | null\n  handleChange: (newValue: DataGridRow[], operations: Operation[]) => void\n  handleSelectionChange: (opts: { selection: SelectionWithId | null }) => void\n  onSelectedRowChange?: (\n    rowIndex: number | null,\n    row: DataGridRow | null,\n  ) => void\n  remoteSelections?: readonly RemoteSelection[]\n}\n\n/**\n * Component that renders a data grid/spreadsheet using react-datasheet-grid.\n * @param props\n * @constructor\n */\nexport default function DataGrid(props: DataGridProps) {\n  const {\n    gridRef,\n    rowValues,\n    columnNames,\n    columnOrder,\n    schemaPropertiesInfo,\n    entityIsView,\n    jsonSchema,\n    lastSelection,\n    handleChange,\n    handleSelectionChange,\n    onSelectedRowChange,\n    remoteSelections,\n  } = props\n\n  // Move columnWidths state into DataGrid\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>({})\n\n  // Pin state management for first column\n  const [isPinned, setIsPinned] = useState(false)\n\n  // Initialize column widths with defaults when columns first become available\n  useEffect(() => {\n    if (!columnNames || !columnOrder) {\n      return\n    }\n\n    // Initialize widths for any columns that don't have them yet\n    setColumnWidths(prev => {\n      const modelColumnNames = columnOrder.map(idx => columnNames[idx])\n\n      // Check if any columns need initialization\n      const needsUpdate = modelColumnNames.some(name => !prev[name])\n\n      if (!needsUpdate) {\n        return prev // Return same reference to avoid triggering updates\n      }\n\n      const newWidths = { ...prev }\n      modelColumnNames.forEach((columnName, arrayIndex) => {\n        if (!newWidths[columnName]) {\n          // Calculate default width using centralized function\n          const propertyInfo = schemaPropertiesInfo[columnName]\n          const headerOptions: HeaderOptions = {\n            showPinIcon: arrayIndex === 0,\n            hasDescription: !!propertyInfo?.description,\n          }\n          newWidths[columnName] = calculateDefaultColumnWidth(\n            columnName,\n            propertyInfo,\n            headerOptions,\n          )\n        }\n      })\n      return newWidths\n    })\n  }, [columnNames, columnOrder, schemaPropertiesInfo])\n\n  // Handler to toggle pin state for the first column only\n  const handleTogglePin = useCallback(\n    (columnIndex: number) => {\n      // Validate columnIndex\n      if (\n        typeof columnIndex !== 'number' ||\n        columnIndex < 0 ||\n        !columnOrder ||\n        columnIndex >= columnOrder.length\n      ) {\n        return\n      }\n\n      if (columnIndex !== 0) return // Only allow first column pinning\n\n      setIsPinned(prev => !prev)\n    },\n    [columnOrder],\n  )\n\n  // Memoize the pinned columns set to prevent recalculation during scroll\n  const pinnedColumnsSet = useMemo<Set<number>>(() => {\n    return isPinned ? new Set([0]) : new Set()\n  }, [isPinned])\n\n  const colValues = useMemo(\n    () =>\n      modelColsToGrid(\n        columnNames,\n        columnOrder,\n        schemaPropertiesInfo,\n        columnWidths,\n        pinnedColumnsSet,\n        handleTogglePin,\n      ),\n    [\n      columnNames,\n      columnOrder,\n      schemaPropertiesInfo,\n      columnWidths,\n      pinnedColumnsSet,\n      handleTogglePin,\n    ],\n  )\n  const [selectedRowIndex, setSelectedRowIndex] = useState<number | null>(null)\n\n  // Memoize contextMenuComponent\n  const contextMenuComponent = useMemo(\n    () => (entityIsView ? renderViewContextMenu : renderRecordSetContextMenu),\n    [entityIsView],\n  )\n\n  // Memoize addRowsComponent\n  const addRowsComponent = useMemo(\n    () => (entityIsView ? false : renderAddRowsComponent),\n    [entityIsView],\n  )\n\n  // Wrap rowClassName in useCallback\n  const rowClassNameCallback = useCallback(\n    ({ rowData, rowIndex }: { rowData: DataGridRow; rowIndex: number }) =>\n      classNames({\n        'row-valid': !!jsonSchema && rowData.__validationStatus === 'valid',\n        'row-invalid': !!jsonSchema && rowData.__validationStatus === 'invalid',\n        'row-unknown': !!jsonSchema && rowData.__validationStatus === 'pending',\n        'row-selected': selectedRowIndex === rowIndex,\n      }),\n    [jsonSchema, selectedRowIndex],\n  )\n\n  // Wrap cellClassName in useCallback\n  const cellClassNameCallback = useCallback(\n    ({\n      rowData,\n      rowIndex,\n      columnId,\n    }: {\n      rowData: unknown\n      rowIndex: number\n      columnId?: string\n    }) => {\n      return getCellClassName({\n        rowData: rowData as DataGridRow,\n        rowIndex,\n        columnId: columnId || '',\n        selectedRowIndex,\n        lastSelection,\n        colValues,\n        remoteSelections,\n      })\n    },\n    [selectedRowIndex, lastSelection, colValues, remoteSelections],\n  )\n\n  // Wrap duplicateRow in useCallback\n  const duplicateRowCallback = useCallback(\n    ({ rowData }: { rowData: DataGridRow }) => ({\n      ...rowData,\n    }),\n    [],\n  )\n\n  // Wrap onActiveCellChange in useCallback\n  const handleActiveCellChange = useCallback(\n    ({ cell }: { cell: { row: number; col: number } | null }) => {\n      if (cell) {\n        setSelectedRowIndex(cell.row)\n        onSelectedRowChange?.(cell.row, rowValues[cell.row])\n      } else {\n        setSelectedRowIndex(null)\n        onSelectedRowChange?.(null, null)\n      }\n    },\n    [onSelectedRowChange, rowValues],\n  )\n\n  // Wrapper ref for the grid container\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n\n  // Store the active cell before column resize so we can restore it\n  const activeCellBeforeResizeRef = useRef<{ col: number; row: number } | null>(\n    null,\n  )\n\n  // Handle column resize callback\n  const handleColumnResize = useCallback(\n    (columnName: string, newWidth: number) => {\n      // Save the current active cell before updating widths (which will trigger remount)\n      if (gridRef.current) {\n        const activeCell = gridRef.current.activeCell\n        if (activeCell) {\n          activeCellBeforeResizeRef.current = {\n            col: activeCell.col,\n            row: activeCell.row,\n          }\n        } else {\n          // Explicitly clear the ref if there's no active cell\n          activeCellBeforeResizeRef.current = null\n        }\n      }\n\n      setColumnWidths(prev => ({\n        ...prev,\n        [columnName]: newWidth,\n      }))\n    },\n    [gridRef],\n  )\n\n  // Setup column resize handles\n  useColumnResizeHandles({\n    wrapperRef,\n    colValues,\n    onColumnResize: handleColumnResize,\n  })\n\n  return (\n    <div ref={wrapperRef} style={{ position: 'relative', width: '100%' }}>\n      <DynamicDataSheetGrid\n        ref={gridRef}\n        value={rowValues}\n        columns={colValues}\n        autoAddRow={!entityIsView}\n        disableSmartDelete\n        addRowsComponent={addRowsComponent}\n        contextMenuComponent={contextMenuComponent}\n        rowKey={GRID_ROW_REACT_KEY_PROPERTY}\n        rowClassName={rowClassNameCallback}\n        cellClassName={cellClassNameCallback}\n        duplicateRow={duplicateRowCallback}\n        onChange={handleChange}\n        onActiveCellChange={handleActiveCellChange}\n        onSelectionChange={handleSelectionChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataGrid.js","names":["modelColsToGrid","SchemaPropertiesMap","classNames","JSONSchema7","useEffect","useMemo","useState","useRef","useCallback","DynamicDataSheetGrid","DataSheetGridRef","SelectionWithId","renderAddRowsComponent","renderRecordSetContextMenu","renderViewContextMenu","DataGridRow","Operation","GRID_ROW_REACT_KEY_PROPERTY","getCellClassName","useColumnResizeHandles","calculateDefaultColumnWidth","HeaderOptions","RemoteSelection","DataGridProps","gridRef","React","RefObject","columnNames","columnOrder","schemaPropertiesInfo","rowValues","entityIsView","jsonSchema","lastSelection","handleChange","newValue","operations","handleSelectionChange","opts","selection","remoteSelections","DataGrid","props","$","_c","t0","Symbol","for","columnWidths","setColumnWidths","isPinned","setIsPinned","t1","t2","prev","modelColumnNames","map","idx","needsUpdate","some","name","newWidths","forEach","columnName","arrayIndex","propertyInfo","headerOptions","showPinIcon","hasDescription","description","t3","columnIndex","length","_temp","handleTogglePin","t4","Set","pinnedColumnsSet","t5","colValues","selectedRowIndex","setSelectedRowIndex","contextMenuComponent","addRowsComponent","t6","t7","rowData","rowIndex","__validationStatus","rowClassNameCallback","t8","rowData_0","rowIndex_0","columnId","cellClassNameCallback","duplicateRowCallback","_temp2","t9","cell","row","handleActiveCellChange","wrapperRef","activeCellBeforeResizeRef","columnName_0","newWidth","current","activeCell","col","prev_1","handleColumnResize","t10","onColumnResize","t11","position","width","t12","t13","rowData_1","prev_0"],"sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import { modelColsToGrid } from '@/components/DataGrid/utils/modelColsToGrid'\nimport { SchemaPropertiesMap } from '@/utils/jsonschema/getSchemaPropertyInfo'\nimport classNames from 'classnames'\nimport { JSONSchema7 } from 'json-schema'\nimport { useEffect, useMemo, useState, useRef, useCallback } from 'react'\nimport {\n  DynamicDataSheetGrid,\n  DataSheetGridRef,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport '@sage-bionetworks/react-datasheet-grid/dist/style.css'\nimport '../../style/components/_data-grid-extra.scss'\nimport { SelectionWithId } from '@sage-bionetworks/react-datasheet-grid'\nimport {\n  renderAddRowsComponent,\n  renderRecordSetContextMenu,\n  renderViewContextMenu,\n} from './components/contextMenu'\nimport { DataGridRow, Operation } from './DataGridTypes'\nimport { GRID_ROW_REACT_KEY_PROPERTY } from './utils/DataGridUtils'\nimport { getCellClassName } from './utils/getCellClassName'\nimport { useColumnResizeHandles } from './hooks/useColumnResizeHandles'\nimport {\n  calculateDefaultColumnWidth,\n  HeaderOptions,\n} from './utils/calculateColumnWidth'\nimport type { RemoteSelection } from './hooks/useRemoteSelections'\n\ntype DataGridProps = {\n  gridRef: React.RefObject<DataSheetGridRef | null>\n  columnNames: string[]\n  columnOrder: number[]\n  schemaPropertiesInfo: SchemaPropertiesMap\n  rowValues: DataGridRow[]\n  entityIsView: boolean\n  jsonSchema: JSONSchema7 | undefined\n  lastSelection: SelectionWithId | null\n  handleChange: (newValue: DataGridRow[], operations: Operation[]) => void\n  handleSelectionChange: (opts: { selection: SelectionWithId | null }) => void\n  remoteSelections?: readonly RemoteSelection[]\n}\n\n/**\n * Component that renders a data grid/spreadsheet using react-datasheet-grid.\n * @param props\n * @constructor\n */\nexport default function DataGrid(props: DataGridProps) {\n  const {\n    gridRef,\n    rowValues,\n    columnNames,\n    columnOrder,\n    schemaPropertiesInfo,\n    entityIsView,\n    jsonSchema,\n    lastSelection,\n    handleChange,\n    handleSelectionChange,\n    remoteSelections,\n  } = props\n\n  // Move columnWidths state into DataGrid\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>({})\n\n  // Pin state management for first column\n  const [isPinned, setIsPinned] = useState(false)\n\n  // Initialize column widths with defaults when columns first become available\n  useEffect(() => {\n    if (!columnNames || !columnOrder) {\n      return\n    }\n\n    // Initialize widths for any columns that don't have them yet\n    setColumnWidths(prev => {\n      const modelColumnNames = columnOrder.map(idx => columnNames[idx])\n\n      // Check if any columns need initialization\n      const needsUpdate = modelColumnNames.some(name => !prev[name])\n\n      if (!needsUpdate) {\n        return prev // Return same reference to avoid triggering updates\n      }\n\n      const newWidths = { ...prev }\n      modelColumnNames.forEach((columnName, arrayIndex) => {\n        if (!newWidths[columnName]) {\n          // Calculate default width using centralized function\n          const propertyInfo = schemaPropertiesInfo[columnName]\n          const headerOptions: HeaderOptions = {\n            showPinIcon: arrayIndex === 0,\n            hasDescription: !!propertyInfo?.description,\n          }\n          newWidths[columnName] = calculateDefaultColumnWidth(\n            columnName,\n            propertyInfo,\n            headerOptions,\n          )\n        }\n      })\n      return newWidths\n    })\n  }, [columnNames, columnOrder, schemaPropertiesInfo])\n\n  // Handler to toggle pin state for the first column only\n  const handleTogglePin = useCallback(\n    (columnIndex: number) => {\n      // Validate columnIndex\n      if (\n        typeof columnIndex !== 'number' ||\n        columnIndex < 0 ||\n        !columnOrder ||\n        columnIndex >= columnOrder.length\n      ) {\n        return\n      }\n\n      if (columnIndex !== 0) return // Only allow first column pinning\n\n      setIsPinned(prev => !prev)\n    },\n    [columnOrder],\n  )\n\n  // Memoize the pinned columns set to prevent recalculation during scroll\n  const pinnedColumnsSet = useMemo<Set<number>>(() => {\n    return isPinned ? new Set([0]) : new Set()\n  }, [isPinned])\n\n  const colValues = useMemo(\n    () =>\n      modelColsToGrid(\n        columnNames,\n        columnOrder,\n        schemaPropertiesInfo,\n        columnWidths,\n        pinnedColumnsSet,\n        handleTogglePin,\n      ),\n    [\n      columnNames,\n      columnOrder,\n      schemaPropertiesInfo,\n      columnWidths,\n      pinnedColumnsSet,\n      handleTogglePin,\n    ],\n  )\n  const [selectedRowIndex, setSelectedRowIndex] = useState<number | null>(null)\n\n  // Memoize contextMenuComponent\n  const contextMenuComponent = useMemo(\n    () => (entityIsView ? renderViewContextMenu : renderRecordSetContextMenu),\n    [entityIsView],\n  )\n\n  // Memoize addRowsComponent\n  const addRowsComponent = useMemo(\n    () => (entityIsView ? false : renderAddRowsComponent),\n    [entityIsView],\n  )\n\n  // Wrap rowClassName in useCallback\n  const rowClassNameCallback = useCallback(\n    ({ rowData, rowIndex }: { rowData: DataGridRow; rowIndex: number }) =>\n      classNames({\n        'row-valid': !!jsonSchema && rowData.__validationStatus === 'valid',\n        'row-invalid': !!jsonSchema && rowData.__validationStatus === 'invalid',\n        'row-unknown': !!jsonSchema && rowData.__validationStatus === 'pending',\n        'row-selected': selectedRowIndex === rowIndex,\n      }),\n    [jsonSchema, selectedRowIndex],\n  )\n\n  // Wrap cellClassName in useCallback\n  const cellClassNameCallback = useCallback(\n    ({\n      rowData,\n      rowIndex,\n      columnId,\n    }: {\n      rowData: unknown\n      rowIndex: number\n      columnId?: string\n    }) => {\n      return getCellClassName({\n        rowData: rowData as DataGridRow,\n        rowIndex,\n        columnId: columnId || '',\n        selectedRowIndex,\n        lastSelection,\n        colValues,\n        remoteSelections,\n      })\n    },\n    [selectedRowIndex, lastSelection, colValues, remoteSelections],\n  )\n\n  // Wrap duplicateRow in useCallback\n  const duplicateRowCallback = useCallback(\n    ({ rowData }: { rowData: DataGridRow }) => ({\n      ...rowData,\n    }),\n    [],\n  )\n\n  // Wrap onActiveCellChange in useCallback\n  const handleActiveCellChange = useCallback(\n    ({ cell }: { cell: { row: number; col: number } | null }) => {\n      setSelectedRowIndex(cell ? cell.row : null)\n    },\n    [],\n  )\n\n  // Wrapper ref for the grid container\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n\n  // Store the active cell before column resize so we can restore it\n  const activeCellBeforeResizeRef = useRef<{ col: number; row: number } | null>(\n    null,\n  )\n\n  // Handle column resize callback\n  const handleColumnResize = useCallback(\n    (columnName: string, newWidth: number) => {\n      // Save the current active cell before updating widths (which will trigger remount)\n      if (gridRef.current) {\n        const activeCell = gridRef.current.activeCell\n        if (activeCell) {\n          activeCellBeforeResizeRef.current = {\n            col: activeCell.col,\n            row: activeCell.row,\n          }\n        } else {\n          // Explicitly clear the ref if there's no active cell\n          activeCellBeforeResizeRef.current = null\n        }\n      }\n\n      setColumnWidths(prev => ({\n        ...prev,\n        [columnName]: newWidth,\n      }))\n    },\n    [gridRef],\n  )\n\n  // Setup column resize handles\n  useColumnResizeHandles({\n    wrapperRef,\n    colValues,\n    onColumnResize: handleColumnResize,\n  })\n\n  return (\n    <div ref={wrapperRef} style={{ position: 'relative', width: '100%' }}>\n      <DynamicDataSheetGrid\n        ref={gridRef}\n        value={rowValues}\n        columns={colValues}\n        autoAddRow={!entityIsView}\n        disableSmartDelete\n        addRowsComponent={addRowsComponent}\n        contextMenuComponent={contextMenuComponent}\n        rowKey={GRID_ROW_REACT_KEY_PROPERTY}\n        rowClassName={rowClassNameCallback}\n        cellClassName={cellClassNameCallback}\n        duplicateRow={duplicateRowCallback}\n        onChange={handleChange}\n        onActiveCellChange={handleActiveCellChange}\n        onSelectionChange={handleSelectionChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/DataGridWebSocket.d.ts

@@ -7,6 +7,8 @@ type DataGridWebSocketConstructorArgs = {
     onModelCreate?: (model: GridModel) => void;
     onReplicaConnected?: () => void;
     onReplicaDisconnected?: () => void;
+    onSyncStart?: () => void;
+    onSyncEnd?: () => void;
     maxPayloadSizeBytes?: number;
     socket?: WebSocket;
     model?: GridModel | null;
@@ -26,6 +28,8 @@ export declare class DataGridWebSocket {
     private onStatusChange;
     private onReplicaConnected;
     private onReplicaDisconnected;
+    private onSyncStart;
+    private onSyncEnd;
     constructor(args: DataGridWebSocketConstructorArgs);
     private attachSocketHandlers;
     disconnect(): void;

package/dist/components/DataGrid/DataGridWebSocket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridWebSocket.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAyC/D,KAAK,gCAAgC,GAAG;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAQD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,kBAAkB,CAA2B;IACrD,OAAO,CAAC,eAAe,CAAwB;IAE/C,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,cAAc,CAAqD;IAC3E,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,qBAAqB,CAAY;gBAE7B,IAAI,EAAE,gCAAgC;IAyClD,OAAO,CAAC,oBAAoB;IAwBrB,UAAU;IAWjB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,kBAAkB;YAiBZ,qBAAqB;IAYnC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,kBAAkB;IAuD1B,OAAO,CAAC,WAAW;IAWZ,SAAS;IAIhB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,eAAe;YAST,sBAAsB;CAYrC"}
+{"version":3,"file":"DataGridWebSocket.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAyC/D,KAAK,gCAAgC,GAAG;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAQD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,kBAAkB,CAA2B;IACrD,OAAO,CAAC,eAAe,CAAwB;IAE/C,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,cAAc,CAAqD;IAC3E,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,qBAAqB,CAAY;IACzC,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,SAAS,CAAY;gBAEjB,IAAI,EAAE,gCAAgC;IA6ClD,OAAO,CAAC,oBAAoB;IAwBrB,UAAU;IAWjB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,kBAAkB;YAiBZ,qBAAqB;IAYnC,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,kBAAkB;IAkD1B,OAAO,CAAC,WAAW;IAWZ,SAAS;IAIhB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,eAAe;YAUT,sBAAsB;CAYrC"}

package/dist/components/DataGrid/DataGridWebSocket.js

@@ -30,9 +30,11 @@ var h = /* @__PURE__ */ function(e) {
 	onStatusChange;
 	onReplicaConnected;
 	onReplicaDisconnected;
+	onSyncStart;
+	onSyncEnd;
 	constructor(e) {
-		let { replicaId: t, url: n, onGridReady: r, onStatusChange: i, onModelCreate: o, onReplicaConnected: s, onReplicaDisconnected: l, maxPayloadSizeBytes: u, socket: d, model: p, patchThrottleMs: m } = e;
-		this.messageCounter = new a(), this.replicaId = t, this.maxPayloadSizeBytes = u ?? g, this.socket = d ?? new WebSocket(n), this.onModelCreate = o ?? c, this.onGridReady = r ?? c, this.onStatusChange = i ?? c, this.onReplicaConnected = s ?? c, this.onReplicaDisconnected = l ?? c, p && (this.model = p), this.attachSocketHandlers(), this.throttledSendPatch = f(() => this.sendPatchImmediate(), m ?? _, {
+		let { replicaId: t, url: n, onGridReady: r, onStatusChange: i, onModelCreate: o, onReplicaConnected: s, onReplicaDisconnected: l, onSyncStart: u, onSyncEnd: d, maxPayloadSizeBytes: p, socket: m, model: h, patchThrottleMs: v } = e;
+		this.messageCounter = new a(), this.replicaId = t, this.maxPayloadSizeBytes = p ?? g, this.socket = m ?? new WebSocket(n), this.onModelCreate = o ?? c, this.onGridReady = r ?? c, this.onStatusChange = i ?? c, this.onReplicaConnected = s ?? c, this.onReplicaDisconnected = l ?? c, this.onSyncStart = u ?? c, this.onSyncEnd = d ?? c, h && (this.model = h), this.attachSocketHandlers(), this.throttledSendPatch = f(() => this.sendPatchImmediate(), v ?? _, {
 			leading: !1,
 			trailing: !0
 		});
@@ -93,13 +95,14 @@ var h = /* @__PURE__ */ function(e) {
 	async handleSnapshotPayload(e) {
 		console.debug("Received snapshot URL from server:", e);
 		try {
-			this.model = (await this.fetchAndDecodeSnapshot(e)).fork(this.replicaId), this.onModelCreate(this.model), this.sendClockSync();
+			let t = await this.fetchAndDecodeSnapshot(e);
+			this.model = t.fork(this.replicaId), this.onModelCreate(this.model), this.sendClockSync();
 		} catch (e) {
 			console.error("Failed to fetch or decode snapshot", e);
 		}
 	}
 	handleResponseComplete() {
-		this.onGridReady(), console.debug("Clocks synchronized with server. Incrementing sequence number.");
+		this.onGridReady(), this.onSyncEnd(), console.debug("Clocks synchronized with server. Incrementing sequence number.");
 	}
 	handleNotification(e) {
 		let t = e.getMethodName();
@@ -120,9 +123,7 @@ var h = /* @__PURE__ */ function(e) {
 				}
 				{
 					let e = this.verboseEncoder.encode(this.model);
-					console.debug("New patch received, syncing data:", e.time);
-					let t = new r(this.messageCounter.getNext(), "synchronize-clock", e.time);
-					this.sendMessage(t);
+					console.debug("New patch received, syncing data:", e.time), this.sendSyncMessage(e.time);
 				}
 				break;
 			case "replica-connected":
@@ -153,7 +154,7 @@ var h = /* @__PURE__ */ function(e) {
 	}
 	sendSyncMessage(e) {
 		let t = new r(this.messageCounter.getNext(), "synchronize-clock", e ?? []);
-		this.sendMessage(t);
+		this.onSyncStart(), this.sendMessage(t);
 	}
 	async fetchAndDecodeSnapshot(e) {
 		let t = await (await (await s(e)).blob()).arrayBuffer(), n = m(new Uint8Array(t));

package/dist/components/DataGrid/DataGridWebSocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridWebSocket.js","names":["GridModel","JsonRx","JsonRxMessage","JsonRxNotification","JsonRxRequestComplete","JsonRxResponse","JsonRxResponseComplete","MessageCounter","splitPatch","Model","CompactCodecPatch","decode","Encoder","VerboseEncoder","JsonCrdtVerboseLogicalTimestamp","noop","throttle","DebouncedFunc","Decoder","SnapshotDecoder","decodeCbor","IndexedFields","fetchWithExponentialTimeout","SynapseGridWebSocketMessagePayloadType","PATCH","SNAPSHOT","PATCHES","SynapseGridWebSocketMessagePayload","type","body","DataGridWebSocketConstructorArgs","replicaId","url","onGridReady","onStatusChange","isOpen","instance","DataGridWebSocket","onModelCreate","model","onReplicaConnected","onReplicaDisconnected","maxPayloadSizeBytes","socket","WebSocket","patchThrottleMs","DEFAULT_MAX_PAYLOAD_SIZE_BYTES","DEFAULT_PATCH_THROTTLE_MS","messageCounter","verboseEncoder","throttledSendPatch","snapshotDecoder","_this","constructor","args","attachSocketHandlers","sendPatchImmediate","leading","trailing","onopen","console","debug","onmessage","event","MessageEvent","data","handleMessage","error","onclose","onerror","Event","disconnect","flush","cancel","readyState","OPEN","close","warn","sendClockSync","patchesWereSent","verbModel","encode","sendSyncMessage","time","rawMessage","message","fromJson","JSON","parse","handleResponse","handleResponseComplete","handleNotification","payload","getPayload","handlePatchPayload","handleSnapshotPayload","encodedPatch","patches","map","fromPatches","fork","applyBatch","err","snapshotUrl","decodedModel","fetchAndDecodeSnapshot","methodName","getMethodName","undefined","msg","getNext","sendMessage","send","stringify","getJson","sendPatch","patch","api","hasOperationsToDispatch","ops","length","forEach","compactEncodedPatch","clock","Promise","response","blob","buffer","arrayBuffer","decodedFromCbor","Uint8Array"],"sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"sourcesContent":["import { GridModel } from '@/components/DataGrid/DataGridTypes'\nimport JsonRx from '@/components/DataGrid/utils/json-rx/JsonRx'\nimport JsonRxMessage from '@/components/DataGrid/utils/json-rx/JsonRxMessage'\nimport JsonRxNotification from '@/components/DataGrid/utils/json-rx/JsonRxNotification'\nimport JsonRxRequestComplete from '@/components/DataGrid/utils/json-rx/JsonRxRequestComplete'\nimport JsonRxResponse from '@/components/DataGrid/utils/json-rx/JsonRxResponse'\nimport JsonRxResponseComplete from '@/components/DataGrid/utils/json-rx/JsonRxResponseComplete'\nimport MessageCounter from '@/components/DataGrid/utils/MessageCounter'\nimport { splitPatch } from '@/components/DataGrid/utils/splitPatch'\nimport { Model } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport { Encoder as VerboseEncoder } from 'json-joy/lib/json-crdt/codec/structural/verbose/Encoder'\nimport { JsonCrdtVerboseLogicalTimestamp } from 'json-joy/lib/json-crdt/codec/structural/verbose/types'\nimport noop from 'lodash-es/noop'\nimport throttle from 'lodash-es/throttle'\nimport { type DebouncedFunc } from 'lodash-es'\nimport { Decoder as SnapshotDecoder } from 'json-joy/lib/json-crdt/codec/indexed/binary/Decoder'\nimport { decode as decodeCbor } from 'cbor2'\nimport type { IndexedFields } from 'json-joy/lib/json-crdt/codec/indexed/binary'\nimport { fetchWithExponentialTimeout } from '@sage-bionetworks/synapse-client'\n\nenum SynapseGridWebSocketMessagePayloadType {\n  PATCH = 'patch',\n  SNAPSHOT = 'snapshot',\n  PATCHES = 'patches',\n}\n\ntype SynapseGridWebSocketMessagePayload =\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCH\n      body: CompactCodecPatch\n    }\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCHES\n      body: CompactCodecPatch[]\n    }\n  | { type: SynapseGridWebSocketMessagePayloadType.SNAPSHOT; body: string }\n\ntype DataGridWebSocketConstructorArgs = {\n  replicaId: number\n  url: string\n  onGridReady?: () => void\n  onStatusChange?: (isOpen: boolean, instance: DataGridWebSocket) => void\n  onModelCreate?: (model: GridModel) => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n  maxPayloadSizeBytes?: number\n  socket?: WebSocket\n  model?: GridModel | null\n  patchThrottleMs?: number\n}\n\n// API Gateway WebSocket payload size limit is 32 KB per message\n// There is some overhead we aren't computing in our utility, namely the size of the patch header and the communication protocol itself\n// So add some buffer\nconst DEFAULT_MAX_PAYLOAD_SIZE_BYTES = 30 * 1024 // 30 KB\nconst DEFAULT_PATCH_THROTTLE_MS = 250\n\nexport class DataGridWebSocket {\n  private socket: WebSocket\n  private model: GridModel | null = null\n  private messageCounter: MessageCounter\n  private replicaId: number\n  private verboseEncoder = new VerboseEncoder()\n  private maxPayloadSizeBytes: number\n  private throttledSendPatch: DebouncedFunc<() => void>\n  private snapshotDecoder = new SnapshotDecoder()\n\n  private onModelCreate: (model: GridModel) => void\n  private onGridReady: () => void\n  private onStatusChange: (isOpen: boolean, _this: DataGridWebSocket) => void\n  private onReplicaConnected: () => void\n  private onReplicaDisconnected: () => void\n\n  constructor(args: DataGridWebSocketConstructorArgs) {\n    const {\n      replicaId,\n      url,\n      onGridReady,\n      onStatusChange,\n      onModelCreate,\n      onReplicaConnected,\n      onReplicaDisconnected,\n      maxPayloadSizeBytes,\n      socket,\n      model,\n      patchThrottleMs,\n    } = args\n    this.messageCounter = new MessageCounter()\n    this.replicaId = replicaId\n    this.maxPayloadSizeBytes =\n      maxPayloadSizeBytes ?? DEFAULT_MAX_PAYLOAD_SIZE_BYTES\n    this.socket = socket ?? new WebSocket(url)\n\n    // Assign callbacks, falling back to no-ops\n    this.onModelCreate = onModelCreate ?? noop\n    this.onGridReady = onGridReady ?? noop\n    this.onStatusChange = onStatusChange ?? noop\n    this.onReplicaConnected = onReplicaConnected ?? noop\n    this.onReplicaDisconnected = onReplicaDisconnected ?? noop\n\n    // Restore existing model if provided\n    if (model) {\n      this.model = model\n    }\n\n    this.attachSocketHandlers()\n\n    this.throttledSendPatch = throttle(\n      () => this.sendPatchImmediate(),\n      patchThrottleMs ?? DEFAULT_PATCH_THROTTLE_MS,\n      { leading: false, trailing: true },\n    )\n  }\n\n  private attachSocketHandlers() {\n    this.socket.onopen = () => {\n      console.debug('Connected to the WebSocket server')\n      this.onStatusChange(true, this)\n    }\n\n    this.socket.onmessage = (event: MessageEvent) => {\n      if (typeof event.data === 'string') {\n        this.handleMessage(event.data)\n      } else {\n        console.error('Received non-string message data:', event.data)\n      }\n    }\n\n    this.socket.onclose = () => {\n      console.debug('Disconnected from the WebSocket server')\n      this.onStatusChange(false, this)\n    }\n\n    this.socket.onerror = (error: Event) => {\n      console.error('WebSocket error:', error)\n    }\n  }\n\n  public disconnect() {\n    this.throttledSendPatch.flush()\n    this.throttledSendPatch.cancel()\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.close()\n      console.debug('WebSocket connection closed')\n    } else {\n      console.warn('WebSocket is not open. No action taken.')\n    }\n  }\n\n  /**\n   * Flushes the local model clock and sends the resulting patch (or a clock-sync\n   * message) to the server so that both sides converge.\n   */\n  private sendClockSync() {\n    if (!this.model) {\n      console.error('Model is not initialized. Cannot sync model.')\n      return\n    }\n\n    const patchesWereSent = this.sendPatchImmediate()\n    if (!patchesWereSent) {\n      // We've flushed all of our changes, so now we can receive changes from the server\n      const verbModel = this.verboseEncoder.encode(this.model)\n      this.sendSyncMessage(verbModel.time)\n    }\n  }\n\n  private handleMessage(rawMessage: string) {\n    const message = JsonRx.fromJson(JSON.parse(rawMessage))\n    if (message instanceof JsonRxResponse) {\n      this.handleResponse(\n        message as JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n      )\n    } else if (message instanceof JsonRxResponseComplete) {\n      this.handleResponseComplete()\n    } else if (message instanceof JsonRxNotification) {\n      this.handleNotification(message)\n    } else {\n      console.warn('Unexpected WebSocket message format:', message)\n    }\n  }\n\n  private handleResponse(\n    message: JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n  ) {\n    const payload = message.getPayload()\n\n    switch (payload.type) {\n      case SynapseGridWebSocketMessagePayloadType.PATCH:\n        this.handlePatchPayload([payload.body])\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.PATCHES:\n        void this.handlePatchPayload(payload.body)\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.SNAPSHOT:\n        void this.handleSnapshotPayload(payload.body)\n        break\n\n      default:\n        console.warn('Unknown payload type:', payload)\n        break\n    }\n  }\n\n  private handlePatchPayload(encodedPatch: CompactCodecPatch[]) {\n    try {\n      const patches = encodedPatch.map(decode)\n      if (!this.model) {\n        this.model = Model.fromPatches(patches).fork(\n          this.replicaId,\n        ) as unknown as GridModel\n        this.onModelCreate(this.model)\n      } else {\n        this.model.applyBatch(patches)\n      }\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to apply patches or send clock:', err)\n    }\n  }\n\n  private async handleSnapshotPayload(snapshotUrl: string) {\n    console.debug('Received snapshot URL from server:', snapshotUrl)\n    try {\n      const decodedModel = await this.fetchAndDecodeSnapshot(snapshotUrl)\n      this.model = decodedModel.fork(this.replicaId) as unknown as GridModel\n      this.onModelCreate(this.model)\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to fetch or decode snapshot', err)\n    }\n  }\n\n  private handleResponseComplete() {\n    // Clocks are in sync, no further action needed\n    this.onGridReady()\n    console.debug(\n      'Clocks synchronized with server. Incrementing sequence number.',\n    )\n  }\n\n  private handleNotification(message: JsonRxNotification) {\n    const methodName = message.getMethodName()\n    console.debug('Notification received from server:', methodName)\n\n    switch (methodName) {\n      case 'ping':\n        console.debug('Received ping from server')\n        break\n\n      case 'connected':\n        console.debug('Server ready to receive patches')\n        this.sendSyncMessage(\n          this.model ? this.verboseEncoder.encode(this.model).time : undefined,\n        )\n        break\n\n      case 'error':\n        console.warn('Error from server:', message.getPayload())\n        break\n\n      case 'new-patch':\n        if (!this.model) {\n          console.warn(\n            \"Model is not initialized. Cannot handle 'new-patch' message.\",\n          )\n          break\n        }\n        {\n          const verbModel = this.verboseEncoder.encode(this.model)\n          console.debug('New patch received, syncing data:', verbModel.time)\n          const msg = new JsonRxRequestComplete(\n            this.messageCounter.getNext(),\n            'synchronize-clock',\n            verbModel.time,\n          )\n          this.sendMessage(msg)\n        }\n        break\n\n      case 'replica-connected':\n        console.debug('A replica connected to the grid session')\n        this.onReplicaConnected()\n        break\n\n      case 'replica-disconnected':\n        console.debug('A replica disconnected from the grid session')\n        this.onReplicaDisconnected()\n        break\n\n      default:\n        console.warn('Unknown notification method:', methodName)\n        break\n    }\n  }\n\n  private sendMessage(message: JsonRxMessage) {\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.send(JSON.stringify(message.getJson()))\n    } else {\n      console.error(\n        'WebSocket is not open. Unable to send message. Current state:',\n        this.socket.readyState,\n      )\n    }\n  }\n\n  public sendPatch() {\n    this.throttledSendPatch()\n  }\n\n  /**\n   * @returns true if one or more patches were sent\n   */\n  private sendPatchImmediate(): boolean {\n    if (!this.model) {\n      console.warn('Model is not initialized. Cannot send patch.')\n      return false\n    }\n\n    const patch = this.model.api.flush()\n    const hasOperationsToDispatch = patch.ops.length > 0\n\n    if (hasOperationsToDispatch) {\n      // Split the patch if it exceeds the maximum size we can send in a single frame\n      const patches = splitPatch(patch, this.maxPayloadSizeBytes)\n      patches.forEach(compactEncodedPatch => {\n        console.debug('Sending patch to server:', compactEncodedPatch)\n        const msg = new JsonRxRequestComplete(\n          this.messageCounter.getNext(),\n          'patch',\n          compactEncodedPatch,\n        )\n        this.sendMessage(msg)\n      })\n    }\n\n    return hasOperationsToDispatch\n  }\n\n  private sendSyncMessage(clock?: number | JsonCrdtVerboseLogicalTimestamp[]) {\n    const message = new JsonRxRequestComplete(\n      this.messageCounter.getNext(),\n      'synchronize-clock',\n      clock ?? [],\n    )\n    this.sendMessage(message)\n  }\n\n  private async fetchAndDecodeSnapshot(\n    snapshotUrl: string,\n  ): Promise<GridModel> {\n    const response = await fetchWithExponentialTimeout(snapshotUrl)\n    const blob = await response.blob()\n    const buffer = await blob.arrayBuffer()\n    const decodedFromCbor = decodeCbor(new Uint8Array(buffer))\n    const decodedModel = this.snapshotDecoder.decode(\n      decodedFromCbor as IndexedFields,\n    ) as unknown as GridModel\n    return decodedModel\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataGridWebSocket.js","names":["GridModel","JsonRx","JsonRxMessage","JsonRxNotification","JsonRxRequestComplete","JsonRxResponse","JsonRxResponseComplete","MessageCounter","splitPatch","Model","CompactCodecPatch","decode","Encoder","VerboseEncoder","JsonCrdtVerboseLogicalTimestamp","noop","throttle","DebouncedFunc","Decoder","SnapshotDecoder","decodeCbor","IndexedFields","fetchWithExponentialTimeout","SynapseGridWebSocketMessagePayloadType","PATCH","SNAPSHOT","PATCHES","SynapseGridWebSocketMessagePayload","type","body","DataGridWebSocketConstructorArgs","replicaId","url","onGridReady","onStatusChange","isOpen","instance","DataGridWebSocket","onModelCreate","model","onReplicaConnected","onReplicaDisconnected","onSyncStart","onSyncEnd","maxPayloadSizeBytes","socket","WebSocket","patchThrottleMs","DEFAULT_MAX_PAYLOAD_SIZE_BYTES","DEFAULT_PATCH_THROTTLE_MS","messageCounter","verboseEncoder","throttledSendPatch","snapshotDecoder","_this","constructor","args","attachSocketHandlers","sendPatchImmediate","leading","trailing","onopen","console","debug","onmessage","event","MessageEvent","data","handleMessage","error","onclose","onerror","Event","disconnect","flush","cancel","readyState","OPEN","close","warn","sendClockSync","patchesWereSent","verbModel","encode","sendSyncMessage","time","rawMessage","message","fromJson","JSON","parse","handleResponse","handleResponseComplete","handleNotification","payload","getPayload","handlePatchPayload","handleSnapshotPayload","encodedPatch","patches","map","fromPatches","fork","applyBatch","err","snapshotUrl","decodedModel","fetchAndDecodeSnapshot","methodName","getMethodName","undefined","sendMessage","send","stringify","getJson","sendPatch","patch","api","hasOperationsToDispatch","ops","length","forEach","compactEncodedPatch","msg","getNext","clock","Promise","response","blob","buffer","arrayBuffer","decodedFromCbor","Uint8Array"],"sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"sourcesContent":["import { GridModel } from '@/components/DataGrid/DataGridTypes'\nimport JsonRx from '@/components/DataGrid/utils/json-rx/JsonRx'\nimport JsonRxMessage from '@/components/DataGrid/utils/json-rx/JsonRxMessage'\nimport JsonRxNotification from '@/components/DataGrid/utils/json-rx/JsonRxNotification'\nimport JsonRxRequestComplete from '@/components/DataGrid/utils/json-rx/JsonRxRequestComplete'\nimport JsonRxResponse from '@/components/DataGrid/utils/json-rx/JsonRxResponse'\nimport JsonRxResponseComplete from '@/components/DataGrid/utils/json-rx/JsonRxResponseComplete'\nimport MessageCounter from '@/components/DataGrid/utils/MessageCounter'\nimport { splitPatch } from '@/components/DataGrid/utils/splitPatch'\nimport { Model } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport { Encoder as VerboseEncoder } from 'json-joy/lib/json-crdt/codec/structural/verbose/Encoder'\nimport { JsonCrdtVerboseLogicalTimestamp } from 'json-joy/lib/json-crdt/codec/structural/verbose/types'\nimport noop from 'lodash-es/noop'\nimport throttle from 'lodash-es/throttle'\nimport { type DebouncedFunc } from 'lodash-es'\nimport { Decoder as SnapshotDecoder } from 'json-joy/lib/json-crdt/codec/indexed/binary/Decoder'\nimport { decode as decodeCbor } from 'cbor2'\nimport type { IndexedFields } from 'json-joy/lib/json-crdt/codec/indexed/binary'\nimport { fetchWithExponentialTimeout } from '@sage-bionetworks/synapse-client'\n\nenum SynapseGridWebSocketMessagePayloadType {\n  PATCH = 'patch',\n  SNAPSHOT = 'snapshot',\n  PATCHES = 'patches',\n}\n\ntype SynapseGridWebSocketMessagePayload =\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCH\n      body: CompactCodecPatch\n    }\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCHES\n      body: CompactCodecPatch[]\n    }\n  | { type: SynapseGridWebSocketMessagePayloadType.SNAPSHOT; body: string }\n\ntype DataGridWebSocketConstructorArgs = {\n  replicaId: number\n  url: string\n  onGridReady?: () => void\n  onStatusChange?: (isOpen: boolean, instance: DataGridWebSocket) => void\n  onModelCreate?: (model: GridModel) => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n  onSyncStart?: () => void\n  onSyncEnd?: () => void\n  maxPayloadSizeBytes?: number\n  socket?: WebSocket\n  model?: GridModel | null\n  patchThrottleMs?: number\n}\n\n// API Gateway WebSocket payload size limit is 32 KB per message\n// There is some overhead we aren't computing in our utility, namely the size of the patch header and the communication protocol itself\n// So add some buffer\nconst DEFAULT_MAX_PAYLOAD_SIZE_BYTES = 30 * 1024 // 30 KB\nconst DEFAULT_PATCH_THROTTLE_MS = 250\n\nexport class DataGridWebSocket {\n  private socket: WebSocket\n  private model: GridModel | null = null\n  private messageCounter: MessageCounter\n  private replicaId: number\n  private verboseEncoder = new VerboseEncoder()\n  private maxPayloadSizeBytes: number\n  private throttledSendPatch: DebouncedFunc<() => void>\n  private snapshotDecoder = new SnapshotDecoder()\n\n  private onModelCreate: (model: GridModel) => void\n  private onGridReady: () => void\n  private onStatusChange: (isOpen: boolean, _this: DataGridWebSocket) => void\n  private onReplicaConnected: () => void\n  private onReplicaDisconnected: () => void\n  private onSyncStart: () => void\n  private onSyncEnd: () => void\n\n  constructor(args: DataGridWebSocketConstructorArgs) {\n    const {\n      replicaId,\n      url,\n      onGridReady,\n      onStatusChange,\n      onModelCreate,\n      onReplicaConnected,\n      onReplicaDisconnected,\n      onSyncStart,\n      onSyncEnd,\n      maxPayloadSizeBytes,\n      socket,\n      model,\n      patchThrottleMs,\n    } = args\n    this.messageCounter = new MessageCounter()\n    this.replicaId = replicaId\n    this.maxPayloadSizeBytes =\n      maxPayloadSizeBytes ?? DEFAULT_MAX_PAYLOAD_SIZE_BYTES\n    this.socket = socket ?? new WebSocket(url)\n\n    // Assign callbacks, falling back to no-ops\n    this.onModelCreate = onModelCreate ?? noop\n    this.onGridReady = onGridReady ?? noop\n    this.onStatusChange = onStatusChange ?? noop\n    this.onReplicaConnected = onReplicaConnected ?? noop\n    this.onReplicaDisconnected = onReplicaDisconnected ?? noop\n    this.onSyncStart = onSyncStart ?? noop\n    this.onSyncEnd = onSyncEnd ?? noop\n\n    // Restore existing model if provided\n    if (model) {\n      this.model = model\n    }\n\n    this.attachSocketHandlers()\n\n    this.throttledSendPatch = throttle(\n      () => this.sendPatchImmediate(),\n      patchThrottleMs ?? DEFAULT_PATCH_THROTTLE_MS,\n      { leading: false, trailing: true },\n    )\n  }\n\n  private attachSocketHandlers() {\n    this.socket.onopen = () => {\n      console.debug('Connected to the WebSocket server')\n      this.onStatusChange(true, this)\n    }\n\n    this.socket.onmessage = (event: MessageEvent) => {\n      if (typeof event.data === 'string') {\n        this.handleMessage(event.data)\n      } else {\n        console.error('Received non-string message data:', event.data)\n      }\n    }\n\n    this.socket.onclose = () => {\n      console.debug('Disconnected from the WebSocket server')\n      this.onStatusChange(false, this)\n    }\n\n    this.socket.onerror = (error: Event) => {\n      console.error('WebSocket error:', error)\n    }\n  }\n\n  public disconnect() {\n    this.throttledSendPatch.flush()\n    this.throttledSendPatch.cancel()\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.close()\n      console.debug('WebSocket connection closed')\n    } else {\n      console.warn('WebSocket is not open. No action taken.')\n    }\n  }\n\n  /**\n   * Flushes the local model clock and sends the resulting patch (or a clock-sync\n   * message) to the server so that both sides converge.\n   */\n  private sendClockSync() {\n    if (!this.model) {\n      console.error('Model is not initialized. Cannot sync model.')\n      return\n    }\n\n    const patchesWereSent = this.sendPatchImmediate()\n    if (!patchesWereSent) {\n      // We've flushed all of our changes, so now we can receive changes from the server\n      const verbModel = this.verboseEncoder.encode(this.model)\n      this.sendSyncMessage(verbModel.time)\n    }\n  }\n\n  private handleMessage(rawMessage: string) {\n    const message = JsonRx.fromJson(JSON.parse(rawMessage))\n    if (message instanceof JsonRxResponse) {\n      this.handleResponse(\n        message as JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n      )\n    } else if (message instanceof JsonRxResponseComplete) {\n      this.handleResponseComplete()\n    } else if (message instanceof JsonRxNotification) {\n      this.handleNotification(message)\n    } else {\n      console.warn('Unexpected WebSocket message format:', message)\n    }\n  }\n\n  private handleResponse(\n    message: JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n  ) {\n    const payload = message.getPayload()\n\n    switch (payload.type) {\n      case SynapseGridWebSocketMessagePayloadType.PATCH:\n        this.handlePatchPayload([payload.body])\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.PATCHES:\n        void this.handlePatchPayload(payload.body)\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.SNAPSHOT:\n        void this.handleSnapshotPayload(payload.body)\n        break\n\n      default:\n        console.warn('Unknown payload type:', payload)\n        break\n    }\n  }\n\n  private handlePatchPayload(encodedPatch: CompactCodecPatch[]) {\n    try {\n      const patches = encodedPatch.map(decode)\n      if (!this.model) {\n        this.model = Model.fromPatches(patches).fork(\n          this.replicaId,\n        ) as unknown as GridModel\n        this.onModelCreate(this.model)\n      } else {\n        this.model.applyBatch(patches)\n      }\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to apply patches or send clock:', err)\n    }\n  }\n\n  private async handleSnapshotPayload(snapshotUrl: string) {\n    console.debug('Received snapshot URL from server:', snapshotUrl)\n    try {\n      const decodedModel = await this.fetchAndDecodeSnapshot(snapshotUrl)\n      this.model = decodedModel.fork(this.replicaId) as unknown as GridModel\n      this.onModelCreate(this.model)\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to fetch or decode snapshot', err)\n    }\n  }\n\n  private handleResponseComplete() {\n    // Clocks are in sync, no further action needed\n    this.onGridReady()\n    this.onSyncEnd()\n    console.debug(\n      'Clocks synchronized with server. Incrementing sequence number.',\n    )\n  }\n\n  private handleNotification(message: JsonRxNotification) {\n    const methodName = message.getMethodName()\n    console.debug('Notification received from server:', methodName)\n\n    switch (methodName) {\n      case 'ping':\n        console.debug('Received ping from server')\n        break\n\n      case 'connected':\n        console.debug('Server ready to receive patches')\n        this.sendSyncMessage(\n          this.model ? this.verboseEncoder.encode(this.model).time : undefined,\n        )\n        break\n\n      case 'error':\n        console.warn('Error from server:', message.getPayload())\n        break\n\n      case 'new-patch':\n        if (!this.model) {\n          console.warn(\n            \"Model is not initialized. Cannot handle 'new-patch' message.\",\n          )\n          break\n        }\n        {\n          const verbModel = this.verboseEncoder.encode(this.model)\n          console.debug('New patch received, syncing data:', verbModel.time)\n          this.sendSyncMessage(verbModel.time)\n        }\n        break\n\n      case 'replica-connected':\n        console.debug('A replica connected to the grid session')\n        this.onReplicaConnected()\n        break\n\n      case 'replica-disconnected':\n        console.debug('A replica disconnected from the grid session')\n        this.onReplicaDisconnected()\n        break\n\n      default:\n        console.warn('Unknown notification method:', methodName)\n        break\n    }\n  }\n\n  private sendMessage(message: JsonRxMessage) {\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.send(JSON.stringify(message.getJson()))\n    } else {\n      console.error(\n        'WebSocket is not open. Unable to send message. Current state:',\n        this.socket.readyState,\n      )\n    }\n  }\n\n  public sendPatch() {\n    this.throttledSendPatch()\n  }\n\n  /**\n   * @returns true if one or more patches were sent\n   */\n  private sendPatchImmediate(): boolean {\n    if (!this.model) {\n      console.warn('Model is not initialized. Cannot send patch.')\n      return false\n    }\n\n    const patch = this.model.api.flush()\n    const hasOperationsToDispatch = patch.ops.length > 0\n\n    if (hasOperationsToDispatch) {\n      // Split the patch if it exceeds the maximum size we can send in a single frame\n      const patches = splitPatch(patch, this.maxPayloadSizeBytes)\n      patches.forEach(compactEncodedPatch => {\n        console.debug('Sending patch to server:', compactEncodedPatch)\n        const msg = new JsonRxRequestComplete(\n          this.messageCounter.getNext(),\n          'patch',\n          compactEncodedPatch,\n        )\n        this.sendMessage(msg)\n      })\n    }\n\n    return hasOperationsToDispatch\n  }\n\n  private sendSyncMessage(clock?: number | JsonCrdtVerboseLogicalTimestamp[]) {\n    const message = new JsonRxRequestComplete(\n      this.messageCounter.getNext(),\n      'synchronize-clock',\n      clock ?? [],\n    )\n    this.onSyncStart()\n    this.sendMessage(message)\n  }\n\n  private async fetchAndDecodeSnapshot(\n    snapshotUrl: string,\n  ): Promise<GridModel> {\n    const response = await fetchWithExponentialTimeout(snapshotUrl)\n    const blob = await response.blob()\n    const buffer = await blob.arrayBuffer()\n    const decodedFromCbor = decodeCbor(new Uint8Array(buffer))\n    const decodedModel = this.snapshotDecoder.decode(\n      decodedFromCbor as IndexedFields,\n    ) as unknown as GridModel\n    return decodedModel\n  }\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/SynapseGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AA8BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,WAAW,gHA6ehB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AA8BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,WAAW,gHAsfhB,CAAA;AAED,eAAe,WAAW,CAAA"}