synapse-react-client 4.0.18 → 4.0.20

package/dist/components/TableColumnSchemaEditor/Validators/ColumnModelValidator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnModelValidator.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/ColumnModelValidator.ts"],"sourcesContent":["import { ColumnModel, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n  canHaveMaxListLength,\n  canHaveSize,\n  MAX_LIST_LENGTH,\n  MAX_STRING_SIZE,\n} from '../TableColumnSchemaEditorUtils'\nimport { type SafeParseReturnType, z } from 'zod'\nimport { SetOptional } from 'type-fest'\nimport { getDefaultValueValidator } from './DefaultValueValidator'\nimport getEnumValuesValidator from './EnumValuesValidator'\nimport { optionalStringSchema } from './OptionalStringSchema'\nimport { omit } from 'lodash-es'\n\nconst facetTypeSchema = z.union([z.literal('enumeration'), z.literal('range')])\n\nconst facetColumnSortConfigSchema = z.object({\n  property: z.enum(['FREQUENCY', 'VALUE']).optional(),\n  direction: z.enum(['DESC', 'ASC']).optional(),\n})\n\nconst columnModelBaseZodSchema = z.object({\n  name: z.string().min(1, { message: 'Name is required' }),\n  columnType: z.nativeEnum(ColumnTypeEnum),\n})\n\nexport const jsonSubColumnModelZodSchema = columnModelBaseZodSchema.merge(\n  z.object({\n    jsonPath: z.string().startsWith('$'),\n    facetType: facetTypeSchema,\n  }),\n)\n\n/**\n * Zod schema whose shape represents a ColumnModel. This unrefined schema is saved in this \"intermediate\" state so\n * that it can be extended with `.merge` to create an inferred type that can applied to form data.\n */\nconst unrefinedColumnModelSchema = columnModelBaseZodSchema.merge(\n  z.object({\n    id: z.string().optional(),\n    defaultValue: z.union([z.string(), z.array(z.any())]).optional(),\n    maximumSize: z\n      .union([optionalStringSchema, z.number()])\n      .pipe(\n        z.coerce.number().finite().int().min(1).max(MAX_STRING_SIZE).optional(),\n      ),\n    maximumListLength: z\n      .union([optionalStringSchema, z.number()])\n      .pipe(\n        z.coerce.number().finite().int().min(1).max(MAX_LIST_LENGTH).optional(),\n      ),\n    enumValues: z\n      .array(\n        z\n          .union([\n            z.string(),\n            // enumValues is allowed on INTEGER type, but the backend stores them as strings, so allow passing integers\n            z.number().int(),\n          ])\n          .pipe(z.coerce.string()),\n      )\n      .optional(),\n    jsonSubColumns: z.array(jsonSubColumnModelZodSchema).optional(),\n    facetType: facetTypeSchema.optional(),\n    facetSortConfig: facetColumnSortConfigSchema.optional(),\n  }),\n)\n\n/**\n * Zod schema to validate a column model. The provided data is coerced and transformed to match the ColumnModel type.\n * For this reason, form data may be directly passed into this schema parser.\n *\n * The parse method will return a ColumnModel where all data is properly formed.\n */\nexport const columnModelZodSchema = unrefinedColumnModelSchema\n  .refine(data => data.maximumSize == null || canHaveSize(data.columnType), {\n    message: 'Size is not allowed for this column type',\n    path: ['maximumSize'],\n  })\n  .refine(\n    data =>\n      data.maximumListLength == null || canHaveMaxListLength(data.columnType),\n    {\n      message: 'Maximum list length is not allowed for this column type',\n      path: ['maximumListLength'],\n    },\n  )\n  .refine(\n    data => {\n      if (data.jsonSubColumns != null) {\n        return data.columnType === ColumnTypeEnum.JSON\n      }\n      return true\n    },\n    {\n      message: 'Only JSON columns can have JSON sub-columns.',\n      path: ['columnType'],\n    },\n  )\n  .transform((data, ctx) => {\n    if (data.defaultValue != null) {\n      // Validate and transform the defaultValue based on the columnType\n      const defaultValueSchema = getDefaultValueValidator(data.columnType)\n      const result = defaultValueSchema.safeParse(data.defaultValue)\n      let transformedValue: string | undefined\n      if (result.success) {\n        transformedValue = result.data\n      } else {\n        result.error.issues.forEach(issue => {\n          ctx.addIssue({ ...issue, path: ['defaultValue'] })\n        })\n        transformedValue = undefined\n      }\n      return { ...data, defaultValue: transformedValue }\n    }\n    return omit(data, 'defaultValue')\n  })\n  .transform((data, ctx) => {\n    // NOTE: This is the same set of steps as the `defaultValue` transform\n    // We may be able to refactor this, but it is challenging to do so without breaking the schema's inferred type\n    if (data.enumValues != null) {\n      // Validate and transform the defaultValue based on the columnType\n      const enumValuesSchema = getEnumValuesValidator(data.columnType)\n      const result = enumValuesSchema.safeParse(data.enumValues)\n      let transformedValue: string[] | undefined\n      if (result.success) {\n        transformedValue = result.data\n      } else {\n        result.error.issues.forEach(issue => {\n          ctx.addIssue({ ...issue, path: ['enumValues'] })\n        })\n        transformedValue = undefined\n      }\n      return { ...data, enumValues: transformedValue }\n    }\n    return omit(data, 'enumValues')\n  })\n\nexport const columnModelFormDataZodSchema = z.array(columnModelZodSchema)\n\nconst jsonSubColumnModelFormDataSchema = jsonSubColumnModelZodSchema.merge(\n  z.object({\n    isSelected: z.boolean(),\n  }),\n)\n\nexport type JsonSubColumnModelFormData = z.input<\n  typeof jsonSubColumnModelFormDataSchema\n>\n\n// Use the \"unrefined\" schema since we can extend it with form-only fields\nconst _columnModelFormDataSchema = unrefinedColumnModelSchema.merge(\n  z.object({\n    isSelected: z.boolean(),\n    isOriginallyDefaultColumn: z.boolean(),\n    jsonSubColumns: z.array(jsonSubColumnModelFormDataSchema).optional(),\n  }),\n)\n\n/**\n * Type that represents possible form input data for a ColumnModel.\n * a\n */\nexport type ColumnModelFormData = z.input<typeof _columnModelFormDataSchema>\n\nexport function validateColumnModelFormData(\n  formData: SetOptional<\n    ColumnModelFormData,\n    'isOriginallyDefaultColumn' | 'isSelected'\n  >[],\n): SafeParseReturnType<\n  SetOptional<\n    ColumnModelFormData,\n    'isOriginallyDefaultColumn' | 'isSelected'\n  >[],\n  SetOptional<ColumnModel, 'id'>[]\n> {\n  return columnModelFormDataZodSchema.safeParse(formData)\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColumnModelValidator.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/ColumnModelValidator.ts"],"sourcesContent":["import { ColumnModel, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n  canHaveMaxListLength,\n  canHaveSize,\n  MAX_LIST_LENGTH,\n  MAX_STRING_SIZE,\n} from '../TableColumnSchemaEditorUtils'\nimport { type SafeParseReturnType, z } from 'zod'\nimport { SetOptional } from 'type-fest'\nimport { getDefaultValueValidator } from './DefaultValueValidator'\nimport getEnumValuesValidator from './EnumValuesValidator'\nimport { optionalStringSchema } from './OptionalStringSchema'\nimport { omit } from 'lodash-es'\n\nconst facetTypeSchema = z.union([z.literal('enumeration'), z.literal('range')])\n\nconst facetColumnSortConfigSchema = z.object({\n  property: z.enum(['FREQUENCY', 'VALUE']).optional(),\n  direction: z.enum(['DESC', 'ASC']).optional(),\n})\n\nconst columnModelBaseZodSchema = z.object({\n  name: z.string().min(1, { message: 'Name is required' }),\n  columnType: z.nativeEnum(ColumnTypeEnum),\n})\n\nexport const jsonSubColumnModelZodSchema = columnModelBaseZodSchema.merge(\n  z.object({\n    jsonPath: z.string().startsWith('$'),\n    facetType: facetTypeSchema,\n  }),\n)\n\n/**\n * Zod schema whose shape represents a ColumnModel. This unrefined schema is saved in this \"intermediate\" state so\n * that it can be extended with `.merge` to create an inferred type that can applied to form data.\n */\nconst unrefinedColumnModelSchema = columnModelBaseZodSchema.merge(\n  z.object({\n    id: z.string().optional(),\n    defaultValue: z.union([z.string(), z.array(z.any())]).optional(),\n    maximumSize: z\n      .union([optionalStringSchema, z.number()])\n      .pipe(\n        z.coerce.number().finite().int().min(1).max(MAX_STRING_SIZE).optional(),\n      ),\n    maximumListLength: z\n      .union([optionalStringSchema, z.number()])\n      .pipe(\n        z.coerce.number().finite().int().min(1).max(MAX_LIST_LENGTH).optional(),\n      ),\n    enumValues: z\n      .array(\n        z\n          .union([\n            z.string(),\n            // enumValues is allowed on INTEGER type, but the backend stores them as strings, so allow passing integers\n            z.number().int(),\n          ])\n          .pipe(z.coerce.string()),\n      )\n      .optional(),\n    jsonSubColumns: z.array(jsonSubColumnModelZodSchema).optional(),\n    facetType: facetTypeSchema.optional(),\n    facetSortConfig: facetColumnSortConfigSchema.optional(),\n  }),\n)\n\n/**\n * Zod schema to validate a column model. The provided data is coerced and transformed to match the ColumnModel type.\n * For this reason, form data may be directly passed into this schema parser.\n *\n * The parse method will return a ColumnModel where all data is properly formed.\n */\nexport const columnModelZodSchema = unrefinedColumnModelSchema\n  .refine(data => data.maximumSize == null || canHaveSize(data.columnType), {\n    message: 'Size is not allowed for this column type',\n    path: ['maximumSize'],\n  })\n  .refine(\n    data =>\n      data.maximumListLength == null || canHaveMaxListLength(data.columnType),\n    {\n      message: 'Maximum list length is not allowed for this column type',\n      path: ['maximumListLength'],\n    },\n  )\n  .refine(\n    data => {\n      if (data.jsonSubColumns != null) {\n        return data.columnType === ColumnTypeEnum.JSON\n      }\n      return true\n    },\n    {\n      message: 'Only JSON columns can have JSON sub-columns.',\n      path: ['columnType'],\n    },\n  )\n  .transform((data, ctx) => {\n    if (data.defaultValue != null) {\n      // Validate and transform the defaultValue based on the columnType\n      const defaultValueSchema = getDefaultValueValidator(data.columnType)\n      const result = defaultValueSchema.safeParse(data.defaultValue)\n      let transformedValue: string | undefined\n      if (result.success) {\n        transformedValue = result.data\n      } else {\n        result.error.issues.forEach(issue => {\n          ctx.addIssue({ ...issue, path: ['defaultValue'] })\n        })\n        transformedValue = undefined\n      }\n      return { ...data, defaultValue: transformedValue }\n    }\n    return omit(data, 'defaultValue')\n  })\n  .transform((data, ctx) => {\n    // NOTE: This is the same set of steps as the `defaultValue` transform\n    // We may be able to refactor this, but it is challenging to do so without breaking the schema's inferred type\n    if (data.enumValues != null) {\n      // Validate and transform the defaultValue based on the columnType\n      const enumValuesSchema = getEnumValuesValidator(data.columnType)\n      const result = enumValuesSchema.safeParse(data.enumValues)\n      let transformedValue: string[] | undefined\n      if (result.success) {\n        transformedValue = result.data\n      } else {\n        result.error.issues.forEach(issue => {\n          ctx.addIssue({ ...issue, path: ['enumValues'] })\n        })\n        transformedValue = undefined\n      }\n      return { ...data, enumValues: transformedValue }\n    }\n    return omit(data, 'enumValues')\n  })\n\nexport const columnModelFormDataZodSchema = z.array(columnModelZodSchema)\n\nconst jsonSubColumnModelFormDataSchema = jsonSubColumnModelZodSchema.merge(\n  z.object({\n    isSelected: z.boolean(),\n  }),\n)\n\nexport type JsonSubColumnModelFormData = z.input<\n  typeof jsonSubColumnModelFormDataSchema\n>\n\n// Use the \"unrefined\" schema since we can extend it with form-only fields\nconst _columnModelFormDataSchema = unrefinedColumnModelSchema.merge(\n  z.object({\n    isSelected: z.boolean(),\n    isOriginallyDefaultColumn: z.boolean(),\n    jsonSubColumns: z.array(jsonSubColumnModelFormDataSchema).optional(),\n  }),\n)\n\n/**\n * Type that represents possible form input data for a ColumnModel.\n * a\n */\nexport type ColumnModelFormData = z.input<typeof _columnModelFormDataSchema>\n\nexport function validateColumnModelFormData(\n  formData: SetOptional<\n    ColumnModelFormData,\n    'isOriginallyDefaultColumn' | 'isSelected'\n  >[],\n): SafeParseReturnType<\n  SetOptional<\n    ColumnModelFormData,\n    'isOriginallyDefaultColumn' | 'isSelected'\n  >[],\n  SetOptional<ColumnModel, 'id'>[]\n> {\n  return columnModelFormDataZodSchema.safeParse(formData)\n}\n"],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/Validators/DatetimeSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatetimeSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/DatetimeSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport dayjs from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\n\ndayjs.extend(utc)\n\n// Accepts a string that is either a UNIX timestamp in milliseconds or in ISO 8601 format, and returns a string in ISO 8601 format\nconst dateTimeString = z.string().transform(data => {\n  // Note: can't use parseInt on a timestamp! \"2000-01-01T00:00:00Z\" will be parsed as 2000\n  const isInt = data.match(/^\\d+$/)\n  if (isInt) {\n    return dayjs.utc(parseInt(data)).toISOString()\n  }\n  return dayjs.utc(data).toISOString()\n})\n\n/**\n * Validates and converts a value to a valid Synapse DATE value\n */\nexport const dateTimeSchema = z\n  .union([z.number(), dateTimeString, z.date()])\n  .transform(timestampMs => dayjs(timestampMs).toISOString())\n"],"mappings":";;;;AAIA,EAAM,OAAO,EAAI;AAGjB,IAAM,IAAiB,EAAE,QAAQ,CAAC,WAAU,MAE5B,EAAK,MAAM,QACrB,GACK,EAAM,IAAI,SAAS,EAAK,CAAC,CAAC,aAAa,GAEzC,EAAM,IAAI,EAAK,CAAC,aAAa,CACpC,EAKW,IAAiB,EAC3B,MAAM;CAAC,EAAE,QAAQ;CAAE;CAAgB,EAAE,MAAM;CAAC,CAAC,CAC7C,WAAU,MAAe,EAAM,EAAY,CAAC,aAAa,CAAC"}
+{"version":3,"file":"DatetimeSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/DatetimeSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport dayjs from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\n\ndayjs.extend(utc)\n\n// Accepts a string that is either a UNIX timestamp in milliseconds or in ISO 8601 format, and returns a string in ISO 8601 format\nconst dateTimeString = z.string().transform(data => {\n  // Note: can't use parseInt on a timestamp! \"2000-01-01T00:00:00Z\" will be parsed as 2000\n  const isInt = data.match(/^\\d+$/)\n  if (isInt) {\n    return dayjs.utc(parseInt(data)).toISOString()\n  }\n  return dayjs.utc(data).toISOString()\n})\n\n/**\n * Validates and converts a value to a valid Synapse DATE value\n */\nexport const dateTimeSchema = z\n  .union([z.number(), dateTimeString, z.date()])\n  .transform(timestampMs => dayjs(timestampMs).toISOString())\n"],"mappings":";;;;AAIA,EAAM,OAAO,CAAG;AAGhB,IAAM,IAAiB,EAAE,OAAO,EAAE,WAAU,MAE5B,EAAK,MAAM,OACrB,IACK,EAAM,IAAI,SAAS,CAAI,CAAC,EAAE,YAAY,IAExC,EAAM,IAAI,CAAI,EAAE,YAAY,CACpC,GAKY,IAAiB,EAC3B,MAAM;CAAC,EAAE,OAAO;CAAG;CAAgB,EAAE,KAAK;AAAC,CAAC,EAC5C,WAAU,MAAe,EAAM,CAAW,EAAE,YAAY,CAAC"}

package/dist/components/TableColumnSchemaEditor/Validators/DefaultValueValidator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultValueValidator.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/DefaultValueValidator.ts"],"sourcesContent":["import { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { z, ZodType } from 'zod'\nimport { isArray, isEmpty } from 'lodash-es'\nimport getZodSchemaForColumnType from './getZodSchemaForColumnType'\n\n/**\n * Returns a validator for a ColumnModel's `defaultValue` field.\n * This validator will transform the field to match the correct type of defaultValue, which is an optional string.\n * @param columnType the columnType of the ColumnModel\n */\nexport function getDefaultValueValidator(\n  columnType: ColumnTypeEnum,\n): ZodType<string | undefined> {\n  const schema = getZodSchemaForColumnType(columnType)\n  return z\n    .union([\n      z.null(),\n      z\n        .string()\n        .length(0)\n        .transform(() => null),\n      schema,\n    ])\n    .optional()\n    .refine(data => {\n      if (columnType.endsWith('_LIST')) {\n        return data == null || isArray(data)\n      }\n      return true\n    }, 'Default value cannot be an array for a non-list column type')\n    .transform(data => {\n      if (data == null || data === '' || (isArray(data) && isEmpty(data))) {\n        return undefined\n      } else if (typeof data === 'string') {\n        return data\n      } else {\n        return JSON.stringify(data)\n      }\n    })\n}\n"],"mappings":";;;;AAUA,SAAgB,EACd,GAC6B;CAC7B,IAAM,IAAS,EAA0B,EAAW;AACpD,QAAO,EACJ,MAAM;EACL,EAAE,MAAM;EACR,EACG,QAAQ,CACR,OAAO,EAAE,CACT,gBAAgB,KAAK;EACxB;EACD,CAAC,CACD,UAAU,CACV,QAAO,MACF,EAAW,SAAS,QAAQ,GACvB,KAAQ,QAAQ,EAAQ,EAAK,GAE/B,IACN,8DAA8D,CAChE,WAAU,MAAQ;AACb,aAAQ,QAAQ,MAAS,MAAO,EAAQ,EAAK,IAAI,EAAQ,EAAK,EAKhE,QAHS,OAAO,KAAS,WAClB,IAEA,KAAK,UAAU,EAAK;GAE7B"}
+{"version":3,"file":"DefaultValueValidator.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/DefaultValueValidator.ts"],"sourcesContent":["import { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { z, ZodType } from 'zod'\nimport { isArray, isEmpty } from 'lodash-es'\nimport getZodSchemaForColumnType from './getZodSchemaForColumnType'\n\n/**\n * Returns a validator for a ColumnModel's `defaultValue` field.\n * This validator will transform the field to match the correct type of defaultValue, which is an optional string.\n * @param columnType the columnType of the ColumnModel\n */\nexport function getDefaultValueValidator(\n  columnType: ColumnTypeEnum,\n): ZodType<string | undefined> {\n  const schema = getZodSchemaForColumnType(columnType)\n  return z\n    .union([\n      z.null(),\n      z\n        .string()\n        .length(0)\n        .transform(() => null),\n      schema,\n    ])\n    .optional()\n    .refine(data => {\n      if (columnType.endsWith('_LIST')) {\n        return data == null || isArray(data)\n      }\n      return true\n    }, 'Default value cannot be an array for a non-list column type')\n    .transform(data => {\n      if (data == null || data === '' || (isArray(data) && isEmpty(data))) {\n        return undefined\n      } else if (typeof data === 'string') {\n        return data\n      } else {\n        return JSON.stringify(data)\n      }\n    })\n}\n"],"mappings":";;;;AAUA,SAAgB,EACd,GAC6B;CAC7B,IAAM,IAAS,EAA0B,CAAU;CACnD,OAAO,EACJ,MAAM;EACL,EAAE,KAAK;EACP,EACG,OAAO,EACP,OAAO,CAAC,EACR,gBAAgB,IAAI;EACvB;CACF,CAAC,EACA,SAAS,EACT,QAAO,MACF,EAAW,SAAS,OAAO,IACtB,KAAQ,QAAQ,EAAQ,CAAI,IAE9B,IACN,6DAA6D,EAC/D,WAAU,MAAQ;EACb,WAAQ,QAAQ,MAAS,MAAO,EAAQ,CAAI,KAAK,EAAQ,CAAI,IAK/D,OAHS,OAAO,KAAS,WAClB,IAEA,KAAK,UAAU,CAAI;CAE9B,CAAC;AACL"}

package/dist/components/TableColumnSchemaEditor/Validators/DoubleSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/DoubleSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Schema that converts strings to valid Synapse DOUBLE values. Zod will return an error if the string cannot be parsed as a number.\n */\nconst doubleString = z.string().transform((data, ctx) => {\n  // Synapse permits NaN/Infinity, so we can keep these strings\n  if (['NaN', 'Infinity', '-Infinity'].includes(data)) {\n    return data\n  }\n  const parsed = Number(data)\n  // If the parse result is NaN, then this was not a valid number\n  if (isNaN(parsed)) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.invalid_type,\n      expected: 'number',\n      received: 'string',\n      path: [],\n      message: 'Must be a number',\n    })\n  }\n  return parsed\n})\n\n/**\n * Validates and converts a value to a valid Synapse DOUBLE value. Zod will return an error if the value cannot be converted to a number.\n */\nexport const doubleSchema = z\n  .union([z.number(), z.nan(), doubleString])\n  .transform((val): string | number => {\n    if (typeof val === 'number') {\n      // JSON does not support NaN/Infinity, but Synapse does if they are strings\n      if (isNaN(val)) {\n        return 'NaN'\n      } else if (val === Infinity) {\n        return 'Infinity'\n      } else if (val === -Infinity) {\n        return '-Infinity'\n      }\n      return val\n    }\n    return val\n  })\n"],"mappings":";;AAKA,IAAM,IAAe,EAAE,QAAQ,CAAC,WAAW,GAAM,MAAQ;AAEvD,KAAI;EAAC;EAAO;EAAY;EAAY,CAAC,SAAS,EAAK,CACjD,QAAO;CAET,IAAM,IAAS,OAAO,EAAK;AAW3B,QATI,MAAM,EAAO,IACf,EAAI,SAAS;EACX,MAAM,EAAE,aAAa;EACrB,UAAU;EACV,UAAU;EACV,MAAM,EAAE;EACR,SAAS;EACV,CAAC,EAEG;EACP,EAKW,IAAe,EACzB,MAAM;CAAC,EAAE,QAAQ;CAAE,EAAE,KAAK;CAAE;CAAa,CAAC,CAC1C,WAAW,MACN,OAAO,KAAQ,WAEb,MAAM,EAAI,GACL,QACE,MAAQ,WACV,aACE,MAAQ,YACV,cAEF,IAEF,EACP"}
+{"version":3,"file":"DoubleSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/DoubleSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Schema that converts strings to valid Synapse DOUBLE values. Zod will return an error if the string cannot be parsed as a number.\n */\nconst doubleString = z.string().transform((data, ctx) => {\n  // Synapse permits NaN/Infinity, so we can keep these strings\n  if (['NaN', 'Infinity', '-Infinity'].includes(data)) {\n    return data\n  }\n  const parsed = Number(data)\n  // If the parse result is NaN, then this was not a valid number\n  if (isNaN(parsed)) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.invalid_type,\n      expected: 'number',\n      received: 'string',\n      path: [],\n      message: 'Must be a number',\n    })\n  }\n  return parsed\n})\n\n/**\n * Validates and converts a value to a valid Synapse DOUBLE value. Zod will return an error if the value cannot be converted to a number.\n */\nexport const doubleSchema = z\n  .union([z.number(), z.nan(), doubleString])\n  .transform((val): string | number => {\n    if (typeof val === 'number') {\n      // JSON does not support NaN/Infinity, but Synapse does if they are strings\n      if (isNaN(val)) {\n        return 'NaN'\n      } else if (val === Infinity) {\n        return 'Infinity'\n      } else if (val === -Infinity) {\n        return '-Infinity'\n      }\n      return val\n    }\n    return val\n  })\n"],"mappings":";;AAKA,IAAM,IAAe,EAAE,OAAO,EAAE,WAAW,GAAM,MAAQ;CAEvD,IAAI;EAAC;EAAO;EAAY;CAAW,EAAE,SAAS,CAAI,GAChD,OAAO;CAET,IAAM,IAAS,OAAO,CAAI;CAW1B,OATI,MAAM,CAAM,KACd,EAAI,SAAS;EACX,MAAM,EAAE,aAAa;EACrB,UAAU;EACV,UAAU;EACV,MAAM,CAAC;EACP,SAAS;CACX,CAAC,GAEI;AACT,CAAC,GAKY,IAAe,EACzB,MAAM;CAAC,EAAE,OAAO;CAAG,EAAE,IAAI;CAAG;AAAY,CAAC,EACzC,WAAW,MACN,OAAO,KAAQ,WAEb,MAAM,CAAG,IACJ,QACE,MAAQ,WACV,aACE,MAAQ,YACV,cAEF,IAEF,CACR"}

package/dist/components/TableColumnSchemaEditor/Validators/EntityIdSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIdSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/EntityIdSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Validates and converts a value to a valid Synapse ENTITYID value\n */\nexport const entityIdSchema = z.union([\n  // Matches a string of digits, optionally prefixed with 'syn'\n  z.string().regex(/^(syn)?\\d+$/),\n  z.number().int(),\n])\n"],"mappings":";;AAKA,IAAa,IAAiB,EAAE,MAAM,CAEpC,EAAE,QAAQ,CAAC,MAAM,cAAc,EAC/B,EAAE,QAAQ,CAAC,KAAK,CACjB,CAAC"}
+{"version":3,"file":"EntityIdSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/EntityIdSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Validates and converts a value to a valid Synapse ENTITYID value\n */\nexport const entityIdSchema = z.union([\n  // Matches a string of digits, optionally prefixed with 'syn'\n  z.string().regex(/^(syn)?\\d+$/),\n  z.number().int(),\n])\n"],"mappings":";;AAKA,IAAa,IAAiB,EAAE,MAAM,CAEpC,EAAE,OAAO,EAAE,MAAM,aAAa,GAC9B,EAAE,OAAO,EAAE,IAAI,CACjB,CAAC"}

package/dist/components/TableColumnSchemaEditor/Validators/EnumValuesValidator.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumValuesValidator.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/EnumValuesValidator.ts"],"sourcesContent":["import { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { z, ZodType } from 'zod'\nimport { isEmpty } from 'lodash-es'\nimport getZodSchemaForColumnType from './getZodSchemaForColumnType'\n\n/**\n * Returns a validator for a ColumnModel's `enumValues` field.\n * This validator will transform the field to match the correct type of defaultValue, which is an optional array of strings.\n * @param columnType the columnType of the ColumnModel\n */\nexport default function getEnumValuesValidator(\n  columnType: ColumnTypeEnum,\n): ZodType<string[] | undefined> {\n  const schema = getZodSchemaForColumnType(columnType)\n  return z\n    .union([\n      z.array(schema),\n      z.null(),\n      z\n        .string()\n        .length(0)\n        .transform(() => null),\n      schema.transform(v => [v]),\n    ])\n    .optional()\n    .transform(data => {\n      if (data == null) {\n        return undefined\n      }\n      // Remove empty strings and null values\n      data = data.filter(v => v !== '' && v != null)\n      if (isEmpty(data)) {\n        return undefined\n      }\n\n      // Each value must be converted to a string\n      return data.map(v => (typeof v === 'string' ? v : JSON.stringify(v)))\n    })\n}\n"],"mappings":";;;;AAUA,SAAwB,EACtB,GAC+B;CAC/B,IAAM,IAAS,EAA0B,EAAW;AACpD,QAAO,EACJ,MAAM;EACL,EAAE,MAAM,EAAO;EACf,EAAE,MAAM;EACR,EACG,QAAQ,CACR,OAAO,EAAE,CACT,gBAAgB,KAAK;EACxB,EAAO,WAAU,MAAK,CAAC,EAAE,CAAC;EAC3B,CAAC,CACD,UAAU,CACV,WAAU,MAAQ;AACb,WAAQ,SAIZ,IAAO,EAAK,QAAO,MAAK,MAAM,MAAM,KAAK,KAAK,EAC1C,GAAQ,EAAK,EAKjB,QAAO,EAAK,KAAI,MAAM,OAAO,KAAM,WAAW,IAAI,KAAK,UAAU,EAAE,CAAE;GACrE"}
+{"version":3,"file":"EnumValuesValidator.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/EnumValuesValidator.ts"],"sourcesContent":["import { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { z, ZodType } from 'zod'\nimport { isEmpty } from 'lodash-es'\nimport getZodSchemaForColumnType from './getZodSchemaForColumnType'\n\n/**\n * Returns a validator for a ColumnModel's `enumValues` field.\n * This validator will transform the field to match the correct type of defaultValue, which is an optional array of strings.\n * @param columnType the columnType of the ColumnModel\n */\nexport default function getEnumValuesValidator(\n  columnType: ColumnTypeEnum,\n): ZodType<string[] | undefined> {\n  const schema = getZodSchemaForColumnType(columnType)\n  return z\n    .union([\n      z.array(schema),\n      z.null(),\n      z\n        .string()\n        .length(0)\n        .transform(() => null),\n      schema.transform(v => [v]),\n    ])\n    .optional()\n    .transform(data => {\n      if (data == null) {\n        return undefined\n      }\n      // Remove empty strings and null values\n      data = data.filter(v => v !== '' && v != null)\n      if (isEmpty(data)) {\n        return undefined\n      }\n\n      // Each value must be converted to a string\n      return data.map(v => (typeof v === 'string' ? v : JSON.stringify(v)))\n    })\n}\n"],"mappings":";;;;AAUA,SAAwB,EACtB,GAC+B;CAC/B,IAAM,IAAS,EAA0B,CAAU;CACnD,OAAO,EACJ,MAAM;EACL,EAAE,MAAM,CAAM;EACd,EAAE,KAAK;EACP,EACG,OAAO,EACP,OAAO,CAAC,EACR,gBAAgB,IAAI;EACvB,EAAO,WAAU,MAAK,CAAC,CAAC,CAAC;CAC3B,CAAC,EACA,SAAS,EACT,WAAU,MAAQ;EACb,SAAQ,SAIZ,IAAO,EAAK,QAAO,MAAK,MAAM,MAAM,KAAK,IAAI,GACzC,GAAQ,CAAI,IAKhB,OAAO,EAAK,KAAI,MAAM,OAAO,KAAM,WAAW,IAAI,KAAK,UAAU,CAAC,CAAE;CACtE,CAAC;AACL"}

package/dist/components/TableColumnSchemaEditor/Validators/IntegerSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/IntegerSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Validates and converts a value to a valid Synapse INTEGER value\n */\nexport const integerSchema = z\n  .union([\n    z\n      .string()\n      // Transform empty string to null\n      .transform(data => (data === '' ? null : data)),\n    z.null(),\n    z.number().int(),\n  ])\n  .pipe(z.union([z.null(), z.coerce.number().int()]))\n"],"mappings":";;AAKA,IAAa,IAAgB,EAC1B,MAAM;CACL,EACG,QAAQ,CAER,WAAU,MAAS,MAAS,KAAK,OAAO,EAAM;CACjD,EAAE,MAAM;CACR,EAAE,QAAQ,CAAC,KAAK;CACjB,CAAC,CACD,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC"}
+{"version":3,"file":"IntegerSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/IntegerSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Validates and converts a value to a valid Synapse INTEGER value\n */\nexport const integerSchema = z\n  .union([\n    z\n      .string()\n      // Transform empty string to null\n      .transform(data => (data === '' ? null : data)),\n    z.null(),\n    z.number().int(),\n  ])\n  .pipe(z.union([z.null(), z.coerce.number().int()]))\n"],"mappings":";;AAKA,IAAa,IAAgB,EAC1B,MAAM;CACL,EACG,OAAO,EAEP,WAAU,MAAS,MAAS,KAAK,OAAO,CAAK;CAChD,EAAE,KAAK;CACP,EAAE,OAAO,EAAE,IAAI;AACjB,CAAC,EACA,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,OAAO,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC"}

package/dist/components/TableColumnSchemaEditor/Validators/OptionalStringSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionalStringSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/OptionalStringSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Schema for an optional string. Converts empty string to undefined.\n */\nexport const optionalStringSchema = z\n  .string()\n  .optional()\n  .transform(v => (v === '' ? undefined : v))\n"],"mappings":";;AAKA,IAAa,IAAuB,EACjC,QAAQ,CACR,UAAU,CACV,WAAU,MAAM,MAAM,KAAK,KAAA,IAAY,EAAG"}
+{"version":3,"file":"OptionalStringSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/OptionalStringSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Schema for an optional string. Converts empty string to undefined.\n */\nexport const optionalStringSchema = z\n  .string()\n  .optional()\n  .transform(v => (v === '' ? undefined : v))\n"],"mappings":";;AAKA,IAAa,IAAuB,EACjC,OAAO,EACP,SAAS,EACT,WAAU,MAAM,MAAM,KAAK,KAAA,IAAY,CAAE"}

package/dist/components/TableColumnSchemaEditor/Validators/getZodSchemaForColumnType.js.map

@@ -1 +1 @@
-{"version":3,"file":"getZodSchemaForColumnType.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/getZodSchemaForColumnType.ts"],"sourcesContent":["import { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { doubleSchema } from './DoubleSchema'\nimport { z, ZodTypeAny } from 'zod'\nimport { dateTimeSchema } from './DatetimeSchema'\nimport { booleanSchema } from './BooleanSchema'\nimport { integerSchema } from './IntegerSchema'\nimport { entityIdSchema } from './EntityIdSchema'\n\nconst arraySerializedAsStringSchema = z.string().transform((data, ctx) => {\n  try {\n    const parsed = JSON.parse(data)\n    if (!Array.isArray(parsed)) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: 'Object was valid JSON, but was not an array',\n      })\n    }\n    return parsed\n  } catch (e) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.custom,\n      message: 'Invalid JSON array',\n    })\n  }\n  return data\n})\n\nexport default function getZodSchemaForColumnType(\n  columnType: ColumnTypeEnum,\n): ZodTypeAny {\n  if (columnType.endsWith('_LIST')) {\n    const baseSchema = getZodSchemaForColumnType(\n      columnType.replace('_LIST', '') as ColumnTypeEnum,\n    )\n    return z.union([\n      z.array(baseSchema),\n      // Also handle cases where the array is serialized as a string\n      arraySerializedAsStringSchema.pipe(z.array(baseSchema)),\n    ])\n  }\n\n  switch (columnType) {\n    case ColumnTypeEnum.STRING:\n      return z.coerce.string()\n    case ColumnTypeEnum.BOOLEAN:\n      return booleanSchema\n    case ColumnTypeEnum.INTEGER:\n      return integerSchema\n    case ColumnTypeEnum.DOUBLE:\n      return doubleSchema\n    case ColumnTypeEnum.DATE:\n      return dateTimeSchema\n    case ColumnTypeEnum.FILEHANDLEID:\n      return integerSchema\n    case ColumnTypeEnum.ENTITYID:\n      return entityIdSchema\n    case ColumnTypeEnum.LINK:\n      return z.coerce.string()\n    case ColumnTypeEnum.MEDIUMTEXT:\n      return z.coerce.string()\n    case ColumnTypeEnum.LARGETEXT:\n      return z.coerce.string()\n    case ColumnTypeEnum.USERID:\n      return integerSchema\n    case ColumnTypeEnum.EVALUATIONID:\n      return integerSchema\n    case ColumnTypeEnum.SUBMISSIONID:\n      return integerSchema\n    case ColumnTypeEnum.JSON:\n      return z.string().refine(v => {\n        try {\n          JSON.parse(v)\n          return true\n        } catch (e) {\n          return false\n        }\n      })\n    default:\n      console.warn(`No validator for column type ${columnType}`)\n      return z.any()\n  }\n}\n"],"mappings":";;;;;;;;AAQA,IAAM,IAAgC,EAAE,QAAQ,CAAC,WAAW,GAAM,MAAQ;AACxE,KAAI;EACF,IAAM,IAAS,KAAK,MAAM,EAAK;AAO/B,SANK,MAAM,QAAQ,EAAO,IACxB,EAAI,SAAS;GACX,MAAM,EAAE,aAAa;GACrB,SAAS;GACV,CAAC,EAEG;SACG;AACV,IAAI,SAAS;GACX,MAAM,EAAE,aAAa;GACrB,SAAS;GACV,CAAC;;AAEJ,QAAO;EACP;AAEF,SAAwB,EACtB,GACY;AACZ,KAAI,EAAW,SAAS,QAAQ,EAAE;EAChC,IAAM,IAAa,EACjB,EAAW,QAAQ,SAAS,GAAG,CAChC;AACD,SAAO,EAAE,MAAM,CACb,EAAE,MAAM,EAAW,EAEnB,EAA8B,KAAK,EAAE,MAAM,EAAW,CAAC,CACxD,CAAC;;AAGJ,SAAQ,GAAR;EACE,KAAK,EAAe,OAClB,QAAO,EAAE,OAAO,QAAQ;EAC1B,KAAK,EAAe,QAClB,QAAO;EACT,KAAK,EAAe,QAClB,QAAO;EACT,KAAK,EAAe,OAClB,QAAO;EACT,KAAK,EAAe,KAClB,QAAO;EACT,KAAK,EAAe,aAClB,QAAO;EACT,KAAK,EAAe,SAClB,QAAO;EACT,KAAK,EAAe,KAClB,QAAO,EAAE,OAAO,QAAQ;EAC1B,KAAK,EAAe,WAClB,QAAO,EAAE,OAAO,QAAQ;EAC1B,KAAK,EAAe,UAClB,QAAO,EAAE,OAAO,QAAQ;EAC1B,KAAK,EAAe,OAClB,QAAO;EACT,KAAK,EAAe,aAClB,QAAO;EACT,KAAK,EAAe,aAClB,QAAO;EACT,KAAK,EAAe,KAClB,QAAO,EAAE,QAAQ,CAAC,QAAO,MAAK;AAC5B,OAAI;AAEF,WADA,KAAK,MAAM,EAAE,EACN;WACG;AACV,WAAO;;IAET;EACJ,QAEE,QADA,QAAQ,KAAK,gCAAgC,IAAa,EACnD,EAAE,KAAK"}
+{"version":3,"file":"getZodSchemaForColumnType.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/getZodSchemaForColumnType.ts"],"sourcesContent":["import { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { doubleSchema } from './DoubleSchema'\nimport { z, ZodTypeAny } from 'zod'\nimport { dateTimeSchema } from './DatetimeSchema'\nimport { booleanSchema } from './BooleanSchema'\nimport { integerSchema } from './IntegerSchema'\nimport { entityIdSchema } from './EntityIdSchema'\n\nconst arraySerializedAsStringSchema = z.string().transform((data, ctx) => {\n  try {\n    const parsed = JSON.parse(data)\n    if (!Array.isArray(parsed)) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: 'Object was valid JSON, but was not an array',\n      })\n    }\n    return parsed\n  } catch (e) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.custom,\n      message: 'Invalid JSON array',\n    })\n  }\n  return data\n})\n\nexport default function getZodSchemaForColumnType(\n  columnType: ColumnTypeEnum,\n): ZodTypeAny {\n  if (columnType.endsWith('_LIST')) {\n    const baseSchema = getZodSchemaForColumnType(\n      columnType.replace('_LIST', '') as ColumnTypeEnum,\n    )\n    return z.union([\n      z.array(baseSchema),\n      // Also handle cases where the array is serialized as a string\n      arraySerializedAsStringSchema.pipe(z.array(baseSchema)),\n    ])\n  }\n\n  switch (columnType) {\n    case ColumnTypeEnum.STRING:\n      return z.coerce.string()\n    case ColumnTypeEnum.BOOLEAN:\n      return booleanSchema\n    case ColumnTypeEnum.INTEGER:\n      return integerSchema\n    case ColumnTypeEnum.DOUBLE:\n      return doubleSchema\n    case ColumnTypeEnum.DATE:\n      return dateTimeSchema\n    case ColumnTypeEnum.FILEHANDLEID:\n      return integerSchema\n    case ColumnTypeEnum.ENTITYID:\n      return entityIdSchema\n    case ColumnTypeEnum.LINK:\n      return z.coerce.string()\n    case ColumnTypeEnum.MEDIUMTEXT:\n      return z.coerce.string()\n    case ColumnTypeEnum.LARGETEXT:\n      return z.coerce.string()\n    case ColumnTypeEnum.USERID:\n      return integerSchema\n    case ColumnTypeEnum.EVALUATIONID:\n      return integerSchema\n    case ColumnTypeEnum.SUBMISSIONID:\n      return integerSchema\n    case ColumnTypeEnum.JSON:\n      return z.string().refine(v => {\n        try {\n          JSON.parse(v)\n          return true\n        } catch (e) {\n          return false\n        }\n      })\n    default:\n      console.warn(`No validator for column type ${columnType}`)\n      return z.any()\n  }\n}\n"],"mappings":";;;;;;;;AAQA,IAAM,IAAgC,EAAE,OAAO,EAAE,WAAW,GAAM,MAAQ;CACxE,IAAI;EACF,IAAM,IAAS,KAAK,MAAM,CAAI;EAO9B,OANK,MAAM,QAAQ,CAAM,KACvB,EAAI,SAAS;GACX,MAAM,EAAE,aAAa;GACrB,SAAS;EACX,CAAC,GAEI;CACT,QAAY;EACV,EAAI,SAAS;GACX,MAAM,EAAE,aAAa;GACrB,SAAS;EACX,CAAC;CACH;CACA,OAAO;AACT,CAAC;AAED,SAAwB,EACtB,GACY;CACZ,IAAI,EAAW,SAAS,OAAO,GAAG;EAChC,IAAM,IAAa,EACjB,EAAW,QAAQ,SAAS,EAAE,CAChC;EACA,OAAO,EAAE,MAAM,CACb,EAAE,MAAM,CAAU,GAElB,EAA8B,KAAK,EAAE,MAAM,CAAU,CAAC,CACxD,CAAC;CACH;CAEA,QAAQ,GAAR;EACE,KAAK,EAAe,QAClB,OAAO,EAAE,OAAO,OAAO;EACzB,KAAK,EAAe,SAClB,OAAO;EACT,KAAK,EAAe,SAClB,OAAO;EACT,KAAK,EAAe,QAClB,OAAO;EACT,KAAK,EAAe,MAClB,OAAO;EACT,KAAK,EAAe,cAClB,OAAO;EACT,KAAK,EAAe,UAClB,OAAO;EACT,KAAK,EAAe,MAClB,OAAO,EAAE,OAAO,OAAO;EACzB,KAAK,EAAe,YAClB,OAAO,EAAE,OAAO,OAAO;EACzB,KAAK,EAAe,WAClB,OAAO,EAAE,OAAO,OAAO;EACzB,KAAK,EAAe,QAClB,OAAO;EACT,KAAK,EAAe,cAClB,OAAO;EACT,KAAK,EAAe,cAClB,OAAO;EACT,KAAK,EAAe,MAClB,OAAO,EAAE,OAAO,EAAE,QAAO,MAAK;GAC5B,IAAI;IAEF,OADA,KAAK,MAAM,CAAC,GACL;GACT,QAAY;IACV,OAAO;GACT;EACF,CAAC;EACH,SAEE,OADA,QAAQ,KAAK,gCAAgC,GAAY,GAClD,EAAE,IAAI;CACjB;AACF"}

package/dist/components/TableFeedCards/TableFeedCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFeedCards.js","names":[],"sources":["../../../src/components/TableFeedCards/TableFeedCards.tsx"],"sourcesContent":["import LargeButton from '@/components/styled/LargeButton'\nimport SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  QueryBundleRequest,\n  RowSet,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useEffect, useState } from 'react'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type TableFeedCardsProps = {\n  tableEntityId: string\n}\n\nfunction TableFeedCards({ tableEntityId }: TableFeedCardsProps) {\n  const { accessToken } = useSynapseContext()\n  const [rowSet, setRowSet] = useState<RowSet>()\n  const [itemCountShowing, setItemCountShowing] = useState<number>(3)\n\n  let mounted = true\n  useEffect(() => {\n    const executeQuery = () => {\n      if (mounted) {\n        if (rowSet) {\n          return\n        }\n        const request: QueryBundleRequest = {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n          query: {\n            sql: `SELECT \"categories\", \"date\", \"title\", \"mdDescription\" FROM ${tableEntityId} ORDER BY \"date\" desc`,\n          },\n          entityId: tableEntityId,\n          partMask: SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n        }\n        SynapseClient.getQueryTableResults(request, accessToken).then(data => {\n          setRowSet(data.queryResult?.queryResults)\n        })\n      }\n    }\n    executeQuery()\n    return () => {\n      mounted = false\n    }\n  }, [tableEntityId, accessToken])\n\n  if (!rowSet) {\n    return loadingScreen\n  }\n  const headers: SelectColumn[] = rowSet.headers\n  const categoriesColIndex = headers.findIndex(col => col.name === 'categories')\n  const dateColIndex = headers.findIndex(col => col.name === 'date')\n  const titleColIndex = headers.findIndex(col => col.name === 'title')\n  const descriptionColIndex = headers.findIndex(\n    col => col.name === 'mdDescription',\n  )\n\n  return (\n    <div className=\"Feed\">\n      <div className=\"FeedItems\">\n        {rowSet.rows.map((row, index) => {\n          if (index > itemCountShowing - 1) {\n            return\n          }\n          const values = row.values as string[]\n          if (values.some(value => value === null)) {\n            console.warn('Row has null value(s) when no nulls expected')\n          }\n          const categoriesList = JSON.parse(values[categoriesColIndex])\n          const dateStringTimestamp = values[dateColIndex]\n          const title = values[titleColIndex]\n          const description = values[descriptionColIndex]\n\n          return (\n            <div className=\"FeedItem\" key={`row-${index}`}>\n              <div>\n                {categoriesList && (\n                  <div className=\"FeedItemCategories\">\n                    {(categoriesList as string[]).map(\n                      (categoryName: string, categoryIndex) => {\n                        return (\n                          <div\n                            key={`row-${index},categoryIndex-${categoryIndex}`}\n                            className=\"FeedItemCategory\"\n                          >\n                            {categoryName}\n                          </div>\n                        )\n                      },\n                    )}\n                  </div>\n                )}\n                <p className=\"FeedItemDate\">\n                  {dayjs(new Date(parseInt(dateStringTimestamp))).format(\n                    'MMMM YYYY',\n                  )}\n                </p>\n                <p className=\"FeedItemTitle\">{title}</p>\n                <div className=\"FeedItemDescription\">\n                  <MarkdownSynapse markdown={description} />\n                </div>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n      {rowSet.rows.length > itemCountShowing && (\n        <div className=\"FeedViewAllNewsButtonContainer\">\n          <LargeButton\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={() => setItemCountShowing(itemCountShowing + 3)}\n          >\n            View More News\n          </LargeButton>\n        </div>\n      )}\n    </div>\n  )\n}\nexport default TableFeedCards\n"],"mappings":";;;;;;;;;;;AAkBA,SAAS,EAAe,EAAE,oBAAsC;CAC9D,IAAM,EAAE,mBAAgB,GAAmB,EACrC,CAAC,GAAQ,KAAa,GAAkB,EACxC,CAAC,GAAkB,KAAuB,EAAiB,EAAE,EAE/D,IAAU;AA2Bd,KA1BA,gBAC6B;AACzB,MAAI,GAAS;AACX,OAAI,EACF;GAEF,IAAM,IAA8B;IAClC,cACE;IACF,OAAO,EACL,KAAK,8DAA8D,EAAc,wBAClF;IACD,UAAU;IACV,UAAU;IACX;AACD,KAAc,qBAAqB,GAAS,EAAY,CAAC,MAAK,MAAQ;AACpE,MAAU,EAAK,aAAa,aAAa;KACzC;;KAGQ,QACD;AACX,MAAU;KAEX,CAAC,GAAe,EAAY,CAAC,EAE5B,CAAC,EACH,QAAO;CAET,IAAM,IAA0B,EAAO,SACjC,IAAqB,EAAQ,WAAU,MAAO,EAAI,SAAS,aAAa,EACxE,IAAe,EAAQ,WAAU,MAAO,EAAI,SAAS,OAAO,EAC5D,IAAgB,EAAQ,WAAU,MAAO,EAAI,SAAS,QAAQ,EAC9D,IAAsB,EAAQ,WAClC,MAAO,EAAI,SAAS,gBACrB;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO,KAAK,KAAK,GAAK,MAAU;AAC/B,QAAI,IAAQ,IAAmB,EAC7B;IAEF,IAAM,IAAS,EAAI;AACnB,IAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KAAK,+CAA+C;IAE9D,IAAM,IAAiB,KAAK,MAAM,EAAO,GAAoB,EACvD,IAAsB,EAAO,IAC7B,IAAQ,EAAO,IACf,IAAc,EAAO;AAE3B,WACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD,EAAA,UAAA;MACG,KACC,kBAAC,OAAD;OAAK,WAAU;iBACX,EAA4B,KAC3B,GAAsB,MAEnB,kBAAC,OAAD;QAEE,WAAU;kBAET;QACG,EAJC,OAAO,EAAM,iBAAiB,IAI/B,CAGX;OACG,CAAA;MAER,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAM,IAAI,KAAK,SAAS,EAAoB,CAAC,CAAC,CAAC,OAC9C,YACD;OACC,CAAA;MACJ,kBAAC,KAAD;OAAG,WAAU;iBAAiB;OAAU,CAAA;MACxC,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAiB,UAAU,GAAe,CAAA;OACtC,CAAA;MACF,EAAA,CAAA;KACF,EA5ByB,OAAO,IA4BhC;KAER;GACE,CAAA,EACL,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,OAAM;IACN,SAAQ;IACR,eAAe,EAAoB,IAAmB,EAAE;cACzD;IAEa,CAAA;GACV,CAAA,CAEJ"}
+{"version":3,"file":"TableFeedCards.js","names":[],"sources":["../../../src/components/TableFeedCards/TableFeedCards.tsx"],"sourcesContent":["import LargeButton from '@/components/styled/LargeButton'\nimport SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  QueryBundleRequest,\n  RowSet,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useEffect, useState } from 'react'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type TableFeedCardsProps = {\n  tableEntityId: string\n}\n\nfunction TableFeedCards({ tableEntityId }: TableFeedCardsProps) {\n  const { accessToken } = useSynapseContext()\n  const [rowSet, setRowSet] = useState<RowSet>()\n  const [itemCountShowing, setItemCountShowing] = useState<number>(3)\n\n  let mounted = true\n  useEffect(() => {\n    const executeQuery = () => {\n      if (mounted) {\n        if (rowSet) {\n          return\n        }\n        const request: QueryBundleRequest = {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n          query: {\n            sql: `SELECT \"categories\", \"date\", \"title\", \"mdDescription\" FROM ${tableEntityId} ORDER BY \"date\" desc`,\n          },\n          entityId: tableEntityId,\n          partMask: SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n        }\n        SynapseClient.getQueryTableResults(request, accessToken).then(data => {\n          setRowSet(data.queryResult?.queryResults)\n        })\n      }\n    }\n    executeQuery()\n    return () => {\n      mounted = false\n    }\n  }, [tableEntityId, accessToken])\n\n  if (!rowSet) {\n    return loadingScreen\n  }\n  const headers: SelectColumn[] = rowSet.headers\n  const categoriesColIndex = headers.findIndex(col => col.name === 'categories')\n  const dateColIndex = headers.findIndex(col => col.name === 'date')\n  const titleColIndex = headers.findIndex(col => col.name === 'title')\n  const descriptionColIndex = headers.findIndex(\n    col => col.name === 'mdDescription',\n  )\n\n  return (\n    <div className=\"Feed\">\n      <div className=\"FeedItems\">\n        {rowSet.rows.map((row, index) => {\n          if (index > itemCountShowing - 1) {\n            return\n          }\n          const values = row.values as string[]\n          if (values.some(value => value === null)) {\n            console.warn('Row has null value(s) when no nulls expected')\n          }\n          const categoriesList = JSON.parse(values[categoriesColIndex])\n          const dateStringTimestamp = values[dateColIndex]\n          const title = values[titleColIndex]\n          const description = values[descriptionColIndex]\n\n          return (\n            <div className=\"FeedItem\" key={`row-${index}`}>\n              <div>\n                {categoriesList && (\n                  <div className=\"FeedItemCategories\">\n                    {(categoriesList as string[]).map(\n                      (categoryName: string, categoryIndex) => {\n                        return (\n                          <div\n                            key={`row-${index},categoryIndex-${categoryIndex}`}\n                            className=\"FeedItemCategory\"\n                          >\n                            {categoryName}\n                          </div>\n                        )\n                      },\n                    )}\n                  </div>\n                )}\n                <p className=\"FeedItemDate\">\n                  {dayjs(new Date(parseInt(dateStringTimestamp))).format(\n                    'MMMM YYYY',\n                  )}\n                </p>\n                <p className=\"FeedItemTitle\">{title}</p>\n                <div className=\"FeedItemDescription\">\n                  <MarkdownSynapse markdown={description} />\n                </div>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n      {rowSet.rows.length > itemCountShowing && (\n        <div className=\"FeedViewAllNewsButtonContainer\">\n          <LargeButton\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={() => setItemCountShowing(itemCountShowing + 3)}\n          >\n            View More News\n          </LargeButton>\n        </div>\n      )}\n    </div>\n  )\n}\nexport default TableFeedCards\n"],"mappings":";;;;;;;;;;;AAkBA,SAAS,EAAe,EAAE,oBAAsC;CAC9D,IAAM,EAAE,mBAAgB,EAAkB,GACpC,CAAC,GAAQ,KAAa,EAAiB,GACvC,CAAC,GAAkB,KAAuB,EAAiB,CAAC,GAE9D,IAAU;CA2Bd,IA1BA,gBAC6B;EACzB,IAAI,GAAS;GACX,IAAI,GACF;GAEF,IAAM,IAA8B;IAClC,cACE;IACF,OAAO,EACL,KAAK,8DAA8D,EAAc,uBACnF;IACA,UAAU;IACV,UAAU;GACZ;GACA,EAAc,qBAAqB,GAAS,CAAW,EAAE,MAAK,MAAQ;IACpE,EAAU,EAAK,aAAa,YAAY;GAC1C,CAAC;EACH;CACF,GACa,SACA;EACX,IAAU;CACZ,IACC,CAAC,GAAe,CAAW,CAAC,GAE3B,CAAC,GACH,OAAO;CAET,IAAM,IAA0B,EAAO,SACjC,IAAqB,EAAQ,WAAU,MAAO,EAAI,SAAS,YAAY,GACvE,IAAe,EAAQ,WAAU,MAAO,EAAI,SAAS,MAAM,GAC3D,IAAgB,EAAQ,WAAU,MAAO,EAAI,SAAS,OAAO,GAC7D,IAAsB,EAAQ,WAClC,MAAO,EAAI,SAAS,eACtB;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO,KAAK,KAAK,GAAK,MAAU;IAC/B,IAAI,IAAQ,IAAmB,GAC7B;IAEF,IAAM,IAAS,EAAI;IACnB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;IAE7D,IAAM,IAAiB,KAAK,MAAM,EAAO,EAAmB,GACtD,IAAsB,EAAO,IAC7B,IAAQ,EAAO,IACf,IAAc,EAAO;IAE3B,OACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD,EAAA,UAAA;MACG,KACC,kBAAC,OAAD;OAAK,WAAU;iBACX,EAA4B,KAC3B,GAAsB,MAEnB,kBAAC,OAAD;QAEE,WAAU;kBAET;OACE,GAJE,OAAO,EAAM,iBAAiB,GAIhC,CAGX;MACG,CAAA;MAEP,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAM,IAAI,KAAK,SAAS,CAAmB,CAAC,CAAC,EAAE,OAC9C,WACF;MACC,CAAA;MACH,kBAAC,KAAD;OAAG,WAAU;iBAAiB;MAAS,CAAA;MACvC,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAiB,UAAU,EAAc,CAAA;MACtC,CAAA;KACF,EAAA,CAAA;IACF,GA5B0B,OAAO,GA4BjC;GAET,CAAC;EACE,CAAA,GACJ,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,OAAM;IACN,SAAQ;IACR,eAAe,EAAoB,IAAmB,CAAC;cACxD;GAEY,CAAA;EACV,CAAA,CAEJ;;AAET"}

package/dist/components/TanStackTable/ColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeader.js","names":[],"sources":["../../../src/components/TanStackTable/ColumnHeader.tsx"],"sourcesContent":["import { HeaderContext } from '@tanstack/react-table'\nimport { Box, IconButton, Tooltip } from '@mui/material'\nimport { HelpTwoTone } from '@mui/icons-material'\nimport IconSvg from '../IconSvg'\nimport { ReactNode, useCallback } from 'react'\nimport { ColumnHeaderEnumFilter } from './ColumnHeaderEnumFilter'\n\ntype ColumnHeaderProps = {\n  title?: string\n  helpText?: ReactNode\n  additionalButtons?: ReactNode\n  wrap?: boolean\n\n  // TODO: Replace with props that can be passed to a reusable filter control\n  filterControl?: ReactNode\n}\n\n/**\n * Styled table column header component for use with @tanstack/react-table, with extra optional props for additional\n * UI features\n */\nexport default function ColumnHeader<TData = unknown, TValue = unknown>(\n  props: ColumnHeaderProps & HeaderContext<TData, TValue>,\n) {\n  const {\n    column,\n    title = props.column.id,\n    wrap = false,\n    helpText,\n    filterControl: filterControlFromProps,\n    additionalButtons,\n  } = props\n\n  const getFilterControl = useCallback(() => {\n    if (filterControlFromProps) {\n      return filterControlFromProps\n    }\n    if (column.getCanFilter()) {\n      if (column.columnDef.meta?.filterVariant === 'enumeration') {\n        return <ColumnHeaderEnumFilter column={column} title={title} />\n      }\n      // As needed, extend ColumnMeta.filterVariant to support other types of filters\n      console.warn(\n        `column.getCanFilter() was true for column ID: ${column.id} but no filterControlFromProps was passed and component for filterVariant: ${column.columnDef.meta?.filterVariant} is not implemented`,\n      )\n    }\n    return <></>\n  }, [column, filterControlFromProps, title])\n\n  const filterControl = getFilterControl()\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignContent: 'center',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        overflow: 'hidden',\n        minWidth: 0,\n      }}\n    >\n      <span\n        style={{\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: wrap ? 'pre-wrap' : 'nowrap',\n          minWidth: 0,\n        }}\n        title={title}\n      >\n        {title}\n      </span>\n      <Box\n        role={'menubar'}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          height: '22px',\n          ml: 2,\n          gap: 0.25,\n        }}\n      >\n        {helpText && (\n          <Tooltip title={helpText} placement={'top'}>\n            <IconButton size={'small'}>\n              <HelpTwoTone fontSize={'inherit'} />\n            </IconButton>\n          </Tooltip>\n        )}\n        {column.getCanFilter() && filterControl}\n        {column.getCanSort() && (\n          <Tooltip title={`Sort by ${title}`} placement={'top'}>\n            <IconButton\n              role=\"button\"\n              size={'small'}\n              aria-label={`Sort by ${title}`}\n              tabIndex={0}\n              onKeyPress={() => column.toggleSorting()}\n              onClick={() => column.toggleSorting()}\n            >\n              <IconSvg\n                icon={column.getIsSorted() === 'asc' ? 'sortUp' : 'sortDown'}\n                wrap={false}\n                sx={{\n                  color: column.getIsSorted() ? 'primary.main' : 'grey.700',\n                  backgroundColor: 'none',\n                }}\n              />\n            </IconButton>\n          </Tooltip>\n        )}\n        {additionalButtons}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAqBA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,WACA,WAAQ,EAAM,OAAO,IACrB,UAAO,IACP,aACA,eAAe,GACf,yBACE,GAkBE,IAhBmB,QAAkB;AACzC,MAAI,EACF,QAAO;AAET,MAAI,EAAO,cAAc,EAAE;AACzB,OAAI,EAAO,UAAU,MAAM,kBAAkB,cAC3C,QAAO,kBAAC,GAAD;IAAgC;IAAe;IAAS,CAAA;AAGjE,WAAQ,KACN,iDAAiD,EAAO,GAAG,6EAA6E,EAAO,UAAU,MAAM,cAAc,qBAC9K;;AAEH,SAAO,kBAAA,GAAA,EAAK,CAAA;IACX;EAAC;EAAQ;EAAwB;EAAM,CAEpB,EAAkB;AAExC,QACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,cAAc;GACd,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,UAAU;GACX;YARH,CAUE,kBAAC,QAAD;GACE,OAAO;IACL,UAAU;IACV,cAAc;IACd,YAAY,IAAO,aAAa;IAChC,UAAU;IACX;GACM;aAEN;GACI,CAAA,EACP,kBAAC,GAAD;GACE,MAAM;GACN,IAAI;IACF,SAAS;IACT,YAAY;IACZ,QAAQ;IACR,IAAI;IACJ,KAAK;IACN;aARH;IAUG,KACC,kBAAC,GAAD;KAAS,OAAO;KAAU,WAAW;eACnC,kBAAC,GAAD;MAAY,MAAM;gBAChB,kBAAC,GAAD,EAAa,UAAU,WAAa,CAAA;MACzB,CAAA;KACL,CAAA;IAEX,EAAO,cAAc,IAAI;IACzB,EAAO,YAAY,IAClB,kBAAC,GAAD;KAAS,OAAO,WAAW;KAAS,WAAW;eAC7C,kBAAC,GAAD;MACE,MAAK;MACL,MAAM;MACN,cAAY,WAAW;MACvB,UAAU;MACV,kBAAkB,EAAO,eAAe;MACxC,eAAe,EAAO,eAAe;gBAErC,kBAAC,GAAD;OACE,MAAM,EAAO,aAAa,KAAK,QAAQ,WAAW;OAClD,MAAM;OACN,IAAI;QACF,OAAO,EAAO,aAAa,GAAG,iBAAiB;QAC/C,iBAAiB;QAClB;OACD,CAAA;MACS,CAAA;KACL,CAAA;IAEX;IACG;KACF"}
+{"version":3,"file":"ColumnHeader.js","names":[],"sources":["../../../src/components/TanStackTable/ColumnHeader.tsx"],"sourcesContent":["import { HeaderContext } from '@tanstack/react-table'\nimport { Box, IconButton, Tooltip } from '@mui/material'\nimport { HelpTwoTone } from '@mui/icons-material'\nimport IconSvg from '../IconSvg'\nimport { ReactNode, useCallback } from 'react'\nimport { ColumnHeaderEnumFilter } from './ColumnHeaderEnumFilter'\n\ntype ColumnHeaderProps = {\n  title?: string\n  helpText?: ReactNode\n  additionalButtons?: ReactNode\n  wrap?: boolean\n\n  // TODO: Replace with props that can be passed to a reusable filter control\n  filterControl?: ReactNode\n}\n\n/**\n * Styled table column header component for use with @tanstack/react-table, with extra optional props for additional\n * UI features\n */\nexport default function ColumnHeader<TData = unknown, TValue = unknown>(\n  props: ColumnHeaderProps & HeaderContext<TData, TValue>,\n) {\n  const {\n    column,\n    title = props.column.id,\n    wrap = false,\n    helpText,\n    filterControl: filterControlFromProps,\n    additionalButtons,\n  } = props\n\n  const getFilterControl = useCallback(() => {\n    if (filterControlFromProps) {\n      return filterControlFromProps\n    }\n    if (column.getCanFilter()) {\n      if (column.columnDef.meta?.filterVariant === 'enumeration') {\n        return <ColumnHeaderEnumFilter column={column} title={title} />\n      }\n      // As needed, extend ColumnMeta.filterVariant to support other types of filters\n      console.warn(\n        `column.getCanFilter() was true for column ID: ${column.id} but no filterControlFromProps was passed and component for filterVariant: ${column.columnDef.meta?.filterVariant} is not implemented`,\n      )\n    }\n    return <></>\n  }, [column, filterControlFromProps, title])\n\n  const filterControl = getFilterControl()\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignContent: 'center',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        overflow: 'hidden',\n        minWidth: 0,\n      }}\n    >\n      <span\n        style={{\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: wrap ? 'pre-wrap' : 'nowrap',\n          minWidth: 0,\n        }}\n        title={title}\n      >\n        {title}\n      </span>\n      <Box\n        role={'menubar'}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          height: '22px',\n          ml: 2,\n          gap: 0.25,\n        }}\n      >\n        {helpText && (\n          <Tooltip title={helpText} placement={'top'}>\n            <IconButton size={'small'}>\n              <HelpTwoTone fontSize={'inherit'} />\n            </IconButton>\n          </Tooltip>\n        )}\n        {column.getCanFilter() && filterControl}\n        {column.getCanSort() && (\n          <Tooltip title={`Sort by ${title}`} placement={'top'}>\n            <IconButton\n              role=\"button\"\n              size={'small'}\n              aria-label={`Sort by ${title}`}\n              tabIndex={0}\n              onKeyPress={() => column.toggleSorting()}\n              onClick={() => column.toggleSorting()}\n            >\n              <IconSvg\n                icon={column.getIsSorted() === 'asc' ? 'sortUp' : 'sortDown'}\n                wrap={false}\n                sx={{\n                  color: column.getIsSorted() ? 'primary.main' : 'grey.700',\n                  backgroundColor: 'none',\n                }}\n              />\n            </IconButton>\n          </Tooltip>\n        )}\n        {additionalButtons}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAqBA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,WACA,WAAQ,EAAM,OAAO,IACrB,UAAO,IACP,aACA,eAAe,GACf,yBACE,GAkBE,IAhBmB,QAAkB;EACzC,IAAI,GACF,OAAO;EAET,IAAI,EAAO,aAAa,GAAG;GACzB,IAAI,EAAO,UAAU,MAAM,kBAAkB,eAC3C,OAAO,kBAAC,GAAD;IAAgC;IAAe;GAAQ,CAAA;GAGhE,QAAQ,KACN,iDAAiD,EAAO,GAAG,6EAA6E,EAAO,UAAU,MAAM,cAAc,oBAC/K;EACF;EACA,OAAO,kBAAA,GAAA,CAAI,CAAA;CACb,GAAG;EAAC;EAAQ;EAAwB;CAAK,CAEnB,EAAiB;CAEvC,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,cAAc;GACd,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,UAAU;EACZ;YARF,CAUE,kBAAC,QAAD;GACE,OAAO;IACL,UAAU;IACV,cAAc;IACd,YAAY,IAAO,aAAa;IAChC,UAAU;GACZ;GACO;aAEN;EACG,CAAA,GACN,kBAAC,GAAD;GACE,MAAM;GACN,IAAI;IACF,SAAS;IACT,YAAY;IACZ,QAAQ;IACR,IAAI;IACJ,KAAK;GACP;aARF;IAUG,KACC,kBAAC,GAAD;KAAS,OAAO;KAAU,WAAW;eACnC,kBAAC,GAAD;MAAY,MAAM;gBAChB,kBAAC,GAAD,EAAa,UAAU,UAAY,CAAA;KACzB,CAAA;IACL,CAAA;IAEV,EAAO,aAAa,KAAK;IACzB,EAAO,WAAW,KACjB,kBAAC,GAAD;KAAS,OAAO,WAAW;KAAS,WAAW;eAC7C,kBAAC,GAAD;MACE,MAAK;MACL,MAAM;MACN,cAAY,WAAW;MACvB,UAAU;MACV,kBAAkB,EAAO,cAAc;MACvC,eAAe,EAAO,cAAc;gBAEpC,kBAAC,GAAD;OACE,MAAM,EAAO,YAAY,MAAM,QAAQ,WAAW;OAClD,MAAM;OACN,IAAI;QACF,OAAO,EAAO,YAAY,IAAI,iBAAiB;QAC/C,iBAAiB;OACnB;MACD,CAAA;KACS,CAAA;IACL,CAAA;IAEV;GACE;IACF;;AAET"}

package/dist/components/TanStackTable/ColumnHeaderEnumFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaderEnumFilter.js","names":[],"sources":["../../../src/components/TanStackTable/ColumnHeaderEnumFilter.tsx"],"sourcesContent":["import { Column, RowData } from '@tanstack/react-table'\nimport { isEmpty, isEqual, noop } from 'lodash-es'\nimport { useMemo } from 'react'\nimport EnumFacetFilterUI, {\n  EnumFacetFilterUIProps,\n  RenderedFacetValue,\n} from '../widgets/query-filter/EnumFacetFilter/EnumFacetFilterUI'\n\nfunction setEnumFilterValue<TData extends RowData, TValue = unknown>(\n  column: Column<TData, TValue>,\n  newValue: TValue,\n) {\n  if (column.columnDef.meta?.enableMultipleSelect) {\n    // Append the value to the list, or create the list if it does not exist\n    column.setFilterValue((curr: TValue[] | null): TValue[] | null => {\n      if (curr) {\n        return [...curr, newValue]\n      }\n      return [newValue]\n    })\n  } else {\n    // Replace the list\n    column.setFilterValue([newValue])\n  }\n}\n\nfunction removeEnumFilterValue<TData extends RowData, TValue = unknown>(\n  column: Column<TData, TValue>,\n  valueToRemove: TValue,\n) {\n  column.setFilterValue((curr: TValue[] | null): TValue[] | null => {\n    if (curr) {\n      const newValue = [\n        ...curr.filter(currValue => !isEqual(currValue, valueToRemove)),\n      ]\n      if (!isEmpty(newValue)) {\n        return newValue\n      }\n    }\n    return null\n  })\n}\n\ntype ColumnHeaderEnumFilterProps<TData = unknown, TValue = unknown> = {\n  column: Column<TData, TValue>\n  title: string\n}\n\nfunction getMaybeFacetedUniqueValues<TValue = unknown>(\n  columnFacetedUniqueValues: Map<TValue, number>,\n): {\n  value: TValue\n  count?: number\n}[] {\n  if (columnFacetedUniqueValues) {\n    // @tanstack/table currently has no API to define a unique set of values for a column without count statistics\n    // In each instance, we manually defined a set of unique values and set the count to 0\n    const hasFacetCounts = Array.from(columnFacetedUniqueValues.values()).some(\n      v => v != 0,\n    )\n    return Array.from(columnFacetedUniqueValues.entries()).map(\n      (entry: [TValue, number]) => ({\n        value: entry[0],\n        count: hasFacetCounts ? entry[1] : undefined,\n      }),\n    )\n  }\n  return []\n}\n\n/**\n * Used to create {@link EnumFacetFilterUIProps} that can be used to create a control to filter column values based on\n * the provided @tanstack/react-table {@link Column}. The custom properties used to configure the filter should be set\n * in the column's `meta` field.\n * @param props\n * @constructor\n */\nexport function ColumnHeaderEnumFilter<TData = unknown, TValue = unknown>(\n  props: ColumnHeaderEnumFilterProps<TData, TValue>,\n) {\n  type EnumFilterValue = TValue[]\n  const { column, title } = props\n\n  const canMultiSelect = column.columnDef.meta?.enableMultipleSelect || false\n\n  const _uncheckedFilterValues = column.getFilterValue() as EnumFilterValue\n  const filterValues = useMemo(\n    () => _uncheckedFilterValues || [],\n    [_uncheckedFilterValues],\n  )\n\n  // Use the column's enumValues and filterValues to create the facet value objects used by EnumFacetFilterUI\n  const facetedUniqueValues = column.getFacetedUniqueValues() as Map<\n    TValue,\n    number\n  >\n  const transformedFilterValues: RenderedFacetValue<TValue>[] = useMemo(\n    () =>\n      getMaybeFacetedUniqueValues(facetedUniqueValues).map(\n        (facetValue): RenderedFacetValue<TValue> => {\n          let displayText: string = facetValue.value as unknown as string\n          if (column.columnDef?.meta?.getDisplayText) {\n            displayText = column.columnDef.meta.getDisplayText(facetValue.value)\n          }\n          const currentFilterValue = filterValues || []\n          const isSelected = Boolean(\n            currentFilterValue.find(\n              filterValue => filterValue === facetValue.value,\n            ),\n          )\n          return { ...facetValue, displayText, isSelected }\n        },\n      ),\n    [column, filterValues, facetedUniqueValues],\n  )\n  return (\n    <EnumFacetFilterUI\n      facetTitle={title}\n      facetValues={transformedFilterValues}\n      filterIsActive={column.getIsFiltered()}\n      containerAs={'Dropdown'}\n      dropdownType={'Icon'}\n      defaultShowAllValues={true}\n      onAddValueToSelection={newFilterValue => {\n        setEnumFilterValue(column, newFilterValue)\n      }}\n      onRemoveValueFromSelection={valueToRemove => {\n        removeEnumFilterValue(column, valueToRemove)\n      }}\n      onRemoveAllFacetSelections={() => {\n        column.setFilterValue(null)\n      }}\n      onHoverOverValue={noop}\n      canMultiSelect={canMultiSelect}\n    />\n  )\n}\n"],"mappings":";;;;;AAQA,SAAS,EACP,GACA,GACA;AACA,CAAI,EAAO,UAAU,MAAM,uBAEzB,EAAO,gBAAgB,MACjB,IACK,CAAC,GAAG,GAAM,EAAS,GAErB,CAAC,EAAS,CACjB,GAGF,EAAO,eAAe,CAAC,EAAS,CAAC;;AAIrC,SAAS,EACP,GACA,GACA;AACA,GAAO,gBAAgB,MAA2C;AAChE,MAAI,GAAM;GACR,IAAM,IAAW,CACf,GAAG,EAAK,QAAO,MAAa,CAAC,EAAQ,GAAW,EAAc,CAAC,CAChE;AACD,OAAI,CAAC,EAAQ,EAAS,CACpB,QAAO;;AAGX,SAAO;GACP;;AAQJ,SAAS,EACP,GAIE;AACF,KAAI,GAA2B;EAG7B,IAAM,IAAiB,MAAM,KAAK,EAA0B,QAAQ,CAAC,CAAC,MACpE,MAAK,KAAK,EACX;AACD,SAAO,MAAM,KAAK,EAA0B,SAAS,CAAC,CAAC,KACpD,OAA6B;GAC5B,OAAO,EAAM;GACb,OAAO,IAAiB,EAAM,KAAK,KAAA;GACpC,EACF;;AAEH,QAAO,EAAE;;AAUX,SAAgB,EACd,GACA;CAEA,IAAM,EAAE,WAAQ,aAAU,GAEpB,IAAiB,EAAO,UAAU,MAAM,wBAAwB,IAEhE,IAAyB,EAAO,gBAAgB,EAChD,IAAe,QACb,KAA0B,EAAE,EAClC,CAAC,EAAuB,CACzB,EAGK,IAAsB,EAAO,wBAAwB;AAuB3D,QACE,kBAAC,GAAD;EACE,YAAY;EACZ,aAtB0D,QAE1D,EAA4B,EAAoB,CAAC,KAC9C,MAA2C;GAC1C,IAAI,IAAsB,EAAW;AACrC,GAAI,EAAO,WAAW,MAAM,mBAC1B,IAAc,EAAO,UAAU,KAAK,eAAe,EAAW,MAAM;GAGtE,IAAM,IAAa,GADQ,KAAgB,EAAE,EAExB,MACjB,MAAe,MAAgB,EAAW,MAC3C;AAEH,UAAO;IAAE,GAAG;IAAY;IAAa;IAAY;IAEpD,EACH;GAAC;GAAQ;GAAc;GAAoB,CAK5B;EACb,gBAAgB,EAAO,eAAe;EACtC,aAAa;EACb,cAAc;EACd,sBAAsB;EACtB,wBAAuB,MAAkB;AACvC,KAAmB,GAAQ,EAAe;;EAE5C,6BAA4B,MAAiB;AAC3C,KAAsB,GAAQ,EAAc;;EAE9C,kCAAkC;AAChC,KAAO,eAAe,KAAK;;EAE7B,kBAAkB;EACF;EAChB,CAAA"}
+{"version":3,"file":"ColumnHeaderEnumFilter.js","names":[],"sources":["../../../src/components/TanStackTable/ColumnHeaderEnumFilter.tsx"],"sourcesContent":["import { Column, RowData } from '@tanstack/react-table'\nimport { isEmpty, isEqual, noop } from 'lodash-es'\nimport { useMemo } from 'react'\nimport EnumFacetFilterUI, {\n  EnumFacetFilterUIProps,\n  RenderedFacetValue,\n} from '../widgets/query-filter/EnumFacetFilter/EnumFacetFilterUI'\n\nfunction setEnumFilterValue<TData extends RowData, TValue = unknown>(\n  column: Column<TData, TValue>,\n  newValue: TValue,\n) {\n  if (column.columnDef.meta?.enableMultipleSelect) {\n    // Append the value to the list, or create the list if it does not exist\n    column.setFilterValue((curr: TValue[] | null): TValue[] | null => {\n      if (curr) {\n        return [...curr, newValue]\n      }\n      return [newValue]\n    })\n  } else {\n    // Replace the list\n    column.setFilterValue([newValue])\n  }\n}\n\nfunction removeEnumFilterValue<TData extends RowData, TValue = unknown>(\n  column: Column<TData, TValue>,\n  valueToRemove: TValue,\n) {\n  column.setFilterValue((curr: TValue[] | null): TValue[] | null => {\n    if (curr) {\n      const newValue = [\n        ...curr.filter(currValue => !isEqual(currValue, valueToRemove)),\n      ]\n      if (!isEmpty(newValue)) {\n        return newValue\n      }\n    }\n    return null\n  })\n}\n\ntype ColumnHeaderEnumFilterProps<TData = unknown, TValue = unknown> = {\n  column: Column<TData, TValue>\n  title: string\n}\n\nfunction getMaybeFacetedUniqueValues<TValue = unknown>(\n  columnFacetedUniqueValues: Map<TValue, number>,\n): {\n  value: TValue\n  count?: number\n}[] {\n  if (columnFacetedUniqueValues) {\n    // @tanstack/table currently has no API to define a unique set of values for a column without count statistics\n    // In each instance, we manually defined a set of unique values and set the count to 0\n    const hasFacetCounts = Array.from(columnFacetedUniqueValues.values()).some(\n      v => v != 0,\n    )\n    return Array.from(columnFacetedUniqueValues.entries()).map(\n      (entry: [TValue, number]) => ({\n        value: entry[0],\n        count: hasFacetCounts ? entry[1] : undefined,\n      }),\n    )\n  }\n  return []\n}\n\n/**\n * Used to create {@link EnumFacetFilterUIProps} that can be used to create a control to filter column values based on\n * the provided @tanstack/react-table {@link Column}. The custom properties used to configure the filter should be set\n * in the column's `meta` field.\n * @param props\n * @constructor\n */\nexport function ColumnHeaderEnumFilter<TData = unknown, TValue = unknown>(\n  props: ColumnHeaderEnumFilterProps<TData, TValue>,\n) {\n  type EnumFilterValue = TValue[]\n  const { column, title } = props\n\n  const canMultiSelect = column.columnDef.meta?.enableMultipleSelect || false\n\n  const _uncheckedFilterValues = column.getFilterValue() as EnumFilterValue\n  const filterValues = useMemo(\n    () => _uncheckedFilterValues || [],\n    [_uncheckedFilterValues],\n  )\n\n  // Use the column's enumValues and filterValues to create the facet value objects used by EnumFacetFilterUI\n  const facetedUniqueValues = column.getFacetedUniqueValues() as Map<\n    TValue,\n    number\n  >\n  const transformedFilterValues: RenderedFacetValue<TValue>[] = useMemo(\n    () =>\n      getMaybeFacetedUniqueValues(facetedUniqueValues).map(\n        (facetValue): RenderedFacetValue<TValue> => {\n          let displayText: string = facetValue.value as unknown as string\n          if (column.columnDef?.meta?.getDisplayText) {\n            displayText = column.columnDef.meta.getDisplayText(facetValue.value)\n          }\n          const currentFilterValue = filterValues || []\n          const isSelected = Boolean(\n            currentFilterValue.find(\n              filterValue => filterValue === facetValue.value,\n            ),\n          )\n          return { ...facetValue, displayText, isSelected }\n        },\n      ),\n    [column, filterValues, facetedUniqueValues],\n  )\n  return (\n    <EnumFacetFilterUI\n      facetTitle={title}\n      facetValues={transformedFilterValues}\n      filterIsActive={column.getIsFiltered()}\n      containerAs={'Dropdown'}\n      dropdownType={'Icon'}\n      defaultShowAllValues={true}\n      onAddValueToSelection={newFilterValue => {\n        setEnumFilterValue(column, newFilterValue)\n      }}\n      onRemoveValueFromSelection={valueToRemove => {\n        removeEnumFilterValue(column, valueToRemove)\n      }}\n      onRemoveAllFacetSelections={() => {\n        column.setFilterValue(null)\n      }}\n      onHoverOverValue={noop}\n      canMultiSelect={canMultiSelect}\n    />\n  )\n}\n"],"mappings":";;;;;AAQA,SAAS,EACP,GACA,GACA;CACA,AAAI,EAAO,UAAU,MAAM,uBAEzB,EAAO,gBAAgB,MACjB,IACK,CAAC,GAAG,GAAM,CAAQ,IAEpB,CAAC,CAAQ,CACjB,IAGD,EAAO,eAAe,CAAC,CAAQ,CAAC;AAEpC;AAEA,SAAS,EACP,GACA,GACA;CACA,EAAO,gBAAgB,MAA2C;EAChE,IAAI,GAAM;GACR,IAAM,IAAW,CACf,GAAG,EAAK,QAAO,MAAa,CAAC,EAAQ,GAAW,CAAa,CAAC,CAChE;GACA,IAAI,CAAC,EAAQ,CAAQ,GACnB,OAAO;EAEX;EACA,OAAO;CACT,CAAC;AACH;AAOA,SAAS,EACP,GAIE;CACF,IAAI,GAA2B;EAG7B,IAAM,IAAiB,MAAM,KAAK,EAA0B,OAAO,CAAC,EAAE,MACpE,MAAK,KAAK,CACZ;EACA,OAAO,MAAM,KAAK,EAA0B,QAAQ,CAAC,EAAE,KACpD,OAA6B;GAC5B,OAAO,EAAM;GACb,OAAO,IAAiB,EAAM,KAAK,KAAA;EACrC,EACF;CACF;CACA,OAAO,CAAC;AACV;AASA,SAAgB,EACd,GACA;CAEA,IAAM,EAAE,WAAQ,aAAU,GAEpB,IAAiB,EAAO,UAAU,MAAM,wBAAwB,IAEhE,IAAyB,EAAO,eAAe,GAC/C,IAAe,QACb,KAA0B,CAAC,GACjC,CAAC,CAAsB,CACzB,GAGM,IAAsB,EAAO,uBAAuB;CAuB1D,OACE,kBAAC,GAAD;EACE,YAAY;EACZ,aAtB0D,QAE1D,EAA4B,CAAmB,EAAE,KAC9C,MAA2C;GAC1C,IAAI,IAAsB,EAAW;GACrC,AAAI,EAAO,WAAW,MAAM,mBAC1B,IAAc,EAAO,UAAU,KAAK,eAAe,EAAW,KAAK;GAGrE,IAAM,IAAa,GADQ,KAAgB,CAAC,GAEvB,MACjB,MAAe,MAAgB,EAAW,KAC5C;GAEF,OAAO;IAAE,GAAG;IAAY;IAAa;GAAW;EAClD,CACF,GACF;GAAC;GAAQ;GAAc;EAAmB,CAK3B;EACb,gBAAgB,EAAO,cAAc;EACrC,aAAa;EACb,cAAc;EACd,sBAAsB;EACtB,wBAAuB,MAAkB;GACvC,EAAmB,GAAQ,CAAc;EAC3C;EACA,6BAA4B,MAAiB;GAC3C,EAAsB,GAAQ,CAAa;EAC7C;EACA,kCAAkC;GAChC,EAAO,eAAe,IAAI;EAC5B;EACA,kBAAkB;EACF;CACjB,CAAA;AAEL"}

package/dist/components/TanStackTable/StyledTanStackTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTanStackTable.js","names":[],"sources":["../../../src/components/TanStackTable/StyledTanStackTable.tsx"],"sourcesContent":["import {\n  StyledTableContainer,\n  StyledTableContainerProps,\n} from '@/components/styled/StyledTableContainer'\nimport {\n  ColumnSizingState,\n  flexRender,\n  Row,\n  Table,\n} from '@tanstack/react-table'\nimport { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { MemoizedTableBody, TableBody, TableBodyProps } from './TableBody'\nimport {\n  getColumnSizeCssVariable,\n  getCommonPinningStyles,\n  getHeaderSizeCssVariable,\n} from './TanStackTableUtils'\nimport { StyledTanStackTableSlotProps, StyledTanStackTableSlots } from './types'\n\nexport type StyledTanStackTableProps<TData = unknown, TRowType = Row<TData>> = {\n  table: Table<TData>\n  styledTableContainerProps?: StyledTableContainerProps\n  fullWidth?: boolean\n  /**\n   * When true, uses `table-layout: auto` so the browser sizes columns to fit their content.\n   * Column sizes from TanStack act as minimum widths, and columns expand to fit wider content.\n   * Resizing still works — dragging a column sets a new minimum width.\n   * Defaults to false (fixed layout).\n   */\n  autoColumnSizing?: boolean\n  slots?: StyledTanStackTableSlots<TData, TRowType>\n  slotProps?: StyledTanStackTableSlotProps<TData, TRowType>\n} & Pick<TableBodyProps<TData, TRowType>, 'rows' | 'rowTransform'>\n\n/**\n * Component that renders a styled table using @tanstack/react-table. Pass your table instance into the component and\n * it will render the table with the appropriate headers and rows.\n */\nexport default function StyledTanStackTable<\n  TData = unknown,\n  TRowType = Row<TData>,\n>(props: StyledTanStackTableProps<TData, TRowType>) {\n  const {\n    table,\n    styledTableContainerProps,\n    fullWidth = true,\n    autoColumnSizing = false,\n    slots = {},\n    slotProps = {},\n  } = props\n  const {\n    Thead = 'thead',\n    Th = 'th',\n    Table = 'table',\n    ...tableBodySlots\n  } = slots\n  const {\n    Table: tableSlotProps = {},\n    Thead: theadSlotProps = {},\n    Th: thSlotProps = {},\n    ...tableBodySlotProps\n  } = slotProps\n\n  const tableBodyProps: TableBodyProps<TData, TRowType> = {\n    table,\n    slots: tableBodySlots,\n    slotProps: tableBodySlotProps,\n    rows: props.rows!,\n    rowTransform: props.rowTransform!,\n  }\n\n  /**\n   * When autoColumnSizing is true we do a two-phase render:\n   *  1. Render with table-layout: auto and no width constraints so the browser\n   *     natively sizes each column to its content.\n   *  2. After the first paint, measure each <th> and write the real pixel widths\n   *     into TanStack's columnSizing state, then switch to table-layout: fixed.\n   *\n   * This gives content-based initial sizes while still allowing the user to drag\n   * a column narrower than its content.\n   */\n  const tableRef = useRef<HTMLTableElement>(null)\n\n  // Track what columns+visibility combination was last measured so we know when\n  // a re-measurement is needed (e.g. columns change or visibility is toggled).\n  const columnVisibility = table.getState().columnVisibility\n  const [lastMeasuredState, setLastMeasuredState] = useState<{\n    columns: typeof table.options.columns\n    columnVisibility: typeof columnVisibility\n  } | null>(null)\n\n  // hasMeasured is true when auto-sizing is disabled (nothing to do) OR when the\n  // current columns+visibility matches the last measured snapshot.\n  const hasMeasured =\n    !autoColumnSizing ||\n    (lastMeasuredState?.columns === table.options.columns &&\n      lastMeasuredState?.columnVisibility === columnVisibility)\n\n  // After the browser has laid out the auto-sized table, capture the widths and\n  // switch to fixed layout so that the user can resize below the content width.\n  // useLayoutEffect runs synchronously after DOM mutations, before the browser\n  // paints, which is required for accurate DOM measurements.\n  useLayoutEffect(() => {\n    if (!autoColumnSizing || hasMeasured || !tableRef.current) return\n\n    const ths = tableRef.current.querySelectorAll(\n      ':scope > thead > tr:first-child > th',\n    )\n    const headers = table.getFlatHeaders()\n    const newSizes: ColumnSizingState = {}\n    headers.forEach((header, i) => {\n      const th = ths[i] as HTMLElement | undefined\n      if (th) {\n        newSizes[header.column.id] = Math.ceil(th.getBoundingClientRect().width)\n      }\n    })\n    if (Object.keys(newSizes).length > 0) {\n      table.setColumnSizing(newSizes)\n      setLastMeasuredState({\n        columns: table.options.columns,\n        columnVisibility,\n      })\n    }\n  }, [autoColumnSizing, columnVisibility, hasMeasured, table])\n\n  /**\n   * Instead of calling `column.getSize()` on every render for every header\n   * and especially every data cell (very expensive),\n   * we will calculate all column sizes at once at the root table level in a useMemo\n   * and pass the column sizes down as CSS variables to the <table> element.\n   *\n   * See https://tanstack.com/table/v8/docs/guide/column-sizing#advanced-column-resizing-performance\n   */\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders()\n    const colSizes: { [key: string]: number } = {}\n    for (let i = 0; i < headers.length; i++) {\n      const header = headers[i]\n      colSizes[getHeaderSizeCssVariable(header.id)] = header.getSize()\n      colSizes[getColumnSizeCssVariable(header.column.id)] =\n        header.column.getSize()\n    }\n    return colSizes\n    // Intentionally limit the dependencies to only recompute when the column sizes change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    table.getState().columnSizingInfo,\n    table.getState().columnSizing,\n    table.getState().columnVisibility, // If a column is added, its width should be recalculated\n  ])\n\n  // Before measurement: let the browser shrink the table to content width so we\n  // can read accurate sizes. After measurement: use the exact measured total.\n  let tableWidth: string\n  if (fullWidth) {\n    tableWidth = '100%'\n  } else if (!hasMeasured) {\n    tableWidth = 'max-content'\n  } else {\n    tableWidth = `${table.getTotalSize()}px`\n  }\n\n  /* When resizing any column we will render this special memoized version of our table body */\n  const TableBodyElement = table.getState().columnSizingInfo.isResizingColumn\n    ? MemoizedTableBody\n    : TableBody\n\n  return (\n    <StyledTableContainer {...styledTableContainerProps}>\n      <Table\n        {...tableSlotProps}\n        ref={tableRef}\n        style={{\n          ...columnSizeVars,\n          // Pre-measurement: auto layout so the browser can size columns to content.\n          // Post-measurement: fixed layout so the user can resize below content width.\n          tableLayout: hasMeasured ? 'fixed' : 'auto',\n          width: tableWidth,\n          ...tableSlotProps['style'],\n        }}\n      >\n        <Thead {...theadSlotProps}>\n          {table.getHeaderGroups().map(headerGroup => {\n            return (\n              <tr key={headerGroup.id}>\n                {headerGroup.headers.map(header => (\n                  <Th\n                    key={header.id}\n                    colSpan={header.colSpan}\n                    {...thSlotProps}\n                    style={{\n                      // Pre-measurement: no width hint — let the browser size freely.\n                      // Post-measurement: exact width from the measured/resized value.\n                      ...(hasMeasured && {\n                        width: `calc(var(${getHeaderSizeCssVariable(\n                          header.id,\n                        )}) * 1px)`,\n                      }),\n                      ...getCommonPinningStyles(header.column),\n                      ...thSlotProps['style'],\n                    }}\n                  >\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )}\n                    {header.column.getCanResize() && (\n                      <div\n                        className={`resizer ${\n                          header.column.getIsResizing() ? 'isResizing' : ''\n                        }`}\n                        onMouseDown={header.getResizeHandler()}\n                        onTouchStart={header.getResizeHandler()}\n                      />\n                    )}\n                  </Th>\n                ))}\n              </tr>\n            )\n          })}\n        </Thead>\n        <TableBodyElement<TData, TRowType> {...tableBodyProps} />\n      </Table>\n    </StyledTableContainer>\n  )\n}\n"],"mappings":";;;;;;;AAsCA,SAAwB,EAGtB,GAAkD;CAClD,IAAM,EACJ,UACA,8BACA,eAAY,IACZ,sBAAmB,IACnB,WAAQ,EAAE,EACV,eAAY,EAAE,KACZ,GACE,EACJ,WAAQ,SACR,QAAK,MACL,WAAQ,SACR,GAAG,MACD,GACE,EACJ,OAAO,IAAiB,EAAE,EAC1B,OAAO,IAAiB,EAAE,EAC1B,IAAI,IAAc,EAAE,EACpB,GAAG,MACD,GAEE,IAAkD;EACtD;EACA,OAAO;EACP,WAAW;EACX,MAAM,EAAM;EACZ,cAAc,EAAM;EACrB,EAYK,IAAW,EAAyB,KAAK,EAIzC,IAAmB,EAAM,UAAU,CAAC,kBACpC,CAAC,GAAmB,KAAwB,EAGxC,KAAK,EAIT,IACJ,CAAC,KACA,GAAmB,YAAY,EAAM,QAAQ,WAC5C,GAAmB,qBAAqB;AAM5C,SAAsB;AACpB,MAAI,CAAC,KAAoB,KAAe,CAAC,EAAS,QAAS;EAE3D,IAAM,IAAM,EAAS,QAAQ,iBAC3B,uCACD,EACK,IAAU,EAAM,gBAAgB,EAChC,IAA8B,EAAE;AAOtC,EANA,EAAQ,SAAS,GAAQ,MAAM;GAC7B,IAAM,IAAK,EAAI;AACf,GAAI,MACF,EAAS,EAAO,OAAO,MAAM,KAAK,KAAK,EAAG,uBAAuB,CAAC,MAAM;IAE1E,EACE,OAAO,KAAK,EAAS,CAAC,SAAS,MACjC,EAAM,gBAAgB,EAAS,EAC/B,EAAqB;GACnB,SAAS,EAAM,QAAQ;GACvB;GACD,CAAC;IAEH;EAAC;EAAkB;EAAkB;EAAa;EAAM,CAAC;CAU5D,IAAM,IAAiB,QAAc;EACnC,IAAM,IAAU,EAAM,gBAAgB,EAChC,IAAsC,EAAE;AAC9C,OAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,KAAK;GACvC,IAAM,IAAS,EAAQ;AAEvB,GADA,EAAS,EAAyB,EAAO,GAAG,IAAI,EAAO,SAAS,EAChE,EAAS,EAAyB,EAAO,OAAO,GAAG,IACjD,EAAO,OAAO,SAAS;;AAE3B,SAAO;IAGN;EACD,EAAM,UAAU,CAAC;EACjB,EAAM,UAAU,CAAC;EACjB,EAAM,UAAU,CAAC;EAClB,CAAC,EAIE;AACJ,CAGE,IAHE,IACW,SACH,IAGG,GAAG,EAAM,cAAc,CAAC,MAFxB;CAMf,IAAM,IAAmB,EAAM,UAAU,CAAC,iBAAiB,mBACvD,IACA;AAEJ,QACE,kBAAC,GAAD;EAAsB,GAAI;YACxB,kBAAC,GAAD;GACE,GAAI;GACJ,KAAK;GACL,OAAO;IACL,GAAG;IAGH,aAAa,IAAc,UAAU;IACrC,OAAO;IACP,GAAG,EAAe;IACnB;aAVH,CAYE,kBAAC,GAAD;IAAO,GAAI;cACR,EAAM,iBAAiB,CAAC,KAAI,MAEzB,kBAAC,MAAD,EAAA,UACG,EAAY,QAAQ,KAAI,MACvB,kBAAC,GAAD;KAEE,SAAS,EAAO;KAChB,GAAI;KACJ,OAAO;MAGL,GAAI,KAAe,EACjB,OAAO,YAAY,EACjB,EAAO,GACR,CAAC,WACH;MACD,GAAG,EAAuB,EAAO,OAAO;MACxC,GAAG,EAAY;MAChB;eAdH,CAgBG,EAAO,gBACJ,OACA,EACE,EAAO,OAAO,UAAU,QACxB,EAAO,YAAY,CACpB,EACJ,EAAO,OAAO,cAAc,IAC3B,kBAAC,OAAD;MACE,WAAW,WACT,EAAO,OAAO,eAAe,GAAG,eAAe;MAEjD,aAAa,EAAO,kBAAkB;MACtC,cAAc,EAAO,kBAAkB;MACvC,CAAA,CAED;OA9BE,EAAO,GA8BT,CACL,EACC,EAnCI,EAAY,GAmChB,CAEP;IACI,CAAA,EACR,kBAAC,GAAD,EAAmC,GAAI,GAAkB,CAAA,CACnD;;EACa,CAAA"}
+{"version":3,"file":"StyledTanStackTable.js","names":[],"sources":["../../../src/components/TanStackTable/StyledTanStackTable.tsx"],"sourcesContent":["import {\n  StyledTableContainer,\n  StyledTableContainerProps,\n} from '@/components/styled/StyledTableContainer'\nimport {\n  ColumnSizingState,\n  flexRender,\n  Row,\n  Table,\n} from '@tanstack/react-table'\nimport { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { MemoizedTableBody, TableBody, TableBodyProps } from './TableBody'\nimport {\n  getColumnSizeCssVariable,\n  getCommonPinningStyles,\n  getHeaderSizeCssVariable,\n} from './TanStackTableUtils'\nimport { StyledTanStackTableSlotProps, StyledTanStackTableSlots } from './types'\n\nexport type StyledTanStackTableProps<TData = unknown, TRowType = Row<TData>> = {\n  table: Table<TData>\n  styledTableContainerProps?: StyledTableContainerProps\n  fullWidth?: boolean\n  /**\n   * When true, uses `table-layout: auto` so the browser sizes columns to fit their content.\n   * Column sizes from TanStack act as minimum widths, and columns expand to fit wider content.\n   * Resizing still works — dragging a column sets a new minimum width.\n   * Defaults to false (fixed layout).\n   */\n  autoColumnSizing?: boolean\n  slots?: StyledTanStackTableSlots<TData, TRowType>\n  slotProps?: StyledTanStackTableSlotProps<TData, TRowType>\n} & Pick<TableBodyProps<TData, TRowType>, 'rows' | 'rowTransform'>\n\n/**\n * Component that renders a styled table using @tanstack/react-table. Pass your table instance into the component and\n * it will render the table with the appropriate headers and rows.\n */\nexport default function StyledTanStackTable<\n  TData = unknown,\n  TRowType = Row<TData>,\n>(props: StyledTanStackTableProps<TData, TRowType>) {\n  const {\n    table,\n    styledTableContainerProps,\n    fullWidth = true,\n    autoColumnSizing = false,\n    slots = {},\n    slotProps = {},\n  } = props\n  const {\n    Thead = 'thead',\n    Th = 'th',\n    Table = 'table',\n    ...tableBodySlots\n  } = slots\n  const {\n    Table: tableSlotProps = {},\n    Thead: theadSlotProps = {},\n    Th: thSlotProps = {},\n    ...tableBodySlotProps\n  } = slotProps\n\n  const tableBodyProps: TableBodyProps<TData, TRowType> = {\n    table,\n    slots: tableBodySlots,\n    slotProps: tableBodySlotProps,\n    rows: props.rows!,\n    rowTransform: props.rowTransform!,\n  }\n\n  /**\n   * When autoColumnSizing is true we do a two-phase render:\n   *  1. Render with table-layout: auto and no width constraints so the browser\n   *     natively sizes each column to its content.\n   *  2. After the first paint, measure each <th> and write the real pixel widths\n   *     into TanStack's columnSizing state, then switch to table-layout: fixed.\n   *\n   * This gives content-based initial sizes while still allowing the user to drag\n   * a column narrower than its content.\n   */\n  const tableRef = useRef<HTMLTableElement>(null)\n\n  // Track what columns+visibility combination was last measured so we know when\n  // a re-measurement is needed (e.g. columns change or visibility is toggled).\n  const columnVisibility = table.getState().columnVisibility\n  const [lastMeasuredState, setLastMeasuredState] = useState<{\n    columns: typeof table.options.columns\n    columnVisibility: typeof columnVisibility\n  } | null>(null)\n\n  // hasMeasured is true when auto-sizing is disabled (nothing to do) OR when the\n  // current columns+visibility matches the last measured snapshot.\n  const hasMeasured =\n    !autoColumnSizing ||\n    (lastMeasuredState?.columns === table.options.columns &&\n      lastMeasuredState?.columnVisibility === columnVisibility)\n\n  // After the browser has laid out the auto-sized table, capture the widths and\n  // switch to fixed layout so that the user can resize below the content width.\n  // useLayoutEffect runs synchronously after DOM mutations, before the browser\n  // paints, which is required for accurate DOM measurements.\n  useLayoutEffect(() => {\n    if (!autoColumnSizing || hasMeasured || !tableRef.current) return\n\n    const ths = tableRef.current.querySelectorAll(\n      ':scope > thead > tr:first-child > th',\n    )\n    const headers = table.getFlatHeaders()\n    const newSizes: ColumnSizingState = {}\n    headers.forEach((header, i) => {\n      const th = ths[i] as HTMLElement | undefined\n      if (th) {\n        newSizes[header.column.id] = Math.ceil(th.getBoundingClientRect().width)\n      }\n    })\n    if (Object.keys(newSizes).length > 0) {\n      table.setColumnSizing(newSizes)\n      setLastMeasuredState({\n        columns: table.options.columns,\n        columnVisibility,\n      })\n    }\n  }, [autoColumnSizing, columnVisibility, hasMeasured, table])\n\n  /**\n   * Instead of calling `column.getSize()` on every render for every header\n   * and especially every data cell (very expensive),\n   * we will calculate all column sizes at once at the root table level in a useMemo\n   * and pass the column sizes down as CSS variables to the <table> element.\n   *\n   * See https://tanstack.com/table/v8/docs/guide/column-sizing#advanced-column-resizing-performance\n   */\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders()\n    const colSizes: { [key: string]: number } = {}\n    for (let i = 0; i < headers.length; i++) {\n      const header = headers[i]\n      colSizes[getHeaderSizeCssVariable(header.id)] = header.getSize()\n      colSizes[getColumnSizeCssVariable(header.column.id)] =\n        header.column.getSize()\n    }\n    return colSizes\n    // Intentionally limit the dependencies to only recompute when the column sizes change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    table.getState().columnSizingInfo,\n    table.getState().columnSizing,\n    table.getState().columnVisibility, // If a column is added, its width should be recalculated\n  ])\n\n  // Before measurement: let the browser shrink the table to content width so we\n  // can read accurate sizes. After measurement: use the exact measured total.\n  let tableWidth: string\n  if (fullWidth) {\n    tableWidth = '100%'\n  } else if (!hasMeasured) {\n    tableWidth = 'max-content'\n  } else {\n    tableWidth = `${table.getTotalSize()}px`\n  }\n\n  /* When resizing any column we will render this special memoized version of our table body */\n  const TableBodyElement = table.getState().columnSizingInfo.isResizingColumn\n    ? MemoizedTableBody\n    : TableBody\n\n  return (\n    <StyledTableContainer {...styledTableContainerProps}>\n      <Table\n        {...tableSlotProps}\n        ref={tableRef}\n        style={{\n          ...columnSizeVars,\n          // Pre-measurement: auto layout so the browser can size columns to content.\n          // Post-measurement: fixed layout so the user can resize below content width.\n          tableLayout: hasMeasured ? 'fixed' : 'auto',\n          width: tableWidth,\n          ...tableSlotProps['style'],\n        }}\n      >\n        <Thead {...theadSlotProps}>\n          {table.getHeaderGroups().map(headerGroup => {\n            return (\n              <tr key={headerGroup.id}>\n                {headerGroup.headers.map(header => (\n                  <Th\n                    key={header.id}\n                    colSpan={header.colSpan}\n                    {...thSlotProps}\n                    style={{\n                      // Pre-measurement: no width hint — let the browser size freely.\n                      // Post-measurement: exact width from the measured/resized value.\n                      ...(hasMeasured && {\n                        width: `calc(var(${getHeaderSizeCssVariable(\n                          header.id,\n                        )}) * 1px)`,\n                      }),\n                      ...getCommonPinningStyles(header.column),\n                      ...thSlotProps['style'],\n                    }}\n                  >\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )}\n                    {header.column.getCanResize() && (\n                      <div\n                        className={`resizer ${\n                          header.column.getIsResizing() ? 'isResizing' : ''\n                        }`}\n                        onMouseDown={header.getResizeHandler()}\n                        onTouchStart={header.getResizeHandler()}\n                      />\n                    )}\n                  </Th>\n                ))}\n              </tr>\n            )\n          })}\n        </Thead>\n        <TableBodyElement<TData, TRowType> {...tableBodyProps} />\n      </Table>\n    </StyledTableContainer>\n  )\n}\n"],"mappings":"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"}

package/dist/components/TanStackTable/StyledVirtualTanStackTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledVirtualTanStackTable.js","names":[],"sources":["../../../src/components/TanStackTable/StyledVirtualTanStackTable.tsx"],"sourcesContent":["import { mergeSlotProps } from '@/utils/slots/SlotUtils'\nimport { VirtualItem, Virtualizer } from '@tanstack/react-virtual'\nimport { noop } from 'lodash-es'\nimport React, { useContext } from 'react'\nimport StyledTanStackTable, {\n  StyledTanStackTableProps,\n} from './StyledTanStackTable'\n\nimport { TrProps } from './types'\n\ntype StyledVirtualTanStackTableProps<T = unknown> = Omit<\n  StyledTanStackTableProps<T, VirtualItem>,\n  'slots' | 'rows' | 'rowTransform'\n> & {\n  rowVirtualizer: Virtualizer<any, any>\n  onTableContainerScroll?: (target: EventTarget) => void\n}\n\n// Context to pass the row virtualizer to the Tr component\nconst RowVirtualizerContext = React.createContext<\n  Virtualizer<any, any> | undefined\n>(undefined)\n\n/**\n * A table row component modified to be used with @tanstack/react-virtual.\n */\nexport function VirtualizedTr<TData = unknown>(\n  props: TrProps<TData, VirtualItem>,\n) {\n  const { row: virtualItem, tableRow: _tableRow, ...rest } = props\n  const rowVirtualizer = useContext(RowVirtualizerContext)\n  return (\n    <tr\n      data-index={virtualItem.index} // needed for dynamic row height measurement\n      ref={node => rowVirtualizer?.measureElement(node)} //measure dynamic row height\n      {...rest}\n      style={{\n        ...rest.style,\n        display: 'flex',\n        position: 'absolute',\n        transform: `translateY(${virtualItem.start}px)`, //this should always be a `style` as it changes on scroll\n        width: '100%',\n        alignItems: 'center',\n      }}\n    />\n  )\n}\n\n/**\n * Stylized table component that is compatible with @tanstack/react-table and @tanstack/react-virtual to display a\n * virtualized table, i.e. a table that uses a virtualizer to only render the DOM nodes that contain data that is visible\n * within the viewport. For cases where the table rows do not need to be virtualized, use {@link StyledTanStackTable}.\n */\nexport default function StyledVirtualTanStackTable<T = unknown>(\n  props: StyledVirtualTanStackTableProps<T>,\n) {\n  const {\n    table,\n    styledTableContainerProps,\n    fullWidth = true,\n    rowVirtualizer,\n    slotProps = {},\n    onTableContainerScroll = noop,\n  } = props\n\n  const virtualRows = rowVirtualizer.getVirtualItems()\n\n  return (\n    <RowVirtualizerContext.Provider value={rowVirtualizer}>\n      <StyledTanStackTable<T, VirtualItem>\n        table={table}\n        rows={virtualRows}\n        rowTransform={row => table.getRowModel().rows[row.index]}\n        fullWidth={fullWidth}\n        styledTableContainerProps={{\n          noStripedRows: true,\n          ...styledTableContainerProps,\n          style: {\n            overflow: 'auto', //our scrollable table container\n            position: 'relative', //needed for sticky header\n            ...styledTableContainerProps?.style,\n          },\n          sx: {\n            'thead > tr': {\n              display: 'flex',\n              width: '100%',\n            },\n          },\n          onScroll: e => onTableContainerScroll(e.target),\n        }}\n        {...styledTableContainerProps}\n        slots={{\n          Tr: VirtualizedTr,\n        }}\n        slotProps={mergeSlotProps(slotProps, {\n          Table: {\n            style: {\n              display: 'grid',\n            },\n          },\n          Thead: {\n            style: {\n              display: 'grid',\n              position: 'sticky',\n              top: 0,\n              zIndex: 1,\n            },\n          },\n          Th: {\n            style: {\n              display: 'flex',\n            },\n          },\n          Tbody: {\n            style: {\n              display: 'grid',\n              height: `${rowVirtualizer.getTotalSize()}px`, //tells scrollbar how big the table is\n              position: 'relative', //needed for absolute positioning of rows\n            },\n          },\n        })}\n      />\n    </RowVirtualizerContext.Provider>\n  )\n}\n"],"mappings":";;;;;;AAmBA,IAAM,IAAwB,EAAM,cAElC,KAAA,EAAU;AAKZ,SAAgB,EACd,GACA;CACA,IAAM,EAAE,KAAK,GAAa,UAAU,GAAW,GAAG,MAAS,GACrD,IAAiB,EAAW,EAAsB;AACxD,QACE,kBAAC,MAAD;EACE,cAAY,EAAY;EACxB,MAAK,MAAQ,GAAgB,eAAe,EAAK;EACjD,GAAI;EACJ,OAAO;GACL,GAAG,EAAK;GACR,SAAS;GACT,UAAU;GACV,WAAW,cAAc,EAAY,MAAM;GAC3C,OAAO;GACP,YAAY;GACb;EACD,CAAA;;AASN,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,UACA,8BACA,eAAY,IACZ,mBACA,eAAY,EAAE,EACd,4BAAyB,MACvB,GAEE,IAAc,EAAe,iBAAiB;AAEpD,QACE,kBAAC,EAAsB,UAAvB;EAAgC,OAAO;YACrC,kBAAC,GAAD;GACS;GACP,MAAM;GACN,eAAc,MAAO,EAAM,aAAa,CAAC,KAAK,EAAI;GACvC;GACX,2BAA2B;IACzB,eAAe;IACf,GAAG;IACH,OAAO;KACL,UAAU;KACV,UAAU;KACV,GAAG,GAA2B;KAC/B;IACD,IAAI,EACF,cAAc;KACZ,SAAS;KACT,OAAO;KACR,EACF;IACD,WAAU,MAAK,EAAuB,EAAE,OAAO;IAChD;GACD,GAAI;GACJ,OAAO,EACL,IAAI,GACL;GACD,WAAW,EAAe,GAAW;IACnC,OAAO,EACL,OAAO,EACL,SAAS,QACV,EACF;IACD,OAAO,EACL,OAAO;KACL,SAAS;KACT,UAAU;KACV,KAAK;KACL,QAAQ;KACT,EACF;IACD,IAAI,EACF,OAAO,EACL,SAAS,QACV,EACF;IACD,OAAO,EACL,OAAO;KACL,SAAS;KACT,QAAQ,GAAG,EAAe,cAAc,CAAC;KACzC,UAAU;KACX,EACF;IACF,CAAC;GACF,CAAA;EAC6B,CAAA"}
+{"version":3,"file":"StyledVirtualTanStackTable.js","names":[],"sources":["../../../src/components/TanStackTable/StyledVirtualTanStackTable.tsx"],"sourcesContent":["import { mergeSlotProps } from '@/utils/slots/SlotUtils'\nimport { VirtualItem, Virtualizer } from '@tanstack/react-virtual'\nimport { noop } from 'lodash-es'\nimport React, { useContext } from 'react'\nimport StyledTanStackTable, {\n  StyledTanStackTableProps,\n} from './StyledTanStackTable'\n\nimport { TrProps } from './types'\n\ntype StyledVirtualTanStackTableProps<T = unknown> = Omit<\n  StyledTanStackTableProps<T, VirtualItem>,\n  'slots' | 'rows' | 'rowTransform'\n> & {\n  rowVirtualizer: Virtualizer<any, any>\n  onTableContainerScroll?: (target: EventTarget) => void\n}\n\n// Context to pass the row virtualizer to the Tr component\nconst RowVirtualizerContext = React.createContext<\n  Virtualizer<any, any> | undefined\n>(undefined)\n\n/**\n * A table row component modified to be used with @tanstack/react-virtual.\n */\nexport function VirtualizedTr<TData = unknown>(\n  props: TrProps<TData, VirtualItem>,\n) {\n  const { row: virtualItem, tableRow: _tableRow, ...rest } = props\n  const rowVirtualizer = useContext(RowVirtualizerContext)\n  return (\n    <tr\n      data-index={virtualItem.index} // needed for dynamic row height measurement\n      ref={node => rowVirtualizer?.measureElement(node)} //measure dynamic row height\n      {...rest}\n      style={{\n        ...rest.style,\n        display: 'flex',\n        position: 'absolute',\n        transform: `translateY(${virtualItem.start}px)`, //this should always be a `style` as it changes on scroll\n        width: '100%',\n        alignItems: 'center',\n      }}\n    />\n  )\n}\n\n/**\n * Stylized table component that is compatible with @tanstack/react-table and @tanstack/react-virtual to display a\n * virtualized table, i.e. a table that uses a virtualizer to only render the DOM nodes that contain data that is visible\n * within the viewport. For cases where the table rows do not need to be virtualized, use {@link StyledTanStackTable}.\n */\nexport default function StyledVirtualTanStackTable<T = unknown>(\n  props: StyledVirtualTanStackTableProps<T>,\n) {\n  const {\n    table,\n    styledTableContainerProps,\n    fullWidth = true,\n    rowVirtualizer,\n    slotProps = {},\n    onTableContainerScroll = noop,\n  } = props\n\n  const virtualRows = rowVirtualizer.getVirtualItems()\n\n  return (\n    <RowVirtualizerContext.Provider value={rowVirtualizer}>\n      <StyledTanStackTable<T, VirtualItem>\n        table={table}\n        rows={virtualRows}\n        rowTransform={row => table.getRowModel().rows[row.index]}\n        fullWidth={fullWidth}\n        styledTableContainerProps={{\n          noStripedRows: true,\n          ...styledTableContainerProps,\n          style: {\n            overflow: 'auto', //our scrollable table container\n            position: 'relative', //needed for sticky header\n            ...styledTableContainerProps?.style,\n          },\n          sx: {\n            'thead > tr': {\n              display: 'flex',\n              width: '100%',\n            },\n          },\n          onScroll: e => onTableContainerScroll(e.target),\n        }}\n        {...styledTableContainerProps}\n        slots={{\n          Tr: VirtualizedTr,\n        }}\n        slotProps={mergeSlotProps(slotProps, {\n          Table: {\n            style: {\n              display: 'grid',\n            },\n          },\n          Thead: {\n            style: {\n              display: 'grid',\n              position: 'sticky',\n              top: 0,\n              zIndex: 1,\n            },\n          },\n          Th: {\n            style: {\n              display: 'flex',\n            },\n          },\n          Tbody: {\n            style: {\n              display: 'grid',\n              height: `${rowVirtualizer.getTotalSize()}px`, //tells scrollbar how big the table is\n              position: 'relative', //needed for absolute positioning of rows\n            },\n          },\n        })}\n      />\n    </RowVirtualizerContext.Provider>\n  )\n}\n"],"mappings":";;;;;;AAmBA,IAAM,IAAwB,EAAM,cAElC,KAAA,CAAS;AAKX,SAAgB,EACd,GACA;CACA,IAAM,EAAE,KAAK,GAAa,UAAU,GAAW,GAAG,MAAS,GACrD,IAAiB,EAAW,CAAqB;CACvD,OACE,kBAAC,MAAD;EACE,cAAY,EAAY;EACxB,MAAK,MAAQ,GAAgB,eAAe,CAAI;EAChD,GAAI;EACJ,OAAO;GACL,GAAG,EAAK;GACR,SAAS;GACT,UAAU;GACV,WAAW,cAAc,EAAY,MAAM;GAC3C,OAAO;GACP,YAAY;EACd;CACD,CAAA;AAEL;AAOA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,UACA,8BACA,eAAY,IACZ,mBACA,eAAY,CAAC,GACb,4BAAyB,MACvB,GAEE,IAAc,EAAe,gBAAgB;CAEnD,OACE,kBAAC,EAAsB,UAAvB;EAAgC,OAAO;YACrC,kBAAC,GAAD;GACS;GACP,MAAM;GACN,eAAc,MAAO,EAAM,YAAY,EAAE,KAAK,EAAI;GACvC;GACX,2BAA2B;IACzB,eAAe;IACf,GAAG;IACH,OAAO;KACL,UAAU;KACV,UAAU;KACV,GAAG,GAA2B;IAChC;IACA,IAAI,EACF,cAAc;KACZ,SAAS;KACT,OAAO;IACT,EACF;IACA,WAAU,MAAK,EAAuB,EAAE,MAAM;GAChD;GACA,GAAI;GACJ,OAAO,EACL,IAAI,EACN;GACA,WAAW,EAAe,GAAW;IACnC,OAAO,EACL,OAAO,EACL,SAAS,OACX,EACF;IACA,OAAO,EACL,OAAO;KACL,SAAS;KACT,UAAU;KACV,KAAK;KACL,QAAQ;IACV,EACF;IACA,IAAI,EACF,OAAO,EACL,SAAS,OACX,EACF;IACA,OAAO,EACL,OAAO;KACL,SAAS;KACT,QAAQ,GAAG,EAAe,aAAa,EAAE;KACzC,UAAU;IACZ,EACF;GACF,CAAC;EACF,CAAA;CAC6B,CAAA;AAEpC"}

package/dist/components/TanStackTable/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/TanStackTable/TableBody.tsx"],"sourcesContent":["import { getSlotProps } from '@/utils/slots/SlotUtils'\nimport { styled } from '@mui/material'\nimport { Row, Table } from '@tanstack/react-table'\nimport { identity } from 'lodash-es'\nimport { memo } from 'react'\nimport { TableCellRenderer as DefaultTableCellRenderer } from './TableCellRenderer'\nimport {\n  TableBodyPropsRowOverride,\n  TableBodySlotProps,\n  TableBodySlots,\n  TrOwnerState,\n} from './types'\n\n// Simple wrapper around 'tr' to prevent forwarding invalid HTML attributes\nconst TableRow = styled('tr', {\n  shouldForwardProp: prop => prop !== 'row' && prop !== 'tableRow',\n})({})\n\nexport type TableBodyProps<TData = unknown, TRowType = Row<TData>> = {\n  /** The table instance */\n  table: Table<TData>\n  slots?: TableBodySlots<TData, TRowType>\n  slotProps?: TableBodySlotProps<TData, TRowType>\n} & TableBodyPropsRowOverride<TData, TRowType>\n\n/**\n * A table body component for use with @tanstack/react-table. This component renders the rows of the table.\n * @param props\n * @constructor\n */\nexport function TableBody<TData = unknown, TRowType = Row<TData>>(\n  props: TableBodyProps<TData, TRowType>,\n) {\n  const { table, slots = {}, slotProps = {} } = props\n\n  // By default, use TanStack Table Rows and the identity function as a transform.\n  // This can be overridden e.g. to accomplish row virtualization.\n  const {\n    rows = table.getRowModel().rows as TRowType[],\n    rowTransform = identity,\n  } = props\n\n  const {\n    Tbody = 'tbody',\n    Tr = TableRow,\n    TableCellRenderer = DefaultTableCellRenderer<TData>,\n  } = slots\n  const { Tbody: tbodySlotProps = {}, Tr: _trSlotProps = {} } = slotProps\n\n  return (\n    <Tbody {...tbodySlotProps}>\n      {rows.map((row, index) => {\n        const tableRow: Row<TData> | undefined = rowTransform(row)\n\n        const trOwnerState: TrOwnerState<TData, TRowType> = { row, tableRow }\n        const trSlotProps = getSlotProps(_trSlotProps, trOwnerState)\n\n        let mergedClassNames = trSlotProps.className ?? ''\n        if (table.options.meta?.getRowClassNames) {\n          mergedClassNames =\n            `${mergedClassNames} ${table.options.meta.getRowClassNames(\n              row,\n            )}`.trim()\n        }\n\n        return (\n          <Tr\n            key={tableRow?.id ?? index}\n            {...trSlotProps}\n            row={row}\n            tableRow={tableRow}\n            className={mergedClassNames}\n          >\n            {tableRow?.getVisibleCells().map((props, index) => (\n              <TableCellRenderer key={index} {...props} />\n            ))}\n          </Tr>\n        )\n      })}\n    </Tbody>\n  )\n}\n\n// special memoized wrapper for our table body that we will use during column resizing\n// see https://tanstack.com/table/v8/docs/guide/column-sizing#advanced-column-resizing-performance\nexport const MemoizedTableBody = memo(TableBody, (prev, next) => {\n  return prev.table.options.data === next.table.options.data\n}) as typeof TableBody\n"],"mappings":";;;;;;;AAcA,IAAM,IAAW,EAAO,MAAM,EAC5B,oBAAmB,MAAQ,MAAS,SAAS,MAAS,YACvD,CAAC,CAAC,EAAE,CAAC;AAcN,SAAgB,EACd,GACA;CACA,IAAM,EAAE,UAAO,WAAQ,EAAE,EAAE,eAAY,EAAE,KAAK,GAIxC,EACJ,UAAO,EAAM,aAAa,CAAC,MAC3B,kBAAe,MACb,GAEE,EACJ,WAAQ,SACR,QAAK,GACL,mBAAA,IAAoB,MAClB,GACE,EAAE,OAAO,IAAiB,EAAE,EAAE,IAAI,IAAe,EAAE,KAAK;AAE9D,QACE,kBAAC,GAAD;EAAO,GAAI;YACR,EAAK,KAAK,GAAK,MAAU;GACxB,IAAM,IAAmC,EAAa,EAAI,EAGpD,IAAc,EAAa,GAAc;IADO;IAAK;IACZ,CAAa,EAExD,IAAmB,EAAY,aAAa;AAQhD,UAPI,EAAM,QAAQ,MAAM,qBACtB,IACE,GAAG,EAAiB,GAAG,EAAM,QAAQ,KAAK,iBACxC,EACD,GAAG,MAAM,GAIZ,kBAAC,GAAD;IAEE,GAAI;IACC;IACK;IACV,WAAW;cAEV,GAAU,iBAAiB,CAAC,KAAK,GAAO,MACvC,kBAAC,GAAD,EAA+B,GAAI,GAAS,EAApB,EAAoB,CAC5C;IACC,EATE,GAAU,MAAM,EASlB;IAEP;EACI,CAAA;;AAMZ,IAAa,IAAoB,EAAK,IAAY,GAAM,MAC/C,EAAK,MAAM,QAAQ,SAAS,EAAK,MAAM,QAAQ,KACtD"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/TanStackTable/TableBody.tsx"],"sourcesContent":["import { getSlotProps } from '@/utils/slots/SlotUtils'\nimport { styled } from '@mui/material'\nimport { Row, Table } from '@tanstack/react-table'\nimport { identity } from 'lodash-es'\nimport { memo } from 'react'\nimport { TableCellRenderer as DefaultTableCellRenderer } from './TableCellRenderer'\nimport {\n  TableBodyPropsRowOverride,\n  TableBodySlotProps,\n  TableBodySlots,\n  TrOwnerState,\n} from './types'\n\n// Simple wrapper around 'tr' to prevent forwarding invalid HTML attributes\nconst TableRow = styled('tr', {\n  shouldForwardProp: prop => prop !== 'row' && prop !== 'tableRow',\n})({})\n\nexport type TableBodyProps<TData = unknown, TRowType = Row<TData>> = {\n  /** The table instance */\n  table: Table<TData>\n  slots?: TableBodySlots<TData, TRowType>\n  slotProps?: TableBodySlotProps<TData, TRowType>\n} & TableBodyPropsRowOverride<TData, TRowType>\n\n/**\n * A table body component for use with @tanstack/react-table. This component renders the rows of the table.\n * @param props\n * @constructor\n */\nexport function TableBody<TData = unknown, TRowType = Row<TData>>(\n  props: TableBodyProps<TData, TRowType>,\n) {\n  const { table, slots = {}, slotProps = {} } = props\n\n  // By default, use TanStack Table Rows and the identity function as a transform.\n  // This can be overridden e.g. to accomplish row virtualization.\n  const {\n    rows = table.getRowModel().rows as TRowType[],\n    rowTransform = identity,\n  } = props\n\n  const {\n    Tbody = 'tbody',\n    Tr = TableRow,\n    TableCellRenderer = DefaultTableCellRenderer<TData>,\n  } = slots\n  const { Tbody: tbodySlotProps = {}, Tr: _trSlotProps = {} } = slotProps\n\n  return (\n    <Tbody {...tbodySlotProps}>\n      {rows.map((row, index) => {\n        const tableRow: Row<TData> | undefined = rowTransform(row)\n\n        const trOwnerState: TrOwnerState<TData, TRowType> = { row, tableRow }\n        const trSlotProps = getSlotProps(_trSlotProps, trOwnerState)\n\n        let mergedClassNames = trSlotProps.className ?? ''\n        if (table.options.meta?.getRowClassNames) {\n          mergedClassNames =\n            `${mergedClassNames} ${table.options.meta.getRowClassNames(\n              row,\n            )}`.trim()\n        }\n\n        return (\n          <Tr\n            key={tableRow?.id ?? index}\n            {...trSlotProps}\n            row={row}\n            tableRow={tableRow}\n            className={mergedClassNames}\n          >\n            {tableRow?.getVisibleCells().map((props, index) => (\n              <TableCellRenderer key={index} {...props} />\n            ))}\n          </Tr>\n        )\n      })}\n    </Tbody>\n  )\n}\n\n// special memoized wrapper for our table body that we will use during column resizing\n// see https://tanstack.com/table/v8/docs/guide/column-sizing#advanced-column-resizing-performance\nexport const MemoizedTableBody = memo(TableBody, (prev, next) => {\n  return prev.table.options.data === next.table.options.data\n}) as typeof TableBody\n"],"mappings":";;;;;;;AAcA,IAAM,IAAW,EAAO,MAAM,EAC5B,oBAAmB,MAAQ,MAAS,SAAS,MAAS,WACxD,CAAC,EAAE,CAAC,CAAC;AAcL,SAAgB,EACd,GACA;CACA,IAAM,EAAE,UAAO,WAAQ,CAAC,GAAG,eAAY,CAAC,MAAM,GAIxC,EACJ,UAAO,EAAM,YAAY,EAAE,MAC3B,kBAAe,MACb,GAEE,EACJ,WAAQ,SACR,QAAK,GACL,mBAAA,IAAoB,MAClB,GACE,EAAE,OAAO,IAAiB,CAAC,GAAG,IAAI,IAAe,CAAC,MAAM;CAE9D,OACE,kBAAC,GAAD;EAAO,GAAI;YACR,EAAK,KAAK,GAAK,MAAU;GACxB,IAAM,IAAmC,EAAa,CAAG,GAGnD,IAAc,EAAa,GAAc;IADO;IAAK;GACZ,CAAY,GAEvD,IAAmB,EAAY,aAAa;GAQhD,OAPI,EAAM,QAAQ,MAAM,qBACtB,IACE,GAAG,EAAiB,GAAG,EAAM,QAAQ,KAAK,iBACxC,CACF,IAAI,KAAK,IAIX,kBAAC,GAAD;IAEE,GAAI;IACC;IACK;IACV,WAAW;cAEV,GAAU,gBAAgB,EAAE,KAAK,GAAO,MACvC,kBAAC,GAAD,EAA+B,GAAI,EAAQ,GAAnB,CAAmB,CAC5C;GACC,GATG,GAAU,MAAM,CASnB;EAER,CAAC;CACI,CAAA;AAEX;AAIA,IAAa,IAAoB,EAAK,IAAY,GAAM,MAC/C,EAAK,MAAM,QAAQ,SAAS,EAAK,MAAM,QAAQ,IACvD"}

package/dist/components/TanStackTable/TableCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCellRenderer.js","names":[],"sources":["../../../src/components/TanStackTable/TableCellRenderer.tsx"],"sourcesContent":["import { Skeleton } from '@mui/material'\nimport { Cell, flexRender } from '@tanstack/react-table'\nimport ExpandableTableDataCell from '../SynapseTable/ExpandableTableDataCell'\nimport {\n  getColumnSizeCssVariable,\n  getCommonPinningStyles,\n} from './TanStackTableUtils'\n\nexport function TableCellRenderer<T = unknown>(cell: Cell<T, unknown>) {\n  const getWrapInExpandableTd =\n    cell.getContext().table.options.meta?.getWrapInExpandableTd\n  const wrapInExpandableTd =\n    getWrapInExpandableTd && getWrapInExpandableTd(cell)\n  const TableDataCellElement = wrapInExpandableTd\n    ? ExpandableTableDataCell\n    : 'td'\n\n  const renderPlaceholderData =\n    cell.getContext().table.options.meta?.renderPlaceholderData\n\n  return (\n    <TableDataCellElement\n      key={cell.id}\n      style={{\n        width: `calc(var(${getColumnSizeCssVariable(cell.column.id)}) * 1px)`,\n        textAlign: cell.column.columnDef.meta?.textAlign,\n        ...getCommonPinningStyles(cell.column),\n      }}\n    >\n      {renderPlaceholderData ? (\n        <p>\n          <Skeleton width={'80%'} height={'20px'} />\n        </p>\n      ) : (\n        flexRender(cell.column.columnDef.cell, cell.getContext())\n      )}\n    </TableDataCellElement>\n  )\n}\n"],"mappings":";;;;;;AAQA,SAAgB,EAA+B,GAAwB;CACrE,IAAM,IACJ,EAAK,YAAY,CAAC,MAAM,QAAQ,MAAM,uBAGlC,IADJ,KAAyB,EAAsB,EAAK,GAElD,IACA,MAEE,IACJ,EAAK,YAAY,CAAC,MAAM,QAAQ,MAAM;AAExC,QACE,kBAAC,GAAD;EAEE,OAAO;GACL,OAAO,YAAY,EAAyB,EAAK,OAAO,GAAG,CAAC;GAC5D,WAAW,EAAK,OAAO,UAAU,MAAM;GACvC,GAAG,EAAuB,EAAK,OAAO;GACvC;YAEA,IACC,kBAAC,KAAD,EAAA,UACE,kBAAC,GAAD;GAAU,OAAO;GAAO,QAAQ;GAAU,CAAA,EACxC,CAAA,GAEJ,EAAW,EAAK,OAAO,UAAU,MAAM,EAAK,YAAY,CAAC;EAEtC,EAdhB,EAAK,GAcW"}
+{"version":3,"file":"TableCellRenderer.js","names":[],"sources":["../../../src/components/TanStackTable/TableCellRenderer.tsx"],"sourcesContent":["import { Skeleton } from '@mui/material'\nimport { Cell, flexRender } from '@tanstack/react-table'\nimport ExpandableTableDataCell from '../SynapseTable/ExpandableTableDataCell'\nimport {\n  getColumnSizeCssVariable,\n  getCommonPinningStyles,\n} from './TanStackTableUtils'\n\nexport function TableCellRenderer<T = unknown>(cell: Cell<T, unknown>) {\n  const getWrapInExpandableTd =\n    cell.getContext().table.options.meta?.getWrapInExpandableTd\n  const wrapInExpandableTd =\n    getWrapInExpandableTd && getWrapInExpandableTd(cell)\n  const TableDataCellElement = wrapInExpandableTd\n    ? ExpandableTableDataCell\n    : 'td'\n\n  const renderPlaceholderData =\n    cell.getContext().table.options.meta?.renderPlaceholderData\n\n  return (\n    <TableDataCellElement\n      key={cell.id}\n      style={{\n        width: `calc(var(${getColumnSizeCssVariable(cell.column.id)}) * 1px)`,\n        textAlign: cell.column.columnDef.meta?.textAlign,\n        ...getCommonPinningStyles(cell.column),\n      }}\n    >\n      {renderPlaceholderData ? (\n        <p>\n          <Skeleton width={'80%'} height={'20px'} />\n        </p>\n      ) : (\n        flexRender(cell.column.columnDef.cell, cell.getContext())\n      )}\n    </TableDataCellElement>\n  )\n}\n"],"mappings":";;;;;;AAQA,SAAgB,EAA+B,GAAwB;CACrE,IAAM,IACJ,EAAK,WAAW,EAAE,MAAM,QAAQ,MAAM,uBAGlC,IADJ,KAAyB,EAAsB,CAAI,IAEjD,IACA,MAEE,IACJ,EAAK,WAAW,EAAE,MAAM,QAAQ,MAAM;CAExC,OACE,kBAAC,GAAD;EAEE,OAAO;GACL,OAAO,YAAY,EAAyB,EAAK,OAAO,EAAE,EAAE;GAC5D,WAAW,EAAK,OAAO,UAAU,MAAM;GACvC,GAAG,EAAuB,EAAK,MAAM;EACvC;YAEC,IACC,kBAAC,KAAD,EAAA,UACE,kBAAC,GAAD;GAAU,OAAO;GAAO,QAAQ;EAAS,CAAA,EACxC,CAAA,IAEH,EAAW,EAAK,OAAO,UAAU,MAAM,EAAK,WAAW,CAAC;CAEtC,GAdf,EAAK,EAcU;AAE1B"}

package/dist/components/TanStackTable/TanStackTableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"TanStackTableUtils.js","names":[],"sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { CSSProperties } from 'react'\n\nexport function getColumnSizeCssVariable(columnId: string) {\n  return `--col-${columnId}-size`\n}\n\nexport function getHeaderSizeCssVariable(headerId: string) {\n  return `--header-${headerId}-size`\n}\n\n// Styles for column pinning, retrieved from TanStack docs examples with very minor modifications\n// See https://tanstack.com/table/v8/docs/framework/react/examples/column-pinning-sticky\nexport function getCommonPinningStyles(column: Column<any>): CSSProperties {\n  const isPinned = column.getIsPinned()\n  const isLastLeftPinnedColumn =\n    isPinned === 'left' && column.getIsLastColumn('left')\n  const isFirstRightPinnedColumn =\n    isPinned === 'right' && column.getIsFirstColumn('right')\n\n  return {\n    background: isPinned ? 'inherit' : undefined,\n    boxShadow: isLastLeftPinnedColumn\n      ? '-4px 0 4px -4px gray inset'\n      : isFirstRightPinnedColumn\n        ? '4px 0 4px -4px gray inset'\n        : undefined,\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    opacity: isPinned ? 0.95 : 1,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    zIndex: isPinned ? 1 : 0,\n  }\n}\n"],"mappings":";AAGA,SAAgB,EAAyB,GAAkB;AACzD,QAAO,SAAS,EAAS;;AAG3B,SAAgB,EAAyB,GAAkB;AACzD,QAAO,YAAY,EAAS;;AAK9B,SAAgB,EAAuB,GAAoC;CACzE,IAAM,IAAW,EAAO,aAAa,EAC/B,IACJ,MAAa,UAAU,EAAO,gBAAgB,OAAO,EACjD,IACJ,MAAa,WAAW,EAAO,iBAAiB,QAAQ;AAE1D,QAAO;EACL,YAAY,IAAW,YAAY,KAAA;EACnC,WAAW,IACP,+BACA,IACE,8BACA,KAAA;EACN,MAAM,MAAa,SAAS,GAAG,EAAO,SAAS,OAAO,CAAC,MAAM,KAAA;EAC7D,OAAO,MAAa,UAAU,GAAG,EAAO,SAAS,QAAQ,CAAC,MAAM,KAAA;EAChE,SAAS,IAAW,MAAO;EAC3B,UAAU,IAAW,WAAW;EAChC,OAAO,EAAO,SAAS;EACvB,QAAQ;EACT"}
+{"version":3,"file":"TanStackTableUtils.js","names":[],"sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { CSSProperties } from 'react'\n\nexport function getColumnSizeCssVariable(columnId: string) {\n  return `--col-${columnId}-size`\n}\n\nexport function getHeaderSizeCssVariable(headerId: string) {\n  return `--header-${headerId}-size`\n}\n\n// Styles for column pinning, retrieved from TanStack docs examples with very minor modifications\n// See https://tanstack.com/table/v8/docs/framework/react/examples/column-pinning-sticky\nexport function getCommonPinningStyles(column: Column<any>): CSSProperties {\n  const isPinned = column.getIsPinned()\n  const isLastLeftPinnedColumn =\n    isPinned === 'left' && column.getIsLastColumn('left')\n  const isFirstRightPinnedColumn =\n    isPinned === 'right' && column.getIsFirstColumn('right')\n\n  return {\n    background: isPinned ? 'inherit' : undefined,\n    boxShadow: isLastLeftPinnedColumn\n      ? '-4px 0 4px -4px gray inset'\n      : isFirstRightPinnedColumn\n        ? '4px 0 4px -4px gray inset'\n        : undefined,\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    opacity: isPinned ? 0.95 : 1,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    zIndex: isPinned ? 1 : 0,\n  }\n}\n"],"mappings":";AAGA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,SAAS,EAAS;AAC3B;AAEA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,YAAY,EAAS;AAC9B;AAIA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,IAAW,EAAO,YAAY,GAC9B,IACJ,MAAa,UAAU,EAAO,gBAAgB,MAAM,GAChD,IACJ,MAAa,WAAW,EAAO,iBAAiB,OAAO;CAEzD,OAAO;EACL,YAAY,IAAW,YAAY,KAAA;EACnC,WAAW,IACP,+BACA,IACE,8BACA,KAAA;EACN,MAAM,MAAa,SAAS,GAAG,EAAO,SAAS,MAAM,EAAE,MAAM,KAAA;EAC7D,OAAO,MAAa,UAAU,GAAG,EAAO,SAAS,OAAO,EAAE,MAAM,KAAA;EAChE,SAAS,IAAW,MAAO;EAC3B,UAAU,IAAW,WAAW;EAChC,OAAO,EAAO,QAAQ;EACtB,QAAQ;CACV;AACF"}

package/dist/components/TeamBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamBadge.js","names":[],"sources":["../../src/components/TeamBadge.tsx"],"sourcesContent":["import { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Link } from '@mui/material'\nimport { useUserOrTeam } from './UserOrTeamBadge/useUserOrTeam'\n\nexport const AUTHENTICATED_GROUP_DISPLAY_TEXT = 'All registered Synapse users'\nexport const PUBLIC_GROUP_DISPLAY_TEXT = 'Anyone on the web'\n\nexport type TeamBadgeProps = {\n  teamId: string | number\n  teamName: string\n  disableHref?: boolean\n  openLinkInNewTab?: boolean\n}\n\nexport default function TeamBadge(props: TeamBadgeProps) {\n  const { teamId, openLinkInNewTab } = props\n  let { teamName, disableHref } = props\n\n  const { specialGroupType, IconComponent } = useUserOrTeam(String(teamId))\n\n  if (specialGroupType === 'authenticatedUsers') {\n    teamName = AUTHENTICATED_GROUP_DISPLAY_TEXT\n    disableHref = true\n  } else if (specialGroupType === 'publicGroup') {\n    teamName = PUBLIC_GROUP_DISPLAY_TEXT\n    disableHref = true\n  }\n\n  const Tag = disableHref ? 'span' : Link\n\n  return (\n    <Box\n      component={'span'}\n      sx={{\n        display: 'inline-flex',\n        alignItems: 'center',\n      }}\n    >\n      <IconComponent />\n      <Tag\n        style={{ marginLeft: '5px' }}\n        href={\n          disableHref\n            ? undefined\n            : `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Team:${teamId}`\n        }\n        target={openLinkInNewTab ? '_blank' : ''}\n      >\n        {teamName}\n      </Tag>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAIA,IAAa,IAAmC,gCACnC,IAA4B;AASzC,SAAwB,EAAU,GAAuB;CACvD,IAAM,EAAE,WAAQ,wBAAqB,GACjC,EAAE,aAAU,mBAAgB,GAE1B,EAAE,qBAAkB,qBAAkB,EAAc,OAAO,EAAO,CAAC;AAYzE,QAVI,MAAqB,wBACvB,IAAW,GACX,IAAc,MACL,MAAqB,kBAC9B,IAAW,GACX,IAAc,KAMd,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,YAAY;GACb;YALH,CAOE,kBAAC,GAAD,EAAiB,CAAA,EACjB,kBAXQ,IAAc,SAAS,GAW/B;GACE,OAAO,EAAE,YAAY,OAAO;GAC5B,MACE,IACI,KAAA,IACA,GAAG,EAA2B,OAAO,OAAO;GAElD,QAAQ,IAAmB,WAAW;aAErC;GACG,CAAA,CACF"}
+{"version":3,"file":"TeamBadge.js","names":[],"sources":["../../src/components/TeamBadge.tsx"],"sourcesContent":["import { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Link } from '@mui/material'\nimport { useUserOrTeam } from './UserOrTeamBadge/useUserOrTeam'\n\nexport const AUTHENTICATED_GROUP_DISPLAY_TEXT = 'All registered Synapse users'\nexport const PUBLIC_GROUP_DISPLAY_TEXT = 'Anyone on the web'\n\nexport type TeamBadgeProps = {\n  teamId: string | number\n  teamName: string\n  disableHref?: boolean\n  openLinkInNewTab?: boolean\n}\n\nexport default function TeamBadge(props: TeamBadgeProps) {\n  const { teamId, openLinkInNewTab } = props\n  let { teamName, disableHref } = props\n\n  const { specialGroupType, IconComponent } = useUserOrTeam(String(teamId))\n\n  if (specialGroupType === 'authenticatedUsers') {\n    teamName = AUTHENTICATED_GROUP_DISPLAY_TEXT\n    disableHref = true\n  } else if (specialGroupType === 'publicGroup') {\n    teamName = PUBLIC_GROUP_DISPLAY_TEXT\n    disableHref = true\n  }\n\n  const Tag = disableHref ? 'span' : Link\n\n  return (\n    <Box\n      component={'span'}\n      sx={{\n        display: 'inline-flex',\n        alignItems: 'center',\n      }}\n    >\n      <IconComponent />\n      <Tag\n        style={{ marginLeft: '5px' }}\n        href={\n          disableHref\n            ? undefined\n            : `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Team:${teamId}`\n        }\n        target={openLinkInNewTab ? '_blank' : ''}\n      >\n        {teamName}\n      </Tag>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAIA,IAAa,IAAmC,gCACnC,IAA4B;AASzC,SAAwB,EAAU,GAAuB;CACvD,IAAM,EAAE,WAAQ,wBAAqB,GACjC,EAAE,aAAU,mBAAgB,GAE1B,EAAE,qBAAkB,qBAAkB,EAAc,OAAO,CAAM,CAAC;CAYxE,OAVI,MAAqB,wBACvB,IAAW,GACX,IAAc,MACL,MAAqB,kBAC9B,IAAW,GACX,IAAc,KAMd,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,YAAY;EACd;YALF,CAOE,kBAAC,GAAD,CAAgB,CAAA,GAChB,kBAXQ,IAAc,SAAS,GAW/B;GACE,OAAO,EAAE,YAAY,MAAM;GAC3B,MACE,IACI,KAAA,IACA,GAAG,EAA2B,OAAO,OAAO;GAElD,QAAQ,IAAmB,WAAW;aAErC;EACE,CAAA,CACF;;AAET"}

package/dist/components/TeamSubjectsSelector/TeamBadgeOrError.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamBadgeOrError.js","names":[],"sources":["../../../src/components/TeamSubjectsSelector/TeamBadgeOrError.tsx"],"sourcesContent":["import { useGetTeam } from '@/synapse-queries'\nimport { ErrorTwoTone } from '@mui/icons-material'\nimport { Skeleton, Stack, Typography } from '@mui/material'\nimport TeamBadge from '../TeamBadge'\n\nexport type TeamBadgeOrErrorProps = {\n  teamId: string\n}\n\nexport function TeamBadgeOrError(props: TeamBadgeOrErrorProps) {\n  const { teamId } = props\n\n  const { data: team, isLoading, error } = useGetTeam(teamId)\n\n  if (error) {\n    return (\n      <Stack\n        direction=\"row\"\n        role=\"alert\"\n        sx={{\n          gap: '5px',\n          alignItems: 'center',\n        }}\n      >\n        <ErrorTwoTone color=\"error\" />\n        <Typography variant=\"smallText1\" color=\"error\">\n          {error?.reason || `Error: ${teamId}`}\n        </Typography>\n      </Stack>\n    )\n  } else if (isLoading || !team) {\n    return <Skeleton width={125} height={30} />\n  }\n  return <TeamBadge teamId={team.id} teamName={team.name} />\n}\n"],"mappings":";;;;;;;AASA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,cAAW,GAEb,EAAE,MAAM,GAAM,cAAW,aAAU,EAAW,EAAO;AAqB3D,QAnBI,IAEA,kBAAC,GAAD;EACE,WAAU;EACV,MAAK;EACL,IAAI;GACF,KAAK;GACL,YAAY;GACb;YANH,CAQE,kBAAC,GAAD,EAAc,OAAM,SAAU,CAAA,EAC9B,kBAAC,GAAD;GAAY,SAAQ;GAAa,OAAM;aACpC,GAAO,UAAU,UAAU;GACjB,CAAA,CACP;MAED,KAAa,CAAC,IAChB,kBAAC,GAAD;EAAU,OAAO;EAAK,QAAQ;EAAM,CAAA,GAEtC,kBAAC,GAAD;EAAW,QAAQ,EAAK;EAAI,UAAU,EAAK;EAAQ,CAAA"}
+{"version":3,"file":"TeamBadgeOrError.js","names":[],"sources":["../../../src/components/TeamSubjectsSelector/TeamBadgeOrError.tsx"],"sourcesContent":["import { useGetTeam } from '@/synapse-queries'\nimport { ErrorTwoTone } from '@mui/icons-material'\nimport { Skeleton, Stack, Typography } from '@mui/material'\nimport TeamBadge from '../TeamBadge'\n\nexport type TeamBadgeOrErrorProps = {\n  teamId: string\n}\n\nexport function TeamBadgeOrError(props: TeamBadgeOrErrorProps) {\n  const { teamId } = props\n\n  const { data: team, isLoading, error } = useGetTeam(teamId)\n\n  if (error) {\n    return (\n      <Stack\n        direction=\"row\"\n        role=\"alert\"\n        sx={{\n          gap: '5px',\n          alignItems: 'center',\n        }}\n      >\n        <ErrorTwoTone color=\"error\" />\n        <Typography variant=\"smallText1\" color=\"error\">\n          {error?.reason || `Error: ${teamId}`}\n        </Typography>\n      </Stack>\n    )\n  } else if (isLoading || !team) {\n    return <Skeleton width={125} height={30} />\n  }\n  return <TeamBadge teamId={team.id} teamName={team.name} />\n}\n"],"mappings":";;;;;;;AASA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,cAAW,GAEb,EAAE,MAAM,GAAM,cAAW,aAAU,EAAW,CAAM;CAqB1D,OAnBI,IAEA,kBAAC,GAAD;EACE,WAAU;EACV,MAAK;EACL,IAAI;GACF,KAAK;GACL,YAAY;EACd;YANF,CAQE,kBAAC,GAAD,EAAc,OAAM,QAAS,CAAA,GAC7B,kBAAC,GAAD;GAAY,SAAQ;GAAa,OAAM;aACpC,GAAO,UAAU,UAAU;EAClB,CAAA,CACP;MAEA,KAAa,CAAC,IAChB,kBAAC,GAAD;EAAU,OAAO;EAAK,QAAQ;CAAK,CAAA,IAErC,kBAAC,GAAD;EAAW,QAAQ,EAAK;EAAI,UAAU,EAAK;CAAO,CAAA;AAC3D"}

package/dist/components/TeamSubjectsSelector/TeamSubjectsSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamSubjectsSelector.js","names":[],"sources":["../../../src/components/TeamSubjectsSelector/TeamSubjectsSelector.tsx"],"sourcesContent":["import { AddCircleTwoTone, HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  IconButton,\n  InputLabel,\n  Stack,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  RestrictableObjectDescriptor,\n  RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg'\nimport { TeamBadgeOrError } from './TeamBadgeOrError'\n\nexport type TeamSubjectsSelectorProps = {\n  // will be filtered to only team subjects\n  subjects: RestrictableObjectDescriptor[]\n  onUpdate: (subjects: RestrictableObjectDescriptor[]) => void\n  onUpdateTeamIDsTextbox?: (value: string) => void // called when the team IDs text box is updated\n}\n\nexport const TEAM_ALREADY_SELECTED = (teamId: string) =>\n  `Team ${teamId} has already been added to this AR.`\nexport const TEAM_PARSING_ERROR = (teamId: string) =>\n  `Parsing errors encountered. Invalid Team ID: ${teamId}`\nexport const NO_TEAMS_SELECTED = 'No teams selected.'\nexport const REMOVE_TEXT = 'Remove from Access Requirement'\nexport const HELP_TEXT = 'Enter Team IDs (i.e. 123, 456)'\nconst teamIdsStringDefault = ''\n\nfunction TeamSubjectsSelector(props: TeamSubjectsSelectorProps) {\n  const { subjects, onUpdate, onUpdateTeamIDsTextbox = noop } = props\n  const [teamIdsString, setTeamIdsString] =\n    useState<string>(teamIdsStringDefault)\n  const [error, setError] = useState<string | null>(null)\n\n  const teamSubjects = useMemo(() => {\n    return subjects.filter(subject => {\n      return subject.type === RestrictableObjectType.TEAM ? subject : null\n    })\n  }, [subjects])\n\n  const onChangeTeamIdsTextbox = (value: string) => {\n    setTeamIdsString(value)\n    onUpdateTeamIDsTextbox(value)\n  }\n\n  const onRemove = (subjectId: string) => {\n    const updatedSubjects = teamSubjects.filter(subject => {\n      return subject.id !== subjectId\n    })\n    onUpdate(updatedSubjects)\n  }\n\n  const onAddTeams = (teamIdsString: string | null) => {\n    const teamIds = teamIdsString?.split(',').map(item => item.trim())\n    const dedupedTeamIds = [...new Set(teamIds)]\n    if (dedupedTeamIds && dedupedTeamIds.length > 0) {\n      const updatedTeamSubjects = [...teamSubjects]\n      for (const teamId of dedupedTeamIds) {\n        const validId = /^\\d+$/.test(teamId)\n        const alreadyAdded = teamSubjects.some(subject => subject.id === teamId)\n        if (!validId) {\n          setError(TEAM_PARSING_ERROR(teamId))\n          return\n        } else if (alreadyAdded) {\n          setError(TEAM_ALREADY_SELECTED(teamId))\n          return\n        } else {\n          const newSubject: RestrictableObjectDescriptor = {\n            id: teamId,\n            type: RestrictableObjectType.TEAM,\n          }\n          updatedTeamSubjects.push(newSubject)\n        }\n      }\n      onChangeTeamIdsTextbox(teamIdsStringDefault)\n      onUpdate(updatedTeamSubjects)\n    }\n    setError(null)\n  }\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '0px 15px',\n          pb: '10px',\n        }}\n      >\n        {teamSubjects.length === 0 && (\n          <Typography\n            variant=\"body1Italic\"\n            sx={{\n              pb: 2,\n            }}\n          >\n            {NO_TEAMS_SELECTED}\n          </Typography>\n        )}\n        {teamSubjects.map(subject => {\n          return (\n            <Stack\n              key={subject.id}\n              direction=\"row\"\n              data-testid=\"selected-team\"\n              sx={{\n                alignItems: 'center',\n                pb: 1,\n              }}\n            >\n              <TeamBadgeOrError teamId={subject.id} />\n              <IconButton\n                aria-label={REMOVE_TEXT}\n                onClick={() => onRemove(subject.id)}\n                sx={{\n                  '&:hover': {\n                    color: 'error.main',\n                  },\n                }}\n              >\n                <IconSvg icon={'delete'} fontSize={'inherit'} wrap={false} />\n              </IconButton>\n            </Stack>\n          )\n        })}\n      </Box>\n      <InputLabel htmlFor=\"teamIDs\">Add Team IDs</InputLabel>\n      <Stack\n        direction=\"row\"\n        sx={{\n          gap: 1,\n          alignItems: 'center',\n          mb: 2,\n        }}\n      >\n        <TextField\n          id=\"teamIDs\"\n          name=\"teamIDs\"\n          placeholder={HELP_TEXT}\n          value={teamIdsString}\n          onChange={event => onChangeTeamIdsTextbox(event.target.value)}\n          fullWidth\n        />\n        <Button\n          startIcon={<AddCircleTwoTone />}\n          variant=\"outlined\"\n          sx={{ flexShrink: 0, height: '53px' }}\n          onClick={() => onAddTeams(teamIdsString)}\n          disabled={teamIdsString === ''}\n        >\n          Add Teams\n        </Button>\n        <Tooltip title={HELP_TEXT} placement=\"right\">\n          <HelpOutlineTwoTone sx={{ color: 'grey.600' }} />\n        </Tooltip>\n      </Stack>\n      {error && <Alert severity=\"warning\">{error}</Alert>}\n    </>\n  )\n}\n\nexport default TeamSubjectsSelector\n"],"mappings":"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"}
+{"version":3,"file":"TeamSubjectsSelector.js","names":[],"sources":["../../../src/components/TeamSubjectsSelector/TeamSubjectsSelector.tsx"],"sourcesContent":["import { AddCircleTwoTone, HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  IconButton,\n  InputLabel,\n  Stack,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  RestrictableObjectDescriptor,\n  RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg'\nimport { TeamBadgeOrError } from './TeamBadgeOrError'\n\nexport type TeamSubjectsSelectorProps = {\n  // will be filtered to only team subjects\n  subjects: RestrictableObjectDescriptor[]\n  onUpdate: (subjects: RestrictableObjectDescriptor[]) => void\n  onUpdateTeamIDsTextbox?: (value: string) => void // called when the team IDs text box is updated\n}\n\nexport const TEAM_ALREADY_SELECTED = (teamId: string) =>\n  `Team ${teamId} has already been added to this AR.`\nexport const TEAM_PARSING_ERROR = (teamId: string) =>\n  `Parsing errors encountered. Invalid Team ID: ${teamId}`\nexport const NO_TEAMS_SELECTED = 'No teams selected.'\nexport const REMOVE_TEXT = 'Remove from Access Requirement'\nexport const HELP_TEXT = 'Enter Team IDs (i.e. 123, 456)'\nconst teamIdsStringDefault = ''\n\nfunction TeamSubjectsSelector(props: TeamSubjectsSelectorProps) {\n  const { subjects, onUpdate, onUpdateTeamIDsTextbox = noop } = props\n  const [teamIdsString, setTeamIdsString] =\n    useState<string>(teamIdsStringDefault)\n  const [error, setError] = useState<string | null>(null)\n\n  const teamSubjects = useMemo(() => {\n    return subjects.filter(subject => {\n      return subject.type === RestrictableObjectType.TEAM ? subject : null\n    })\n  }, [subjects])\n\n  const onChangeTeamIdsTextbox = (value: string) => {\n    setTeamIdsString(value)\n    onUpdateTeamIDsTextbox(value)\n  }\n\n  const onRemove = (subjectId: string) => {\n    const updatedSubjects = teamSubjects.filter(subject => {\n      return subject.id !== subjectId\n    })\n    onUpdate(updatedSubjects)\n  }\n\n  const onAddTeams = (teamIdsString: string | null) => {\n    const teamIds = teamIdsString?.split(',').map(item => item.trim())\n    const dedupedTeamIds = [...new Set(teamIds)]\n    if (dedupedTeamIds && dedupedTeamIds.length > 0) {\n      const updatedTeamSubjects = [...teamSubjects]\n      for (const teamId of dedupedTeamIds) {\n        const validId = /^\\d+$/.test(teamId)\n        const alreadyAdded = teamSubjects.some(subject => subject.id === teamId)\n        if (!validId) {\n          setError(TEAM_PARSING_ERROR(teamId))\n          return\n        } else if (alreadyAdded) {\n          setError(TEAM_ALREADY_SELECTED(teamId))\n          return\n        } else {\n          const newSubject: RestrictableObjectDescriptor = {\n            id: teamId,\n            type: RestrictableObjectType.TEAM,\n          }\n          updatedTeamSubjects.push(newSubject)\n        }\n      }\n      onChangeTeamIdsTextbox(teamIdsStringDefault)\n      onUpdate(updatedTeamSubjects)\n    }\n    setError(null)\n  }\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '0px 15px',\n          pb: '10px',\n        }}\n      >\n        {teamSubjects.length === 0 && (\n          <Typography\n            variant=\"body1Italic\"\n            sx={{\n              pb: 2,\n            }}\n          >\n            {NO_TEAMS_SELECTED}\n          </Typography>\n        )}\n        {teamSubjects.map(subject => {\n          return (\n            <Stack\n              key={subject.id}\n              direction=\"row\"\n              data-testid=\"selected-team\"\n              sx={{\n                alignItems: 'center',\n                pb: 1,\n              }}\n            >\n              <TeamBadgeOrError teamId={subject.id} />\n              <IconButton\n                aria-label={REMOVE_TEXT}\n                onClick={() => onRemove(subject.id)}\n                sx={{\n                  '&:hover': {\n                    color: 'error.main',\n                  },\n                }}\n              >\n                <IconSvg icon={'delete'} fontSize={'inherit'} wrap={false} />\n              </IconButton>\n            </Stack>\n          )\n        })}\n      </Box>\n      <InputLabel htmlFor=\"teamIDs\">Add Team IDs</InputLabel>\n      <Stack\n        direction=\"row\"\n        sx={{\n          gap: 1,\n          alignItems: 'center',\n          mb: 2,\n        }}\n      >\n        <TextField\n          id=\"teamIDs\"\n          name=\"teamIDs\"\n          placeholder={HELP_TEXT}\n          value={teamIdsString}\n          onChange={event => onChangeTeamIdsTextbox(event.target.value)}\n          fullWidth\n        />\n        <Button\n          startIcon={<AddCircleTwoTone />}\n          variant=\"outlined\"\n          sx={{ flexShrink: 0, height: '53px' }}\n          onClick={() => onAddTeams(teamIdsString)}\n          disabled={teamIdsString === ''}\n        >\n          Add Teams\n        </Button>\n        <Tooltip title={HELP_TEXT} placement=\"right\">\n          <HelpOutlineTwoTone sx={{ color: 'grey.600' }} />\n        </Tooltip>\n      </Stack>\n      {error && <Alert severity=\"warning\">{error}</Alert>}\n    </>\n  )\n}\n\nexport default TeamSubjectsSelector\n"],"mappings":"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"}

package/dist/components/TemplateComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateComponent.js","names":[],"sources":["../../src/components/TemplateComponent.tsx"],"sourcesContent":["import { useState } from 'react'\n\ntype Props = {\n  userId: string\n}\n\nexport default function TemplateComponent({ userId }: Props) {\n  const [count, setCount] = useState<number>(0)\n\n  return (\n    <div>\n      <button\n        style={{ backgroundColor: 'blue', color: 'white' }}\n        onClick={() => setCount(count + 1)}\n      >\n        Click to increment count!\n      </button>\n      <p> Count = {count} </p>\n\n      <p> Passed in userId = {userId} </p>\n    </div>\n  )\n}\n"],"mappings":";;;AAMA,SAAwB,EAAkB,EAAE,aAAiB;CAC3D,IAAM,CAAC,GAAO,KAAY,EAAiB,EAAE;AAE7C,QACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,UAAD;GACE,OAAO;IAAE,iBAAiB;IAAQ,OAAO;IAAS;GAClD,eAAe,EAAS,IAAQ,EAAE;aACnC;GAEQ,CAAA;EACT,kBAAC,KAAD,EAAA,UAAA;GAAG;GAAU;GAAM;GAAK,EAAA,CAAA;EAExB,kBAAC,KAAD,EAAA,UAAA;GAAG;GAAqB;GAAO;GAAK,EAAA,CAAA;EAChC,EAAA,CAAA"}
+{"version":3,"file":"TemplateComponent.js","names":[],"sources":["../../src/components/TemplateComponent.tsx"],"sourcesContent":["import { useState } from 'react'\n\ntype Props = {\n  userId: string\n}\n\nexport default function TemplateComponent({ userId }: Props) {\n  const [count, setCount] = useState<number>(0)\n\n  return (\n    <div>\n      <button\n        style={{ backgroundColor: 'blue', color: 'white' }}\n        onClick={() => setCount(count + 1)}\n      >\n        Click to increment count!\n      </button>\n      <p> Count = {count} </p>\n\n      <p> Passed in userId = {userId} </p>\n    </div>\n  )\n}\n"],"mappings":";;;AAMA,SAAwB,EAAkB,EAAE,aAAiB;CAC3D,IAAM,CAAC,GAAO,KAAY,EAAiB,CAAC;CAE5C,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,UAAD;GACE,OAAO;IAAE,iBAAiB;IAAQ,OAAO;GAAQ;GACjD,eAAe,EAAS,IAAQ,CAAC;aAClC;EAEO,CAAA;EACR,kBAAC,KAAD,EAAA,UAAA;GAAG;GAAU;GAAM;EAAI,EAAA,CAAA;EAEvB,kBAAC,KAAD,EAAA,UAAA;GAAG;GAAqB;GAAO;EAAI,EAAA,CAAA;CAChC,EAAA,CAAA;AAET"}

package/dist/components/TemporaryBanner/TemporaryBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemporaryBanner.js","names":[],"sources":["../../../src/components/TemporaryBanner/TemporaryBanner.tsx"],"sourcesContent":["import React from 'react'\nimport FullWidthAlert from '../FullWidthAlert'\nimport type { FullWidthAlertProps } from '../FullWidthAlert'\n\nexport type TemporaryBannerProps = {\n  deadline: string\n  content?: React.ReactNode\n} & Partial<FullWidthAlertProps>\n\nconst TemporaryBanner = ({\n  deadline,\n  content,\n  ...props\n}: TemporaryBannerProps): React.ReactNode => {\n  const trimmedDeadline = deadline.trim()\n  const deadlineDate = /^\\d{4}-\\d{2}-\\d{2}$/.test(trimmedDeadline) // date-only pattern YYYY-MM-DD\n    ? // Append a local end-of-day timestamp so \"YYYY-MM-DD\" deadlines last through 11:59 PM.\n      new Date(`${trimmedDeadline}T23:59:59.999`)\n    : new Date(trimmedDeadline)\n  const currentDate = new Date()\n  if (isNaN(deadlineDate.getTime())) {\n    console.error('TemporaryBanner: Invalid deadline date:', deadline)\n    return null\n  }\n  const isBeforeDeadline = currentDate <= deadlineDate\n\n  if (!isBeforeDeadline) {\n    return null\n  }\n\n  if (content) return <>{content}</>\n\n  return <FullWidthAlert {...props} />\n}\nexport default TemporaryBanner\n"],"mappings":";;;;AASA,IAAM,KAAmB,EACvB,aACA,YACA,GAAG,QACwC;CAC3C,IAAM,IAAkB,EAAS,MAAM,EACjC,IAAe,sBAAsB,KAAK,EAAgB,mBAE5D,IAAI,KAAK,GAAG,EAAgB,eAAe,GAC3C,IAAI,KAAK,EAAgB,EACvB,oBAAc,IAAI,MAAM;AAa9B,QAZI,MAAM,EAAa,SAAS,CAAC,IAC/B,QAAQ,MAAM,2CAA2C,EAAS,EAC3D,QAEgB,KAAe,IAMpC,IAAgB,kBAAA,GAAA,EAAA,UAAG,GAAW,CAAA,GAE3B,kBAAC,GAAD,EAAgB,GAAI,GAAS,CAAA,GAL3B"}
+{"version":3,"file":"TemporaryBanner.js","names":[],"sources":["../../../src/components/TemporaryBanner/TemporaryBanner.tsx"],"sourcesContent":["import React from 'react'\nimport FullWidthAlert from '../FullWidthAlert'\nimport type { FullWidthAlertProps } from '../FullWidthAlert'\n\nexport type TemporaryBannerProps = {\n  deadline: string\n  content?: React.ReactNode\n} & Partial<FullWidthAlertProps>\n\nconst TemporaryBanner = ({\n  deadline,\n  content,\n  ...props\n}: TemporaryBannerProps): React.ReactNode => {\n  const trimmedDeadline = deadline.trim()\n  const deadlineDate = /^\\d{4}-\\d{2}-\\d{2}$/.test(trimmedDeadline) // date-only pattern YYYY-MM-DD\n    ? // Append a local end-of-day timestamp so \"YYYY-MM-DD\" deadlines last through 11:59 PM.\n      new Date(`${trimmedDeadline}T23:59:59.999`)\n    : new Date(trimmedDeadline)\n  const currentDate = new Date()\n  if (isNaN(deadlineDate.getTime())) {\n    console.error('TemporaryBanner: Invalid deadline date:', deadline)\n    return null\n  }\n  const isBeforeDeadline = currentDate <= deadlineDate\n\n  if (!isBeforeDeadline) {\n    return null\n  }\n\n  if (content) return <>{content}</>\n\n  return <FullWidthAlert {...props} />\n}\nexport default TemporaryBanner\n"],"mappings":";;;;AASA,IAAM,KAAmB,EACvB,aACA,YACA,GAAG,QACwC;CAC3C,IAAM,IAAkB,EAAS,KAAK,GAChC,IAAe,sBAAsB,KAAK,CAAe,oBAE3D,IAAI,KAAK,GAAG,EAAgB,cAAc,IAC1C,IAAI,KAAK,CAAe,GACtB,oBAAc,IAAI,KAAK;CAa7B,OAZI,MAAM,EAAa,QAAQ,CAAC,KAC9B,QAAQ,MAAM,2CAA2C,CAAQ,GAC1D,QAEgB,KAAe,IAMpC,IAAgB,kBAAA,GAAA,EAAA,UAAG,EAAU,CAAA,IAE1B,kBAAC,GAAD,EAAgB,GAAI,EAAQ,CAAA,IAL1B;AAMX"}

package/dist/components/TermsAndConditions/TermsAndConditions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TermsAndConditions.js","names":[],"sources":["../../../src/components/TermsAndConditions/TermsAndConditions.tsx"],"sourcesContent":["import { useGetFullTableQueryResults } from '@/synapse-queries'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  URL_TERMS_CONDITIONS_AGREEMENT,\n} from '@/utils/SynapseConstants'\nimport { Alert, AlertTitle, Button, Link, Typography } from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport TermsAndConditionsItem, {\n  LoadingItem,\n  tcItem,\n} from './TermsAndConditionsItem'\n\nexport type TermsAndConditionsProps = {\n  onFormChange: (formComplete: boolean) => void\n  termsAndConditionsTableID: string\n  termsAndConditionsTableVersion: string\n  hideLinkToFullTC?: boolean\n}\n\nfunction TermsAndConditions({\n  termsAndConditionsTableID,\n  termsAndConditionsTableVersion,\n  onFormChange,\n  hideLinkToFullTC = false,\n}: TermsAndConditionsProps) {\n  const [tcList, setTcList] = useState<tcItem[]>([])\n  // Fetch the table data\n  const { data, isLoading, error, isError } = useGetFullTableQueryResults(\n    {\n      entityId: termsAndConditionsTableID,\n      query: {\n        sql: `SELECT * FROM ${termsAndConditionsTableID}.${termsAndConditionsTableVersion} ORDER BY order asc`,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { staleTime: Infinity },\n    true, // force this query to be run as the anonymous user (without an access token)\n  )\n\n  const isTermsAndConditionsTableNotFound = isError && error.status == 404\n\n  if (isTermsAndConditionsTableNotFound) {\n    // \"Pledge\" Synapse table is unavailable on this stack.  Allow agreement to the terms, but we will show a warning below\n    onFormChange(true)\n  }\n\n  // update tcList when data changes (transform)\n  useEffect(() => {\n    if (data && data.queryResult && data.queryResult.queryResults) {\n      const { rows, headers } = data.queryResult.queryResults\n      const iconColIndex = headers.findIndex(col => col.name === 'icon')\n      const labelColIndex = headers.findIndex(col => col.name === 'label')\n      const descriptionColIndex = headers.findIndex(\n        col => col.name === 'description',\n      )\n      const newTcList: tcItem[] = []\n      rows.forEach(row => {\n        const { values } = row\n        const item: tcItem = {\n          iconFileHandleId: values[iconColIndex] ?? '',\n          label: values[labelColIndex] ?? '',\n          description: values[descriptionColIndex] ?? '',\n        }\n        newTcList.push(item)\n      })\n      setTcList(newTcList)\n      const checkboxCount = newTcList.length\n      setCheckboxChecked(getInitialCheckboxState(checkboxCount))\n      // disabled all checkbox except the first one\n      setCheckboxEnabled(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, 1),\n      )\n    }\n  }, [data])\n\n  const sageTermsOfService =\n    'https://www.synapse.org/TrustCenter:TermsOfService'\n  const trustCenter = 'https://sagebionetworks.org/trust-center'\n  const getInitialCheckboxState = (checkboxCount: number) =>\n    Array.from(Array(checkboxCount).fill(false))\n  let mounted = true\n\n  // State variables\n  const [checkboxChecked, setCheckboxChecked] = useState<boolean[]>([])\n  const [checkboxEnabled, setCheckboxEnabled] = useState<boolean[]>([])\n\n  useEffect(() => {\n    if (mounted) {\n      checkFormCompleted()\n    }\n    return () => {\n      mounted = false\n    }\n  }, [checkboxEnabled, checkboxChecked])\n\n  // Placeholder function to check if all checkboxes are checked and agreement is signed\n  const checkFormCompleted = () => {\n    const allCheckboxChecked =\n      checkboxChecked.length > 0 && !checkboxChecked.includes(false)\n    onFormChange(allCheckboxChecked)\n  }\n\n  const updateCheckboxState = (id: number) => {\n    const newState = !checkboxChecked[id]\n    const checkboxCount = checkboxChecked.length\n    if (newState) {\n      // if the checkbox is checked (i.e. newState is true)\n      setCheckboxChecked(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, id + 1),\n      )\n      if (id + 2 <= tcList.length) {\n        setCheckboxEnabled(\n          getInitialCheckboxState(checkboxCount).fill(true, 0, id + 2),\n        )\n      }\n    } else {\n      setCheckboxChecked(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, id),\n      )\n      setCheckboxEnabled(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, id + 1),\n      )\n    }\n  }\n\n  return (\n    <section className=\"terms-conditions\">\n      <h3 className=\"page-header\">Pledge</h3>\n      <form>\n        <label>\n          I affirm my commitment to Sage&apos;s{' '}\n          <Link target=\"_blank\" href={sageTermsOfService}>\n            Terms of Service\n          </Link>{' '}\n          and policies for responsible research and data handling (\n          <Link target=\"_blank\" href={trustCenter}>\n            Trust Center\n          </Link>\n          ), including:\n        </label>\n        {isTermsAndConditionsTableNotFound && (\n          <Alert severity=\"warning\">\n            <AlertTitle>Source data unavailable</AlertTitle>\n            <Typography variant=\"body1\">\n              We are unable to display the source table content for the Synapse\n              Pledge at this time. Please review the full{' '}\n              <Link target=\"_blank\" href={sageTermsOfService}>\n                {' '}\n                Terms of Service{' '}\n              </Link>{' '}\n              carefully before proceeding. By clicking \"Agree And Continue,\" you\n              confirm that you have read and understood the Terms and Conditions\n              for use.\n            </Typography>\n          </Alert>\n        )}\n        <ul className=\"term-list\">\n          {isLoading && <LoadingItem numLoadingItems={6} />}\n          {tcList.length > 0 &&\n            tcList.map((item, i) => {\n              return (\n                <TermsAndConditionsItem\n                  key={`tc-item-${i}`}\n                  item={item}\n                  id={i}\n                  checked={checkboxChecked[i]}\n                  enabled={checkboxEnabled[i]}\n                  termsAndConditionsTableID={termsAndConditionsTableID}\n                  onChange={updateCheckboxState}\n                />\n              )\n            })}\n        </ul>\n        {!hideLinkToFullTC && (\n          <div className=\"view-terms\">\n            <Button\n              variant={'contained'}\n              href={URL_TERMS_CONDITIONS_AGREEMENT}\n              target=\"_blank\"\n            >\n              View Complete Terms and Conditions for Use\n            </Button>\n          </div>\n        )}\n      </form>\n    </section>\n  )\n}\n\nexport default TermsAndConditions\n"],"mappings":"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"}
+{"version":3,"file":"TermsAndConditions.js","names":[],"sources":["../../../src/components/TermsAndConditions/TermsAndConditions.tsx"],"sourcesContent":["import { useGetFullTableQueryResults } from '@/synapse-queries'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  URL_TERMS_CONDITIONS_AGREEMENT,\n} from '@/utils/SynapseConstants'\nimport { Alert, AlertTitle, Button, Link, Typography } from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport TermsAndConditionsItem, {\n  LoadingItem,\n  tcItem,\n} from './TermsAndConditionsItem'\n\nexport type TermsAndConditionsProps = {\n  onFormChange: (formComplete: boolean) => void\n  termsAndConditionsTableID: string\n  termsAndConditionsTableVersion: string\n  hideLinkToFullTC?: boolean\n}\n\nfunction TermsAndConditions({\n  termsAndConditionsTableID,\n  termsAndConditionsTableVersion,\n  onFormChange,\n  hideLinkToFullTC = false,\n}: TermsAndConditionsProps) {\n  const [tcList, setTcList] = useState<tcItem[]>([])\n  // Fetch the table data\n  const { data, isLoading, error, isError } = useGetFullTableQueryResults(\n    {\n      entityId: termsAndConditionsTableID,\n      query: {\n        sql: `SELECT * FROM ${termsAndConditionsTableID}.${termsAndConditionsTableVersion} ORDER BY order asc`,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { staleTime: Infinity },\n    true, // force this query to be run as the anonymous user (without an access token)\n  )\n\n  const isTermsAndConditionsTableNotFound = isError && error.status == 404\n\n  if (isTermsAndConditionsTableNotFound) {\n    // \"Pledge\" Synapse table is unavailable on this stack.  Allow agreement to the terms, but we will show a warning below\n    onFormChange(true)\n  }\n\n  // update tcList when data changes (transform)\n  useEffect(() => {\n    if (data && data.queryResult && data.queryResult.queryResults) {\n      const { rows, headers } = data.queryResult.queryResults\n      const iconColIndex = headers.findIndex(col => col.name === 'icon')\n      const labelColIndex = headers.findIndex(col => col.name === 'label')\n      const descriptionColIndex = headers.findIndex(\n        col => col.name === 'description',\n      )\n      const newTcList: tcItem[] = []\n      rows.forEach(row => {\n        const { values } = row\n        const item: tcItem = {\n          iconFileHandleId: values[iconColIndex] ?? '',\n          label: values[labelColIndex] ?? '',\n          description: values[descriptionColIndex] ?? '',\n        }\n        newTcList.push(item)\n      })\n      setTcList(newTcList)\n      const checkboxCount = newTcList.length\n      setCheckboxChecked(getInitialCheckboxState(checkboxCount))\n      // disabled all checkbox except the first one\n      setCheckboxEnabled(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, 1),\n      )\n    }\n  }, [data])\n\n  const sageTermsOfService =\n    'https://www.synapse.org/TrustCenter:TermsOfService'\n  const trustCenter = 'https://sagebionetworks.org/trust-center'\n  const getInitialCheckboxState = (checkboxCount: number) =>\n    Array.from(Array(checkboxCount).fill(false))\n  let mounted = true\n\n  // State variables\n  const [checkboxChecked, setCheckboxChecked] = useState<boolean[]>([])\n  const [checkboxEnabled, setCheckboxEnabled] = useState<boolean[]>([])\n\n  useEffect(() => {\n    if (mounted) {\n      checkFormCompleted()\n    }\n    return () => {\n      mounted = false\n    }\n  }, [checkboxEnabled, checkboxChecked])\n\n  // Placeholder function to check if all checkboxes are checked and agreement is signed\n  const checkFormCompleted = () => {\n    const allCheckboxChecked =\n      checkboxChecked.length > 0 && !checkboxChecked.includes(false)\n    onFormChange(allCheckboxChecked)\n  }\n\n  const updateCheckboxState = (id: number) => {\n    const newState = !checkboxChecked[id]\n    const checkboxCount = checkboxChecked.length\n    if (newState) {\n      // if the checkbox is checked (i.e. newState is true)\n      setCheckboxChecked(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, id + 1),\n      )\n      if (id + 2 <= tcList.length) {\n        setCheckboxEnabled(\n          getInitialCheckboxState(checkboxCount).fill(true, 0, id + 2),\n        )\n      }\n    } else {\n      setCheckboxChecked(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, id),\n      )\n      setCheckboxEnabled(\n        getInitialCheckboxState(checkboxCount).fill(true, 0, id + 1),\n      )\n    }\n  }\n\n  return (\n    <section className=\"terms-conditions\">\n      <h3 className=\"page-header\">Pledge</h3>\n      <form>\n        <label>\n          I affirm my commitment to Sage&apos;s{' '}\n          <Link target=\"_blank\" href={sageTermsOfService}>\n            Terms of Service\n          </Link>{' '}\n          and policies for responsible research and data handling (\n          <Link target=\"_blank\" href={trustCenter}>\n            Trust Center\n          </Link>\n          ), including:\n        </label>\n        {isTermsAndConditionsTableNotFound && (\n          <Alert severity=\"warning\">\n            <AlertTitle>Source data unavailable</AlertTitle>\n            <Typography variant=\"body1\">\n              We are unable to display the source table content for the Synapse\n              Pledge at this time. Please review the full{' '}\n              <Link target=\"_blank\" href={sageTermsOfService}>\n                {' '}\n                Terms of Service{' '}\n              </Link>{' '}\n              carefully before proceeding. By clicking \"Agree And Continue,\" you\n              confirm that you have read and understood the Terms and Conditions\n              for use.\n            </Typography>\n          </Alert>\n        )}\n        <ul className=\"term-list\">\n          {isLoading && <LoadingItem numLoadingItems={6} />}\n          {tcList.length > 0 &&\n            tcList.map((item, i) => {\n              return (\n                <TermsAndConditionsItem\n                  key={`tc-item-${i}`}\n                  item={item}\n                  id={i}\n                  checked={checkboxChecked[i]}\n                  enabled={checkboxEnabled[i]}\n                  termsAndConditionsTableID={termsAndConditionsTableID}\n                  onChange={updateCheckboxState}\n                />\n              )\n            })}\n        </ul>\n        {!hideLinkToFullTC && (\n          <div className=\"view-terms\">\n            <Button\n              variant={'contained'}\n              href={URL_TERMS_CONDITIONS_AGREEMENT}\n              target=\"_blank\"\n            >\n              View Complete Terms and Conditions for Use\n            </Button>\n          </div>\n        )}\n      </form>\n    </section>\n  )\n}\n\nexport default TermsAndConditions\n"],"mappings":"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"}